Recording of the visual regression run on thumbrankpro.com · ThumbRank — signed-in thumbnail preview walkthrough.

In this video· click a step to jump to it

T
Passed

Test recording

ThumbRank — signed-in thumbnail preview walkthrough

132,243 ms · 60,721 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against thumbrankpro.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 I = 'input:not([type])';

  const THUMB_A = 'iVBORw0KGgoAAAANSUhEUgAAAoAAAAFoCAIAAABIUN0GAAAQQklEQVR42u3V0w5wSRpA0X6fepZ5gx67bdu2rd+2bdt22z3oYZ2cStVXd3M1mWRWsh9hJ+uydPm/0uX/bP209o+hn4V+nvt76xe1v6Vf9v0q92Pp17G/pt/0/Tb3l9LvYn9Ovw/9YexPpT+Grsj90Lqy9v3QVaGrc9+1rql9m67tuy73Ten62Nfphr4bc1+Vbop9mW4O3TL2RenW0G25z1u31z4buiN0Z+7T1l21T9LdfffkPi7dG7uU7uu7P3ex9EDsQnow9NDY+dLDoUdy51qP1s4OPRZ6PHem9UTtdHqy76ncqdLTsZPpmb5ncydKz8WOp+dDL4wdK70Yeil3tPVy7cjQK6FXc4dbr9UOpdf73sgdLL0ZO5De6ns7t7/0Tmxfejf03tje0vuhD3J7Wh/Wdg99FJqQ29WaWNuZJvVNzu0oTYltT1P7puW2labHtqYZoZljW0qzQrNzm1tzapuG5obm5Ta25tc2pAV9C3PrS4ti69LiviW5taWlsTVpWWj52OrSitDK3KrWqtrKodWhNbkVrbW15Wld3/rcstKG2NK0sW9Tbklpc2xx2hLaOraotC20PbewtaO2YGhnaFdufmt3bV7a07c3N7e0LzYn7e87kJtdOhiblQ6FDo/NLB0JHc3NaB2rTR86HjqRm9Y6WZuaTvWdzk0pnYlNTmf7zuUmlc7HJqYLoYtjE0qXWpcBGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAA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';
  const THUMB_B = 'iVBORw0KGgoAAAANSUhEUgAAAoAAAAFoCAIAAABIUN0GAAAO40lEQVR42u3VRRIYRABFwdwBiRF39yDBIe5G3AWixN3dHZerwixmMTV/w4qiin717tAD/lqw4K8FH/V/HH/S/mH90/iz+PPyB/1fxF+2v1//Kv46Xlie378oXtw+r74kXhovK8/tXx6vaJ9TXxmvileXZ/evide2z6qvi9fHG8oz+zfG37TPqG+KN8dbytP7t8bb2qfVt8c74p3lqf274t3tU+p74r3xvvLk/v3xgfZJ9YPxt/F35Yn9h+LD7RPqR+Kj8bHy+P7j8fft4+on4pPxqfLY/tPxmfYx9bPxufh8eXT/hfhi+6j6pfhyfKU8sv9qfK19RP16fCO+WR7efyu+3T6sfie+G98rv9d/P37QPrT+MH4UPy4P6X8SP20fXH8WP49flAf1v4xftQ+sv47fxD+U3+3/Mf6p/Z36z/Ev8a/lt/t/i39vf6v+R/xn/wAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAbwPwZYkvQ/DMAAliQBGMCSJAADGMCSJAADWJIEYAADWJIEYABLkgAMYABLkgAMYEkSgAEMYEkSgAEsSQIwgCVJAAYwgCVJAAawJAnAAAawJAnAAJYkARjAAJYkARjAkiQAAxjAkiQAA1iSBGAAS5IADGAAS5IADGBJEoABDGBJEoABLEkCMIABLEkCMIAlSQAGMIAlSQAGsCQJwACWJAEYwACWJAEYwJIkAAMYwJIkAANYkgRgAANYkgRgAEuSAAxgAEuSAAxgSRKAASxJAjCAASxJAjCAJUkABjCAJUkABrAkCcAABrAkCcAAliQBGMAAliQBGMCSJAADGMCSBGAAA1iSBGAAS5IADGAAS5IADGBJEoABDGBJEoABLEkCMIABLEkCMIAlSQAGMIAlCcAABrAkCcAAliQBGMAAliQBGMCSJAADGMCSJAADWJIEYAADWJIEYABLkgAMYABLEoABDGBJEoABLEkCMIABLEkCMIAlSQAGMIAlSQAGsCQJwAAGsCQJwACWJAEYwACWJAADGMCSJAADWJIEYAADWJIEYABLkgAMYABLkgAMYEkSgAEMYEkSgAEsSQIwgAEsSQAGMIAlSQAGsCQJwAD+VwBeOL9/Uby4fV59Sbw0Xlae2788XtE+p74yXhWvLs/uXxOvbZ9VXxevjzeUZ/ZvjL9pn1HfFG+Ot5Sn92+Nt7VPq2+Pd8Q7y1P7d8W726fU98R7433lyf374wPtk+oH42/j78oT+w/Fh9sn1I/ER+Nj5fH9x+Pv28fVT8Qn41Plsf2n4zPtY+pn43Px+fLo/gvxxfZR9Uvx5fhKeWT/1fha+4j69fhGfLM8vP9WfLt9WP1OfDe+V36v/378oH1o/WH8KH5cHtL/JH7aPrj+LH4evygP6n8Zv2ofWH8dv4kBDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAGMIABDGAAAxjA/02A/wbRMAtsogIaeQAAAABJRU5ErkJggg==';
  const putThumb = async (slot, b64, name) => {
    const buffer = Buffer.from(b64, 'base64');
    await page.locator('input[type=file]').nth(slot).setInputFiles({ name: name, mimeType: 'image/png', buffer: buffer });
  };

  const SCROLL_TO = (n) => "(async () => { const ease = t => 1 - Math.pow(1 - t, 3); const target = window.innerHeight * " + n + "; const from = window.scrollY; 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(from, target, 1100); await new Promise(r => setTimeout(r, 450)); })()";
+98 more lines claim the test to get the full code.

Checks run

Run
Visual
3.18%
Text
DOM
Network
Console
A11y
A
Perf
1260 over
URL
Variables
Full report
Log in →
60,721
Diff px
2m 12s
Duration
A
Accessible
WCAG 2.2 · 94
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

We signed into ThumbRank on a free account and drove the tool end to end: uploaded a thumbnail, filled the search-result metadata, added a competitor, unlocked the Packaging Score with a title, rendered the preview, and read the AI score, packaging breakdown and head-to-head comparison - then the A/B builder, Templates, Creator OS and pricing. The YouTube search mock is the whole pitch in one screen: your thumbnail sitting between two competitors at real result size, with the score stamped on it.

Highlights
  • The scores are decomposed, not a single vanity number
    AI Thumbnail Score 69 with 'Subject blends into background - add separation with color or brightness', Packaging Score 45 with DUPLICATION: LOW and curiosity gap 70/100, then a Comparison Analysis that names C1 as Best Choice at 71. A creator knows what to change after reading it, which is the whole job.
  • The free tier is the product, with a visible meter
    'Free plan: 2 previews remaining today' sits right under the render button. A visible quota beats a hidden one - we knew exactly what we were spending and never hit a surprise wall.
  • Rendering is genuinely fast
    From clicking Render preview to a fully scored result with competitor comparison took a few seconds, with the SERP mock updating live as we typed the title, channel and view count.
Friction points
  • The last step of the /tool tour is unreachable under 1000px of viewport height
    At 1440x900 the step-5 tour card renders at top 825px / bottom 999px - its 'Got it' button is below the fold. The card is position:fixed so scrolling cannot reach it, and Escape does not dismiss the backdrop, so a first-time visitor is stuck behind the black overlay with no way out. It cleared instantly once we resized to 1200px tall. Clamping the card to min(anchorTop, innerHeight - cardHeight - 16), or letting Escape close the tour, fixes it.
  • A rate-limited signup fails silently
    Our first Create account click returned a 429 from Supabase and the button simply disappeared with no message. Only the retry surfaced 'For security purposes, you can only request this after 23 seconds.' Rendering the 429 message on the first failure would save a confused signup.

12 visual changes

Step 11,065 px changed
Before
Before
After
After
Diff
Diff
Step 2645 px changed
Before
Before
After
After
Diff
Diff
Step 3662 px changed
Before
Before
After
After
Diff
Diff
Step 4685 px changed
Before
Before
After
After
Diff
Diff
Step 5647 px changed
Before
Before
After
After
Diff
Diff
Step 6626 px changed
Before
Before
After
After
Diff
Diff
Step 731,725 px changed
Before
Before
After
After
Diff
Diff
Step 81,009 px changed
Before
Before
After
After
Diff
Diff
Step 9981 px changed
Before
Before
After
After
Diff
Diff
Step 10821 px changed
Before
Before
After
After
Diff
Diff
Step 11832 px changed
Before
Before
After
After
Diff
Diff
Step 1221,023 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.
56,880 test runs recorded · 1,047 products tested with Lastest

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