Specify chrome options to stabilise screenshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

.github/workflows/end-to-end-tests.yaml

@@ -35,8 +35,8 @@ concurrency:
 env:
     # fetchdep.sh needs to know our PR number
     PR_NUMBER: ${{ github.event.pull_request.number }}
-    # Use 6 runners in the default case, but 4 when running on a schedule where we run all 5 projects (20 runners total)
-    NUM_RUNNERS: ${{ github.event_name == 'schedule' && 4 || 6 }}
+    # We run multiple projects each with NUM_RUNNERS, on most runs this is Chrome + Screenshots, on schedule we run the rest too
+    NUM_RUNNERS: 3
 
 permissions: {} # No permissions required
 
@@ -105,6 +105,7 @@ jobs:
                 runner: ${{ fromJSON(needs.build.outputs.runners-matrix) }}
                 project:
                     - Chrome
+                    - Screenshots
                     - Firefox
                     - WebKit
                     - Dendrite

package.json

@@ -61,7 +61,7 @@
         "test": "jest",
         "test:playwright": "playwright test",
         "test:playwright:open": "yarn test:playwright --ui",
-        "test:playwright:screenshots": "playwright-screenshots --project=Chrome",
+        "test:playwright:screenshots": "playwright-screenshots --project=Screenshots",
         "coverage": "yarn test --coverage",
         "analyse:webpack-bundles": "webpack-bundle-analyzer webpack-stats.json webapp",
         "update:jitsi": "curl -s https://meet.element.io/libs/external_api.min.js > ./res/jitsi_external_api.min.js",

playwright.config.ts

@@ -25,10 +25,31 @@ export default defineConfig<WorkerOptions>({
     projects: [
         {
             name: "Chrome",
+            grepInvert: /@screenshot/,
             use: {
                 ...chromeProject,
             },
         },
+        {
+            name: "Screenshots",
+            grep: /@screenshot/,
+            use: {
+                ...chromeProject,
+                headless: true,
+                launchOptions: {
+                    args: [
+                        "--disable-gpu",
+                        "--disable-font-subpixel-positioning",
+                        "--disable-lcd-text",
+                        "--disable-threaded-animation",
+                        "--disable-threaded-scrolling",
+                        "--disable-in-process-stack-traces",
+                        "--disable-checker-imaging",
+                        "--force-color-profile=srgb",
+                    ],
+                },
+            },
+        },
         {
             name: "Firefox",
             use: {