Recording of the visual regression run on portfolio-builder-miia.onrender.com · DevFolioX — app walkthrough.

In this video· click a step to jump to it

P
Passed

Test recording

DevFolioX — app walkthrough

89,574 ms · 0 pixels changed · matches baseline

We built this regression test for portfolio-builder-miia.onrender.com — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against portfolio-builder-miia.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 UA = 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36';
  await page.context().setExtraHTTPHeaders({ 'User-Agent': UA }).catch(() => {});
  for (const pat of [
    '**/cdn-cgi/scripts/**/email-decode.min.js',
    '**/browser.sentry-cdn.com/**',
    '**/cdn.segment.com/**',
    '**/connect.facebook.net/**',
    '**/www.googletagmanager.com/**',
    '**/static.hotjar.com/**',
    '**/*.clarity.ms/**',
  ]) { await page.route(pat, r => r.abort()).catch(() => {}); }
+122 more lines claim the test to get the full code.

Checks run

Run
Visual
Text
DOM
Network
+32 −0
Console
A11y
A
Perf
720 over
URL
Variables
Full report
Log in →
0
Diff px
1m 30s
Duration
A
Accessible
WCAG 2.2 · 94
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

We signed in with Google and built a real portfolio in DevFolioX: named a variant, aimed it at a target role, filled the profile block, added experience, project and skill rows, ran your health check and stepped through the desktop, tablet and mobile previews. The split-pane is the thing that works. Every field we typed on the left appeared in the live preview on the right immediately, so by the third input it was already obvious what the product does without reading any instructions.

Highlights
  • Live preview earns the split-pane
    Typing a name, role and tagline rendered a styled portfolio hero in real time, headline, availability chip, location and contact email included. No save-and-refresh loop anywhere in the flow.
  • Variants are the real idea
    'Each portfolio keeps its own content' plus Duplicate and Target role is a sharper pitch than 'portfolio builder'. Tailoring one CV per role is the actual job, and the UI is built around it rather than bolting it on.
  • Health check is specific, not a score
    It returned 1 needs-attention, 2 improvements, 1 optional, each naming the exact gap ('No projects are targeted') with an Open Targeting link straight to the fix. Far more actionable than a percentage.
Friction points
  • Health modal has no escape besides Done
    The Portfolio Health dialog ignores Escape and outside-clicks; only the Done button closes it. Our first automated pass got stuck behind it and every later screenshot captured the modal instead of the builder. A real user with a trackpad will click outside it and wonder why nothing happens.
  • Cold start on the free Render tier
    First load after an idle period took roughly 30-40 seconds before the builder painted. A visitor arriving from your launch tweet may well assume the link is broken. A lightweight static landing page in front of the app would absorb that.

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.
56,753 test runs recorded · 1,006 products tested with Lastest

This test was built for portfolio-builder-miia.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.