Konfigurationen um extra CSS-Datei erweitert

playwright.config.js

@@ -22,7 +22,10 @@ module.exports = defineConfig({
      * Maximum time expect() should wait for the condition to be met.
      * For example in `await expect(locator).toHaveText();`
      */
-    timeout: 5000
+    timeout: 5000,
+    toHaveScreenshot: {
+      stylePath: './screenshots.css'
+    }
   },
   /* Fail the build on CI if you accidentally left test.only in the source code. */
   forbidOnly: !!process.env.CI,
@@ -36,8 +39,6 @@ module.exports = defineConfig({
   use: {
     /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
     actionTimeout: 0,
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://localhost:3000',
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',
@@ -58,36 +59,10 @@ module.exports = defineConfig({
     {
       name: 'webkit',
       use: { ...devices['Desktop Safari'] },
-    },
-
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: { ...devices['Pixel 5'] },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: { ...devices['iPhone 12'] },
-    // },
-
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { channel: 'chrome' },
-    // },
+    }
   ],
 
   /* Folder for test artifacts such as screenshots, videos, traces, etc. */
-   outputDir: 'test-results/',
-
-  /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   port: 3000,
-  // },
+   outputDir: 'test-results/'
 });
 

screenshot.config.js

@@ -19,7 +19,10 @@ module.exports = defineConfig({
      * Maximum time expect() should wait for the condition to be met.
      * For example in `await expect(locator).toHaveText();`
      */
-    timeout: 5000
+    timeout: 5000,
+    toHaveScreenshot: {
+      stylePath: './screenshots.css'
+    }
   },
   /* Run tests in files in parallel */
   fullyParallel: true,

screenshots.css

+#playerbar { display: none !important;}
+#header {position: relative !important;}
+#header.nav-down,
+#header.nav-up { top: 0; animation: none;}
+
+#header-main-navi-header#header-main-navi-header, #header-main-navi-header#header-main-navi-header.search-open {
+    position: relative;
+    left: initial;
+    transform: initial;
+}
\ No newline at end of file