In this video· click a step to jump to it
Test recording
hillchart — app walkthrough
42,298 ms · 403 pixels changed
We built this regression test for hillch.art — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against hillch.art. Claim it into your own workspace and re-run it on every deploy — free.
export async function test(page, baseUrl, screenshotPath, stepLogger) {
const CFG = {"appEntry":"/app","publicMaxNav":2,"steps":[{"goto":"/app","dismiss":true,"clickText":"Skip tour","label":"projects-home"},{"goto":"/app/project/96de9825-f8bb-4561-ba1f-effb9363d049","dismiss":true,"label":"project-hillchart"},{"clickText":"Timeline","label":"project-timeline"},{"clickText":"Snapshot","label":"project-snapshot"},{"goto":"/app","clickText":"Client Website Redesign","label":"project-2-hillchart"},{"goto":"/app/settings","label":"settings"},{"goto":"/app/settings?tab=plan","label":"plan-upgrade"},{"goto":"/app","clickText":"New project","label":"new-project"}]};
const shot = function(i, s){ return screenshotPath.replace('.png', '-' + i + '-' + s + '.png'); };
page.setDefaultTimeout(6000);
// single combined noise-abort route (1 action instead of ~10)
await page.route(function(u){ return /sentry|segment\.com|googletagmanager|google-analytics|hotjar|posthog|connect\.facebook|cdn-cgi\/scripts/.test(u.toString()); }, function(r){ r.abort().catch(function(){}); }).catch(function(){});
let n = 1;
const FP = CFG.fullPage !== false;
const GOTO = 11000;
const wait = function(ms){ return page.waitForTimeout(ms||500); };
const dismiss = async function(){ const d = page.getByRole('button', { name: /skip|dismiss|maybe later|not now|got it|close|no thanks|continue|get started/i }).first(); if (await d.isVisible().catch(function(){return false;})) { await d.click({ timeout:2000 }).catch(function(){}); await wait(400); } };
const clickByText = function(src){ return page.evaluate(function(s){Checks run
Notes from the demo run
AI-generatedHillchart brings Basecamp's Shape-Up 'hill charts' to any project. After signup (Supabase email confirm) the /app workspace is pre-seeded with two sample projects (Q2 Product Launch, Client Website Redesign) so the core hill-chart visualization is visible immediately — no blank slate. A left rail lists projects with scope counts, plus New project, Product tour, Settings and a Free-plan upgrade nudge.
- Pre-seeded sample projectsA fresh account opens onto two demo projects with populated hill charts — the product's whole value is legible in the first three seconds.
- Focused, single-concept toolIt does one thing (where does each piece of work sit on the hill) and the UI doesn't dilute that with unrelated dashboards.
- Built-in product tourA 'Product tour' affordance is right on the workspace for first-timers.
- Email confirm before loginSupabase signup requires confirming the email before the workspace is reachable, adding an inbox hop to onboarding.
- Free plan caps active projects'Free: 2 active projects' is shown inline — a clear but early upgrade ceiling for a tool people want to use across many projects.
Visual change
Share this run
Proof your app is not AI slop
This test was built for hillch.art — 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.


