Run only the browser in docker for storybook screenshots (#32489)

* Remove old screenshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Add experimental playwright-screenshots.sh utility and use it for shared-components `test:storybook:update` Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Tidy up Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate based on review Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2026-02-13 10:20:16 +00:00
parent d7ca3dbd1d
commit b3b6574638
15 changed files with 203 additions and 26 deletions
@@ -101,6 +101,8 @@ export default defineConfig({
                    storybookVis({
                        // 3px of difference allowed before marking as failed
                        failureThreshold: 3,
+                        // When running in CI=1 mode, set the platform to `linux` as that is the platform where the browser-in-docker is running
+                        snapshotRootDir: ({ ci, platform }) => `__vis__/${ci ? "linux" : platform}`,
                    }),
                ],
                test: {
@@ -110,7 +112,16 @@ export default defineConfig({
                        headless: true,
                        provider: playwright({
                            contextOptions: commonContextOptions,
-                            launchOptions: commonLaunchOptions,
+                            launchOptions: process.env.PW_TEST_CONNECT_WS_ENDPOINT ? undefined : commonLaunchOptions,
+                            connectOptions: process.env.PW_TEST_CONNECT_WS_ENDPOINT
+                                ? {
+                                      wsEndpoint: process.env.PW_TEST_CONNECT_WS_ENDPOINT,
+                                      exposeNetwork: "<loopback>",
+                                      headers: {
+                                          "x-playwright-launch-options": JSON.stringify(commonLaunchOptions),
+                                      },
+                                  }
+                                : undefined,
                        }),
                        instances: [{ browser: "chromium" }],
                    },