In this video· click a step to jump to it
Test recording
Templateson — app walkthrough
70,584 ms · 0 pixels changed · matches baseline
We built this regression test for templateson.com — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against templateson.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 BASE = baseUrl.replace(/\/+$/, '');
page.setDefaultTimeout(6000);
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','**/sentry-cdn.com/**','**/browser.sentry-cdn.com/**','**/cdn.segment.com/**','**/connect.facebook.net/**']) {
await page.route(pattern, function (r) { r.abort(); }).catch(function () {});
}
async function snap(n, s) {
await page.screenshot({ path: n === 0 ? screenshotPath : shot(n, s), fullPage: false, timeout: 7000 }).catch(function (e) { stepLogger.warn('shot ' + s + ': ' + e.message.split('\n')[0]); });
}
Checks run
Notes from the demo run
AI-generatedTemplateson turns design templates into image/PDF renders you can call from an API or automation (Zapier/n8n/Make, REST, or an MCP agent). The signup is a friendly 4-step wizard that tailors the dashboard to how you'll integrate, and you land on a clean developer console: usage stats (daily/monthly API requests, AI generations), a template library with public starters plus your own, bulk rendering, QR tracking, and API-key management.
- Integration-aware onboardingThe signup wizard asks what you want to generate and how you'll connect (Zapier / REST / MCP agent) and shapes the dashboard around that answer. Thoughtful for a developer tool, and it means the first authed screen already feels relevant.
- Console covers the whole workflowFrom one authenticated shell you get usage metering, a template library (public + yours), an import path, bulk rendering, QR tracking, and API keys. The scope is clear without being cluttered.
- Template editor stalls headless automationYour template editor renders its preview in a sandboxed about:srcdoc iframe that repeatedly logs 'Blocked script execution ... allow-scripts not set'. It renders fine for humans, but it hangs headless/automated capture, so agent-based screenshotting or monitoring of the editor is hard. Adding allow-scripts to the sandbox (or a static preview fallback) would fix it.
- Free quota is modestThe free tier shows 100 monthly API requests and 10 AI generations. Fine for evaluating, but worth signposting the next tier before a user hits the wall mid-integration.
Share this run
Proof your app is not AI slop
This test was built for templateson.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.