Recording of the visual regression run on ranksyapp.com · ranksyapp — app walkthrough.

In this video· click a step to jump to it

R
Passed ✓

Test recording

ranksyapp — app walkthrough

70,460 ms · 4,675 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against ranksyapp.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, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
  const SCROLL_THROUGH = "(async () => { const ease = t => 1 - Math.pow(1 - t, 3); const max = Math.max(0, document.body.scrollHeight - window.innerHeight); if (max < 40) return; const anim = (a, b, ms) => new Promise(res => { const t0 = performance.now(); const step = now => { const p = Math.min(1, (now - t0) / ms); window.scrollTo(0, a + (b - a) * ease(p)); p < 1 ? requestAnimationFrame(step) : res(); }; requestAnimationFrame(step); }); await anim(0, max, 1400); await new Promise(r => setTimeout(r, 350)); await anim(max, 0, 800); })()";

  await page.context().setExtraHTTPHeaders({ 'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36' });
  for (const pattern of ['**/cdn-cgi/scripts/**/email-decode.min.js','**/cdn-cgi/scripts/**/cloudflare-static/**','**/sentry-cdn.com/**','**/browser.sentry-cdn.com/**','**/cdn.segment.com/**','**/connect.facebook.net/**']) {
    await page.route(pattern, function (r) { r.abort().catch(function () {}); }).catch(function () {});
  }
  let actions = 0;

  const routes = [
    ['dashboard', '/dashboard', 'App dashboard'],
+48 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.59%
Text
—
DOM
✓
Network
+130 −130
Console
✓
A11y
B
Perf
✓
URL
✓
Variables
—
Full report
Log in →
4,675
Diff px
1m 10s
Duration
B
Accessible
WCAG 2.2 · 84
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

Ranksy's authenticated dashboard is a dense, well-organised Shopify App Store analytics cockpit. After a 2-step onboarding (find your app, pick an intent) it lands on an app-specific dashboard with Best Category Rank, rating, Top-10 keyword count, median search position and review sentiment up top, then keyword-ranking distribution, category-rank trend charts, latest reviews and a live alerts feed — with a left rail into Revenue, Traffic, CRM, ASO, Monitoring, AI Suggestions and Goals.

Highlights
  • Signal-dense at a glance
    The six hero stat tiles (category rank, rating, top-10 keywords, median position, listing score, review sentiment) give an app owner their whole competitive position in one screen — no drilling required.
  • Actionable alerts feed
    The Alerts panel calls out concrete keyword drops ('Dropped 23 positions for product page video, now #24') with dates, which turns monitoring into a to-do list rather than a dashboard to interpret.
Friction points
  • Deep links 404 before onboarding
    Hitting /dashboard, /keywords or /rankings before an app is selected hard-404s to a Not Found rather than routing to the 'Find your app' step — a redirect would be friendlier for shared/bookmarked links.
  • Revenue panel gated behind Partner API
    The revenue/growth tiles show blurred sample numbers with a 'Connect Partner API' CTA; a one-line 'why connect' benefit under the button would lift connect rates.

10 visual changes

Step 1978 px changed
Before
Before
After
After
Diff
Diff
Step 2474 px changed
Before
Before
After
After
Diff
Diff
Step 3474 px changed
Before
Before
After
After
Diff
Diff
Step 4474 px changed
Before
Before
After
After
Diff
Diff
Step 5474 px changed
Before
Before
After
After
Diff
Diff
Step 6474 px changed
Before
Before
After
After
Diff
Diff
Step 7474 px changed
Before
Before
After
After
Diff
Diff
Step 8241 px changed
Before
Before
After
After
Diff
Diff
Step 9306 px changed
Before
Before
After
After
Diff
Diff
Step 10306 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,604 test runs recorded · 1,174 products tested with Lastest

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