Merge pull request #100 from cozy/renovate/backstopjs-6.x

fix(deps): update dependency backstopjs to v6.3.3

.github/workflows/ci.yml

@@ -10,14 +10,14 @@ on:
       - 'README.md'
 jobs:
   test:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-22.04
     steps:
       - name: Checkout code
         uses: actions/checkout@v2
       - name: Set up Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: 14
+          node-version: 20
       - name: Install dependencies
         run: yarn install
       - name: Build

backstop.json

@@ -108,9 +108,11 @@
     "ci_report": "screenshots/ci_report"
   },
   "report": ["CI"],
-  "engine": "puppeteer",
+  "onBeforeScript": "playwright/onBefore.js",
+  "onReadyScript": "playwright/onReady.js",
+  "engine": "playwright",
   "engineOptions": {
-    "args": ["--no-sandbox"]
+    "browser": "chromium"
   },
   "dockerCommandTemplate": "docker run --rm -i --network host --mount type=bind,source=\"{cwd}\",target=/src backstopjs/backstopjs:{version} {backstopCommand} {args}",
   "asyncCaptureLimit": 5,

package.json

@@ -44,7 +44,7 @@
     "@semantic-release/git": "9.0.1",
     "@semantic-release/npm": "7.1.3",
     "autoprefixer": "10.4.16",
-    "backstopjs": "6.0.4",
+    "backstopjs": "6.3.3",
     "bootstrap": "5.1.3",
     "browserslist-config-cozy": "0.5.0",
     "clean-css-cli": "5.5.2",

screenshots/makeDarkMode.js

@@ -1,11 +1,6 @@
-// https://github.com/microsoft/TypeScript-Website/blob/v2/packages/typescriptlang-org/scripts/backstop/makeDarkMode.js
+// https://playwright.dev/docs/api/class-page#page-emulate-media
 module.exports = async (page, scenario) => {
   console.log("SWITCHING TO DARK for " + scenario.label)
 
-  await page.emulateMediaFeatures([
-    {
-      name: "prefers-color-scheme",
-      value: "dark",
-    },
-  ])
+  await page.emulateMedia({ colorScheme: 'dark' });
 }