Recording of the visual regression run on taskflow-fqay.onrender.com · TaskFlow — app walkthrough.

In this video· click a step to jump to it

T
Passed ✓

Test recording

TaskFlow — app walkthrough

16,875 ms · 101,141 pixels changed

We built this regression test for taskflow-fqay.onrender.com — it's yours to keep, free.

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const EMAIL = '[email protected]';
  const PASSWORD = '•••';
  const shot = function (n, s) { return screenshotPath.replace('.png', '-' + n + '-' + s + '.png'); };

  // ---- Public: login page (onrender may cold-start) ----
  await page.goto(baseUrl + '/html/index.html', { waitUntil: 'domcontentloaded' });
  await page.locator('#login-email').waitFor({ state: 'visible', timeout: 60000 }).catch(function () {});
  await page.waitForLoadState('networkidle').catch(function () {});
  await page.waitForTimeout(700);
  await page.screenshot({ path: shot(1, 'login'), fullPage: true });
  stepLogger.log('Captured login page');
+64 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
31.58%
Text
—
DOM
✓
Network
—
Console
✓
A11y
B
Perf
✓
URL
✓
Variables
—
Full report
Log in →
101,141
Diff px
17s
Duration
B
Accessible
WCAG 2.2 · 81
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

TaskFlow is a clean, fast personal task manager. Sign-in lands on a dashboard with four stat cards (total / completed / pending / archived), a progress bar, and an analytics strip (completed this week & month, completion rate, top category, streak). We signed in and drove it end-to-end — created two tasks with priority + category (High/Work and Medium/Personal), filtered by Completed / Pending / Archived, and searched — with a success toast and live stat updates on each create.

Highlights
  • Immediate feedback loop
    Each 'Add Task' fires a 'Task created successfully' toast and the stat cards + list update instantly — the app feels responsive and the create flow is a single screen, no modal.
  • Genuinely rich task model
    Tasks carry priority, category, due date and tags, and the list supports Active/Pending/Completed/Archived filters plus category/priority/due filters, search and sort — more depth than most first task apps ship with.
Friction points
  • Free host cold-starts
    On the Render free tier the first visit after idle shows a ~30-60s 'Application loading' interstitial before the app appears — enough to bounce a first-time visitor. A warm instance or a lightweight keep-alive ping would remove that first-impression cost.
  • .html paths are exposed
    The app lives at /html/index.html and /html/dashboard.html. Clean routes (/ and /dashboard) would look more polished and make shared links tidier.

8 visual changes

Step 27,926 px changed
Before
Before
After
After
Diff
Diff
Step 37,982 px changed
Before
Before
After
After
Diff
Diff
Step 47,872 px changed
Before
Before
After
After
Diff
Diff
Step 537,429 px changed
Before
Before
After
After
Diff
Diff
Step 618,411 px changed
Before
Before
After
After
Diff
Diff
Step 710,597 px changed
Before
Before
After
After
Diff
Diff
Step 83,052 px changed
Before
Before
After
After
Diff
Diff
Step 97,872 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,399 test runs recorded · 1,174 products tested with Lastest

This test was built for taskflow-fqay.onrender.com — 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.