[{"data":1,"prerenderedAt":66},["ShallowReactive",2],{"term-p\u002Fplaywright":3,"related-p\u002Fplaywright":59},{"id":4,"title":5,"acronym":6,"body":7,"category":40,"description":41,"difficulty":42,"extension":43,"letter":16,"meta":44,"navigation":45,"path":46,"related":47,"seo":53,"sitemap":54,"stem":57,"subcategory":6,"__hash__":58},"terms\u002Fterms\u002Fp\u002Fplaywright.md","Playwright",null,{"type":8,"value":9,"toc":33},"minimark",[10,15,19,23,26,30],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Playwright is an end-to-end testing tool that controls real browsers (Chrome, Firefox, Safari) to test your web app the way a user would. Click buttons, fill forms, navigate pages — and assert that everything works. Unlike Cypress (which runs inside the browser), Playwright controls the browser from outside, giving it superpowers: multiple tabs, file downloads, mobile emulation, and cross-browser testing. It's the 'test like a user, debug like a developer' tool.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Playwright is a cross-browser E2E testing framework by Microsoft that provides reliable automation for Chromium, Firefox, and WebKit. It uses a browser-server architecture (CDP\u002Fcustom protocols) enabling features unavailable in browser-embedded tools: multi-tab\u002Fmulti-origin scenarios, network interception, file system access, and parallel execution. Key features include auto-waiting, trace viewer, codegen (record and replay), and visual regression testing with screenshot comparison.",[11,27,29],{"id":28},"when-youll-hear-this","When You'll Hear This",[16,31,32],{},"\"Playwright tests run against Chrome, Firefox, AND Safari in CI — no more 'works in Chrome' bugs.\" \u002F \"Use Playwright's codegen to record the test flow, then clean it up.\"",{"title":34,"searchDepth":35,"depth":35,"links":36},"",2,[37,38,39],{"id":13,"depth":35,"text":14},{"id":21,"depth":35,"text":22},{"id":28,"depth":35,"text":29},"testing","Playwright is an end-to-end testing tool that controls real browsers (Chrome, Firefox, Safari) to test your web app the way a user would.","intermediate","md",{},true,"\u002Fterms\u002Fp\u002Fplaywright",[48,49,50,51,52],"Cypress","E2E Testing","Browser Testing","Testing Library","Automation",{"title":5,"description":41},{"changefreq":55,"priority":56},"weekly",0.7,"terms\u002Fp\u002Fplaywright","SFsZeF-nEsOEt3PTRW1dCpFgxaud4yaBooMFZaw8KpM",[60,63],{"title":48,"path":61,"acronym":6,"category":40,"difficulty":42,"description":62},"\u002Fterms\u002Fc\u002Fcypress","Selenium drives a browser like a confused tourist with a map.",{"title":51,"path":64,"acronym":6,"category":40,"difficulty":42,"description":65},"\u002Fterms\u002Ft\u002Ftesting-library","Testing Library is a set of utilities that helps you test your UI the way a user would — by finding elements by their text or label, not by CSS class or ID...",1776518302246]