Recording of the visual regression run on notiq.study · Notiq — app walkthrough.

In this video· click a step to jump to it

N
Passed ✓

Test recording

Notiq — app walkthrough

17,853 ms · 4,998 pixels changed

We built this regression test for notiq.study — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against notiq.study. Claim it into your own workspace and re-run it on every deploy — free.

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = async (n, slug) => {
    const p = screenshotPath.replace('.png', `-${n}-${slug}.png`);
    stepLogger.log(`Scenario ${n}: ${slug}`);
    await page.screenshot({ path: p, fullPage: true });
  };

  // 1. Home page
  await page.goto(baseUrl, { waitUntil: 'domcontentloaded' });
  await shot(1, 'home');

  // 2. Pricing page (via nav link)
+75 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
1.64%
Text
—
DOM
✓
Network
—
Console
✓
A11y
A
Perf
✓
URL
30 diverged
Variables
—
Full report
Log in →
4,998
Diff px
18s
Duration
A
Accessible
WCAG 2.2 · 95
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

Notiq turns YouTube videos into structured study notes in under 60 seconds. The app has a clean sidebar with My Notes, New Note, and Chat. The authenticated dashboard greets the user with a "Paste your first YouTube link" prompt and surfaces a pre-built Kubernetes example notebook. The free plan offers 3 notes before an upgrade prompt.

Highlights
  • Home page
    Clean marketing site with clear AI study note value proposition and CTA
  • Pricing page
    Free vs Solver plan comparison visible from main nav
  • Dashboard - My Notes
    Post-login: Welcome message with YouTube URL paste prompt; example notebook featured
  • New Note flow
    Sidebar New Note link opens a note creation form for pasting a YouTube URL
  • YouTube URL input
    Primary CTA: paste a YouTube video URL to generate structured notes
  • Chat section
    Dedicated Chat sidebar item for AI Q+A on notebook content
  • Example notebook
    Kubernetes Explained notebook pre-loaded for onboarding; open the full notebook link visible
  • Notebook bottom
    Full scrollable notebook view confirming structured AI-generated content
  • Upgrade pricing
    Inline upgrade prompt from dashboard; leads to Solver plan pricing
  • Free tools
    Back to home/public pages after upgrade prompt

3 visual changes

Step 1258 px changed
Before
Before
After
After
Diff
Diff
Step 5763 px changed
Before
Before
After
After
Diff
Diff
Step 103,977 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
tests
all passing
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,275 test runs recorded · 1,164 products tested with Lastest

This test was built for notiq.study — claim it free

One click copies the test and baseline screenshots into your own Lastest workspace. Re-run on every deploy and catch regressions before your users do — free, no card required.