Recording of the visual regression run on lydrafinance.com · LYDRA Finance — app walkthrough.

In this video· click a step to jump to it

L
Passed ✓

Test recording

LYDRA Finance — app walkthrough

57,772 ms · 74 pixels changed

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

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = (n, s) => screenshotPath.replace('.png', '-' + n + '-' + s + '.png');
  const O = 'https://lydrafinance.com';
  page.setDefaultTimeout(9000);
  page.setDefaultNavigationTimeout(25000);
  for (const pat of ['**/client.crisp.chat/**','**/widget.intercom.io/**','**/js.stripe.com/**','**/*.sentry.io/**','**/cdn.segment.com/**','**/*.hotjar.com/**','**/googletagmanager.com/**','**/google-analytics.com/**','**/region1.analytics.google.com/**']) {
    await page.route(pat, function(r){ r.abort().catch(function(){}); }).catch(function(){});
  }
  async function dismiss() {
    for (let i = 0; i < 3; i++) {
      const sk = page.getByRole('button', { name: new RegExp('skip tour|skip for now|^skip$|got it|dismiss|^close$|^done$|maybe later|next', 'i') }).first();
      if (await sk.isVisible().catch(function(){return false;})) { await sk.click({ timeout: 1500 }).catch(function(){}); await page.waitForTimeout(500); } else break;
+53 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.54%
Text
—
DOM
✓
Network
+11 −44
Console
✓
A11y
Review
Perf
55 over
URL
✓
Variables
—
Full report
Log in →
74
Diff px
58s
Duration
Review
Accessible
WCAG 2.2
B
Fast
Web Vitals · 85

Notes from the demo run

AI-generated

LYDRA Finance is a boldly-branded personal finance tracker. The dashboard greets you by name and offers a clear nav (Dashboard, Transactions, Log Entry, Insights, Settings, Support), an income-vs-expense quick toggle, import/export, multi-currency and an alerts badge.

Highlights
  • Fast logging
    Income/Expense toggles sit on the dashboard so adding a transaction is a one-screen action.
  • Insights view
    A dedicated Insights section turns raw transactions into trends — the reason to keep logging.
  • Portable data
    Built-in Import and Export plus multi-currency support signal a tool meant for real, ongoing use.
Friction points
  • Tour modal on first login
    A product tour ('Skip tour / Next') covers the dashboard on first login and needs dismissing before the data is visible.
  • Log Entry route shell
    The /dashboard/log route is mostly a search/filter shell; the actual add-transaction flow lives on the dashboard, which is slightly confusing.

Visual change

Step 474 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,761 test runs recorded · 1,174 products tested with Lastest

This test was built for lydrafinance.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.