In this video· click a step to jump to it
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'],Checks run
Notes from the demo run
AI-generatedRanksy'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.
- Signal-dense at a glanceThe 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 feedThe 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.
- Deep links 404 before onboardingHitting /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 APIThe 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
Share this run
Proof your app is not AI slop
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.





























