{"id":9846,"date":"2026-04-01T15:44:24","date_gmt":"2026-04-01T10:14:24","guid":{"rendered":"https:\/\/www.testleaf.com\/blog\/?post_type=web-story&#038;p=9846"},"modified":"2026-04-01T15:44:25","modified_gmt":"2026-04-01T10:14:25","slug":"fix-the-test-pyramid-with-playwright","status":"publish","type":"web-story","link":"https:\/\/www.testleaf.com\/blog\/web-stories\/fix-the-test-pyramid-with-playwright\/","title":{"rendered":"Fix the Test Pyramid with playwright"},"content":{"rendered":"<p><html amp=\"\" lang=\"en\"><head><meta charSet=\"utf-8\"\/><meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\"\/><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0.js\"><\/script><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-story-1.0.js\" custom-element=\"amp-story\"><\/script><link href=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright.jpg\" rel=\"preload\" as=\"image\"\/>\n<style amp-boilerplate=\"\">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}<\/style>\n<p><noscript><\/p>\n<style amp-boilerplate=\"\">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}<\/style>\n<p><\/noscript><\/p>\n<style amp-custom=\"\">\n              h1, h2, h3 { font-weight: normal; }<\/p>\n<p>              amp-story-page {\n                background-color: #131516;\n              }<\/p>\n<p>              amp-story-grid-layer {\n                overflow: visible;\n              }<\/p>\n<p>              @media (max-aspect-ratio: 9 \/ 16)  {\n                @media (min-aspect-ratio: 320 \/ 678) {\n                  amp-story-grid-layer.grid-layer {\n                    margin-top: calc((100% \/ 0.5625 - 100% \/ 0.6666666666666666) \/ 2);\n                  }\n                }\n              }<\/p>\n<p>              @media not all and (min-resolution:.001dpcm) {\n                @media {\n                  p.text-wrapper > span {\n                    font-size: calc(100% - 0.5px);\n                  }\n                }\n              }<\/p>\n<p>              .page-fullbleed-area,\n              .page-background-overlay-area {\n                position: absolute;\n                overflow: hidden;\n                width: 100%;\n                left: 0;\n                height: calc(1.1851851851851851 * 100%);\n                top: calc((1 - 1.1851851851851851) * 100% \/ 2);\n              }<\/p>\n<p>              .element-overlay-area {\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                top: 0;\n                left: 0;\n              }<\/p>\n<p>              .page-safe-area {\n                overflow: visible;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                width: 100%;\n                height: calc(0.84375 * 100%);\n                margin: auto 0;\n              }<\/p>\n<p>              .mask {\n                position: absolute;\n                overflow: hidden;\n              }<\/p>\n<p>              .fill {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                margin: 0;\n              }<\/p>\n<p>              @media (prefers-reduced-motion: no-preference) {\n                .animation-wrapper {\n                  opacity: var(--initial-opacity);\n                  transform: var(--initial-transform);\n                }\n              }<\/p>\n<p>              amp-story-grid-layer.align-bottom {\n                align-content: end;\n                padding: 0;\n                \/*\n                  AMP CTA Layer will exactly occupy 74px regardless of any device.\n                  To space out captions 74px from the BOTTOM (AMP CTA Layer),\n                  74px from the TOP should also be spaced out and thus: 2 * 74px\n                  will be the desired max-height.\n                *\/\n                max-height: calc(100vh - (2 * 74px));\n              }<\/p>\n<p>              .captions-area {\n                padding: 0 32px 0;\n              }<\/p>\n<p>              amp-story-captions {\n                margin-bottom: 16px;\n                text-align: center;\n              }<\/p>\n<p>              amp-story-audio-sticker {\n                height: 100%;\n              }<\/p>\n<p>              .audio-sticker {\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\n              }\n              <\/style>\n<p><meta name=\"web-stories-replace-head-start\"\/><title>Fix the Test Pyramid with playwright<\/title><link rel=\"canonical\" href=\"https:\/\/www.testleaf.com\/blog\/?post_type=web-story&amp;p=9846\"\/><meta name=\"web-stories-replace-head-end\"\/><\/head><body><amp-story standalone=\"\" publisher=\"Testleaf\" publisher-logo-src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2022\/05\/favicon.png\" title=\"Fix the Test Pyramid with playwright\" poster-portrait-src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/cropped-Fix-the-Test-Pyramid-with-playwright.jpg\"><amp-story-page id=\"1d755bad-a174-41a4-85ca-013895c7f211\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#3e7779\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-b3055b43-5d13-4dce-a37b-a0f94a80724a\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright.jpg\" alt=\"Fix the Test Pyramid with playwright\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\"><\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2022\/05\/favicon-300x300.png\"><a href=\"https:\/\/www.testleaf.com\/blog\/playwright-component-testing-fixtures-test-pyramid\/?utm_source=Web_Story&amp;utm_medium=Organic&amp;utm_campaign=Web_Story\" rel=\"\">Learn more<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"05e830bd-5767-428e-8fc2-c8ac4e8f46ca\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-7d6fd4f1-a801-46d4-9209-810bca8187bb [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#e4f0f6\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-7d6fd4f1-a801-46d4-9209-810bca8187bb\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-c0a00f2e-1743-4898-a425-e8798b19a4bc\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1.jpg\" alt=\"Fix the Test Pyramid with playwright (1)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\"><\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"14f7cdd3-604b-4896-964e-bf0ad3466883\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-b750e1c4-b3fd-465d-bebd-b646e21b625e [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#e8eced\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-b750e1c4-b3fd-465d-bebd-b646e21b625e\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-98a932cb-6753-4665-8b45-f2361eeb4645\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2.jpg\" alt=\"Fix the Test Pyramid with playwright (2)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\"><\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"71c73df9-9197-46a1-a6ea-11cbc9aadb72\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-89a86f65-4036-4379-a7e7-63cef3ab3893 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#282f3d\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-89a86f65-4036-4379-a7e7-63cef3ab3893\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-4870f4b5-39d6-4d57-8170-27a9ef215ff7\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4.jpg\" alt=\"Fix the Test Pyramid with playwright (4)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\"><\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"eac80dfd-a5d4-4ab7-a8b9-18c609319e3c\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c7a85188-92e2-487d-9239-9cfa19b92233 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#ebf6f3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-c7a85188-92e2-487d-9239-9cfa19b92233\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-3b393436-14e3-4b1d-91f3-1faecf8ee573\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3.jpg\" alt=\"Fix the Test Pyramid with playwright (3)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\"><\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"12bb2ef1-64fb-4732-8224-d330bec69a2a\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-8d12cc04-ea80-4d22-80a2-a5cf233b255c [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#c9e1f4\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-8d12cc04-ea80-4d22-80a2-a5cf233b255c\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-c2ba2427-e8ad-4a38-abb2-5e2c3cb1aee0\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6.jpg\" alt=\"Fix the Test Pyramid with playwright (6)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\"><\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"3075d144-2e44-4d71-a5d6-320e3684c683\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-8389863d-ea89-4135-9690-a9553889b5dc [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#3c9bac\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-8389863d-ea89-4135-9690-a9553889b5dc\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-1d0fd3d0-5eb2-4f68-bcb1-8ef1161b82f3\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5.jpg\" alt=\"Fix the Test Pyramid with playwright (5)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\"><\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><\/amp-story><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how Playwright component testing and fixtures help QA teams fix a top-heavy test pyramid, reduce flaky end-to-end checks, speed feedback, and improve automation maintainability.<\/p>\n","protected":false},"author":1,"featured_media":9854,"template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","web_stories_publisher_logo":161,"web_stories_poster":[],"web_stories_products":[],"footnotes":""},"web_story_category":[],"web_story_tag":[],"class_list":["post-9846","web-story","type-web-story","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"amp_enabled":false,"story_data":{"version":47,"pages":[{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"b3055b43-5d13-4dce-a37b-a0f94a80724a","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"Fix-the-Test-Pyramid-with-playwright-169x300.jpg","width":169,"height":300,"filesize":17142,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-169x300.jpg"},"large":{"file":"Fix-the-Test-Pyramid-with-playwright-576x1024.jpg","width":576,"height":1024,"filesize":118713,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-576x1024.jpg"},"thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-150x150.jpg","width":150,"height":150,"filesize":8311,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-150x150.jpg","width":150,"height":150,"filesize":8311,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-150x150.jpg"},"rpg_gallery_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-150x150.jpg","width":150,"height":150,"filesize":8311,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-150x150.jpg"},"web-stories-poster-portrait":{"file":"Fix-the-Test-Pyramid-with-playwright-640x853.jpg","width":640,"height":853,"filesize":110060,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-640x853.jpg"},"web-stories-publisher-logo":{"file":"Fix-the-Test-Pyramid-with-playwright-96x96.jpg","width":96,"height":96,"filesize":4239,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-96x96.jpg"},"web-stories-thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-150x267.jpg","width":150,"height":267,"filesize":13965,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-150x267.jpg"},"full":{"file":"Fix-the-Test-Pyramid-with-playwright.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#3e7779","blurHash":"UVOD:^s,~qt7^+j@V?aeRQj[WUazt2ayNdkC","creationDate":"2026-04-01T10:11:26","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright.jpg","id":9853,"alt":"Fix the Test Pyramid with playwright","local":false,"provider":"local"}}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"id":"1d755bad-a174-41a4-85ca-013895c7f211","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"98a167ab-2cc5-4dd1-99e6-445e9e248c12"},"animations":[],"pageAttachment":{"url":"https:\/\/www.testleaf.com\/blog\/playwright-component-testing-fixtures-test-pyramid\/?utm_source=Web_Story&utm_medium=Organic&utm_campaign=Web_Story","icon":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2022\/05\/favicon-300x300.png","needsProxy":false}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"c0a00f2e-1743-4898-a425-e8798b19a4bc","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"Fix-the-Test-Pyramid-with-playwright-1-169x300.jpg","width":169,"height":300,"filesize":14679,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-169x300.jpg"},"large":{"file":"Fix-the-Test-Pyramid-with-playwright-1-576x1024.jpg","width":576,"height":1024,"filesize":95736,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-576x1024.jpg"},"thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-1-150x150.jpg","width":150,"height":150,"filesize":9142,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-1-150x150.jpg","width":150,"height":150,"filesize":9142,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-150x150.jpg"},"rpg_gallery_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-1-150x150.jpg","width":150,"height":150,"filesize":9142,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-150x150.jpg"},"web-stories-poster-portrait":{"file":"Fix-the-Test-Pyramid-with-playwright-1-640x853.jpg","width":640,"height":853,"filesize":96380,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-640x853.jpg"},"web-stories-publisher-logo":{"file":"Fix-the-Test-Pyramid-with-playwright-1-96x96.jpg","width":96,"height":96,"filesize":4290,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-96x96.jpg"},"web-stories-thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-1-150x267.jpg","width":150,"height":267,"filesize":12031,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1-150x267.jpg"},"full":{"file":"Fix-the-Test-Pyramid-with-playwright-1.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#e4f0f6","blurHash":"UHO|^Wk;~VnQxsafR+od~pnjM{W.M}jEfhfl","creationDate":"2026-04-01T10:11:22","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-1.jpg","id":9847,"alt":"Fix the Test Pyramid with playwright (1)","local":false,"provider":"local"}}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"id":"05e830bd-5767-428e-8fc2-c8ac4e8f46ca","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"79e639d7-7336-41f9-ad78-f39dd9078a1b"},"animations":[{"id":"b4a7c97c-f1e6-4d3d-b284-de2efd474b7f","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["c0a00f2e-1743-4898-a425-e8798b19a4bc"]}]},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"Fix-the-Test-Pyramid-with-playwright-2-169x300.jpg","width":169,"height":300,"filesize":21753,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-169x300.jpg"},"large":{"file":"Fix-the-Test-Pyramid-with-playwright-2-576x1024.jpg","width":576,"height":1024,"filesize":149288,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-576x1024.jpg"},"thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-2-150x150.jpg","width":150,"height":150,"filesize":10506,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-2-150x150.jpg","width":150,"height":150,"filesize":10506,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-150x150.jpg"},"rpg_gallery_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-2-150x150.jpg","width":150,"height":150,"filesize":10506,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-150x150.jpg"},"web-stories-poster-portrait":{"file":"Fix-the-Test-Pyramid-with-playwright-2-640x853.jpg","width":640,"height":853,"filesize":130771,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-640x853.jpg"},"web-stories-publisher-logo":{"file":"Fix-the-Test-Pyramid-with-playwright-2-96x96.jpg","width":96,"height":96,"filesize":5018,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-96x96.jpg"},"web-stories-thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-2-150x267.jpg","width":150,"height":267,"filesize":17747,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2-150x267.jpg"},"full":{"file":"Fix-the-Test-Pyramid-with-playwright-2.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#e8eced","blurHash":"UFPQ52xu.TW.b^o1wwg3XAkCo~W=.8R*son~","creationDate":"2026-04-01T10:11:23","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-2.jpg","id":9848,"alt":"Fix the Test Pyramid with playwright (2)","local":false,"provider":"local"},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"id":"98a932cb-6753-4665-8b45-f2361eeb4645","type":"image"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"935ab597-3db5-45a3-ab8a-54424341ffd4","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["98a932cb-6753-4665-8b45-f2361eeb4645"]}],"id":"14f7cdd3-604b-4896-964e-bf0ad3466883","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"79e639d7-7336-41f9-ad78-f39dd9078a1b"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"Fix-the-Test-Pyramid-with-playwright-4-169x300.jpg","width":169,"height":300,"filesize":17846,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-169x300.jpg"},"large":{"file":"Fix-the-Test-Pyramid-with-playwright-4-576x1024.jpg","width":576,"height":1024,"filesize":120702,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-576x1024.jpg"},"thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-4-150x150.jpg","width":150,"height":150,"filesize":9012,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-4-150x150.jpg","width":150,"height":150,"filesize":9012,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-150x150.jpg"},"rpg_gallery_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-4-150x150.jpg","width":150,"height":150,"filesize":9012,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-150x150.jpg"},"web-stories-poster-portrait":{"file":"Fix-the-Test-Pyramid-with-playwright-4-640x853.jpg","width":640,"height":853,"filesize":110876,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-640x853.jpg"},"web-stories-publisher-logo":{"file":"Fix-the-Test-Pyramid-with-playwright-4-96x96.jpg","width":96,"height":96,"filesize":4566,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-96x96.jpg"},"web-stories-thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-4-150x267.jpg","width":150,"height":267,"filesize":15342,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4-150x267.jpg"},"full":{"file":"Fix-the-Test-Pyramid-with-playwright-4.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#282f3d","blurHash":"UcMHP*Ris;x]wHtRxuRjtln$WUWC~qWAV[a{","creationDate":"2026-04-01T10:11:24","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-4.jpg","id":9850,"alt":"Fix the Test Pyramid with playwright (4)","local":false,"provider":"local"},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"id":"4870f4b5-39d6-4d57-8170-27a9ef215ff7","type":"image"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"1a06a5f5-49a8-4e03-84ec-ba6fc5bb14dc","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["4870f4b5-39d6-4d57-8170-27a9ef215ff7"]}],"id":"71c73df9-9197-46a1-a6ea-11cbc9aadb72","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"79e639d7-7336-41f9-ad78-f39dd9078a1b"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"Fix-the-Test-Pyramid-with-playwright-3-169x300.jpg","width":169,"height":300,"filesize":11434,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-169x300.jpg"},"large":{"file":"Fix-the-Test-Pyramid-with-playwright-3-576x1024.jpg","width":576,"height":1024,"filesize":70026,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-576x1024.jpg"},"thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-3-150x150.jpg","width":150,"height":150,"filesize":6226,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-3-150x150.jpg","width":150,"height":150,"filesize":6226,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-150x150.jpg"},"rpg_gallery_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-3-150x150.jpg","width":150,"height":150,"filesize":6226,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-150x150.jpg"},"web-stories-poster-portrait":{"file":"Fix-the-Test-Pyramid-with-playwright-3-640x853.jpg","width":640,"height":853,"filesize":67789,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-640x853.jpg"},"web-stories-publisher-logo":{"file":"Fix-the-Test-Pyramid-with-playwright-3-96x96.jpg","width":96,"height":96,"filesize":3114,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-96x96.jpg"},"web-stories-thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-3-150x267.jpg","width":150,"height":267,"filesize":9799,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3-150x267.jpg"},"full":{"file":"Fix-the-Test-Pyramid-with-playwright-3.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#ebf6f3","blurHash":"UFQAX1%1_4sp^QwHNHbbx]WAi_WBH?t8xun$","creationDate":"2026-04-01T10:11:24","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-3.jpg","id":9849,"alt":"Fix the Test Pyramid with playwright (3)","local":false,"provider":"local"},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"id":"3b393436-14e3-4b1d-91f3-1faecf8ee573","type":"image"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"2e491bb5-9dbe-49a9-a0e7-215af66c0ee1","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["3b393436-14e3-4b1d-91f3-1faecf8ee573"]}],"id":"eac80dfd-a5d4-4ab7-a8b9-18c609319e3c","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"79e639d7-7336-41f9-ad78-f39dd9078a1b"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"Fix-the-Test-Pyramid-with-playwright-6-169x300.jpg","width":169,"height":300,"filesize":10878,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-169x300.jpg"},"large":{"file":"Fix-the-Test-Pyramid-with-playwright-6-576x1024.jpg","width":576,"height":1024,"filesize":72415,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-576x1024.jpg"},"thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-6-150x150.jpg","width":150,"height":150,"filesize":6205,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-6-150x150.jpg","width":150,"height":150,"filesize":6205,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-150x150.jpg"},"rpg_gallery_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-6-150x150.jpg","width":150,"height":150,"filesize":6205,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-150x150.jpg"},"web-stories-poster-portrait":{"file":"Fix-the-Test-Pyramid-with-playwright-6-640x853.jpg","width":640,"height":853,"filesize":67167,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-640x853.jpg"},"web-stories-publisher-logo":{"file":"Fix-the-Test-Pyramid-with-playwright-6-96x96.jpg","width":96,"height":96,"filesize":3163,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-96x96.jpg"},"web-stories-thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-6-150x267.jpg","width":150,"height":267,"filesize":9320,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6-150x267.jpg"},"full":{"file":"Fix-the-Test-Pyramid-with-playwright-6.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#c9e1f4","blurHash":"UQM8vt#G=}ni}[Olj?jI-WV^IpoLImkSxHo2","creationDate":"2026-04-01T10:11:25","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-6.jpg","id":9852,"alt":"Fix the Test Pyramid with playwright (6)","local":false,"provider":"local"},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"id":"c2ba2427-e8ad-4a38-abb2-5e2c3cb1aee0","type":"image"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"170a4784-7934-4552-9e65-a0c15b967ffd","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["c2ba2427-e8ad-4a38-abb2-5e2c3cb1aee0"]}],"id":"12bb2ef1-64fb-4732-8224-d330bec69a2a","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"79e639d7-7336-41f9-ad78-f39dd9078a1b"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"Fix-the-Test-Pyramid-with-playwright-5-169x300.jpg","width":169,"height":300,"filesize":11742,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-169x300.jpg"},"large":{"file":"Fix-the-Test-Pyramid-with-playwright-5-576x1024.jpg","width":576,"height":1024,"filesize":73773,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-576x1024.jpg"},"thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-5-150x150.jpg","width":150,"height":150,"filesize":6761,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-5-150x150.jpg","width":150,"height":150,"filesize":6761,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-150x150.jpg"},"rpg_gallery_thumb":{"file":"Fix-the-Test-Pyramid-with-playwright-5-150x150.jpg","width":150,"height":150,"filesize":6761,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-150x150.jpg"},"web-stories-poster-portrait":{"file":"Fix-the-Test-Pyramid-with-playwright-5-640x853.jpg","width":640,"height":853,"filesize":75587,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-640x853.jpg"},"web-stories-publisher-logo":{"file":"Fix-the-Test-Pyramid-with-playwright-5-96x96.jpg","width":96,"height":96,"filesize":3439,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-96x96.jpg"},"web-stories-thumbnail":{"file":"Fix-the-Test-Pyramid-with-playwright-5-150x267.jpg","width":150,"height":267,"filesize":9838,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5-150x267.jpg"},"full":{"file":"Fix-the-Test-Pyramid-with-playwright-5.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#3c9bac","blurHash":"UUO||Xs;_Nod}tj?Nba#?bj?Mdf80fag$zj?","creationDate":"2026-04-01T10:11:25","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/Fix-the-Test-Pyramid-with-playwright-5.jpg","id":9851,"alt":"Fix the Test Pyramid with playwright (5)","local":false,"provider":"local"},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"id":"1d0fd3d0-5eb2-4f68-bcb1-8ef1161b82f3","type":"image"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"de38bbee-2e2c-487a-b92c-8beb729628ac","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["1d0fd3d0-5eb2-4f68-bcb1-8ef1161b82f3"]}],"id":"3075d144-2e44-4d71-a5d6-320e3684c683","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"79e639d7-7336-41f9-ad78-f39dd9078a1b"}}],"fonts":[],"autoAdvance":true,"defaultPageDuration":7,"currentStoryStyles":{"colors":[]}},"story_poster":{"id":9854,"url":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/04\/cropped-Fix-the-Test-Pyramid-with-playwright.jpg","width":640,"height":853,"needsProxy":false},"_links":{"self":[{"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story\/9846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story"}],"about":[{"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/wp\/v2\/types\/web-story"}],"author":[{"embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story\/9846\/revisions"}],"predecessor-version":[{"id":9856,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story\/9846\/revisions\/9856"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/media\/9854"}],"wp:attachment":[{"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/media?parent=9846"}],"wp:term":[{"taxonomy":"web_story_category","embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web_story_category?post=9846"},{"taxonomy":"web_story_tag","embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web_story_tag?post=9846"}],"wp:lock":[{"embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story\/9846\/lock"}],"wp:publisherlogo":[{"embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/media\/161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}