test: load visual regression fonts locally instead of using a CDN

bpmn-io · Feb 7, 2025 · 7969a11 · 7969a11
1 parent 17103e4
commit 7969a11
Show file tree

Hide file tree

Showing 17 changed files with 54 additions and 30 deletions.
diff --git a/e2e/index.html b/e2e/index.html
@@ -5,20 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Forms playground</title>
-    <link
-      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,600;1,400&display=swap"
-      rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet" />
-    <style>
-      html,
-      body,
-      #container {
-        margin: 0;
-        padding: 0;
-        width: 100vw;
-        height: 100vh;
-      }
-    </style>
+    <link rel="stylesheet" href="./styles.scss" />
   </head>
   <body>
     <div id="container" role="main"></div>

diff --git a/e2e/styles.scss b/e2e/styles.scss
@@ -0,0 +1,11 @@
+$font-prefix: '../node_modules/@ibm/plex';
+@import '../node_modules/@ibm/plex/scss/ibm-plex.scss';
+
+html,
+body,
+#container {
+  margin: 0;
+  padding: 0;
+  width: 100vw;
+  height: 100vh;
+}
diff --git a/e2e/visual/empty-ui.spec.js-snapshots/empty-playground-1-chromium-linux.png b/e2e/visual/empty-ui.spec.js-snapshots/empty-playground-1-chromium-linux.png
diff --git a/e2e/visual/empty-ui.spec.js-snapshots/empty-playground-1-firefox-linux.png b/e2e/visual/empty-ui.spec.js-snapshots/empty-playground-1-firefox-linux.png
diff --git a/e2e/visual/empty-ui.spec.js-snapshots/empty-playground-1-webkit-linux.png b/e2e/visual/empty-ui.spec.js-snapshots/empty-playground-1-webkit-linux.png
diff --git a/e2e/visual/groups-ui.spec.js-snapshots/groups-playground-1-chromium-linux.png b/e2e/visual/groups-ui.spec.js-snapshots/groups-playground-1-chromium-linux.png
diff --git a/e2e/visual/groups-ui.spec.js-snapshots/groups-playground-1-firefox-linux.png b/e2e/visual/groups-ui.spec.js-snapshots/groups-playground-1-firefox-linux.png
diff --git a/e2e/visual/groups-ui.spec.js-snapshots/groups-playground-1-webkit-linux.png b/e2e/visual/groups-ui.spec.js-snapshots/groups-playground-1-webkit-linux.png
diff --git a/e2e/visual/no-theme.spec.js-snapshots/no-theme---editor-1-chromium-linux.png b/e2e/visual/no-theme.spec.js-snapshots/no-theme---editor-1-chromium-linux.png
diff --git a/e2e/visual/no-theme.spec.js-snapshots/no-theme---editor-1-firefox-linux.png b/e2e/visual/no-theme.spec.js-snapshots/no-theme---editor-1-firefox-linux.png
diff --git a/e2e/visual/no-theme.spec.js-snapshots/no-theme---editor-1-webkit-linux.png b/e2e/visual/no-theme.spec.js-snapshots/no-theme---editor-1-webkit-linux.png
diff --git a/e2e/visual/theming.spec.js-snapshots/theming---editor-1-chromium-linux.png b/e2e/visual/theming.spec.js-snapshots/theming---editor-1-chromium-linux.png
diff --git a/e2e/visual/theming.spec.js-snapshots/theming---editor-1-firefox-linux.png b/e2e/visual/theming.spec.js-snapshots/theming---editor-1-firefox-linux.png
diff --git a/e2e/visual/theming.spec.js-snapshots/theming---editor-1-webkit-linux.png b/e2e/visual/theming.spec.js-snapshots/theming---editor-1-webkit-linux.png
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -66,6 +66,7 @@
     "@bpmn-io/properties-panel": "^3.25.1",
     "@carbon/react": "^1.73.0",
     "@carbon/styles": "^1.72.0",
+    "@ibm/plex": "^6.4.1",
     "@playwright/test": "^1.49.1",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",

diff --git a/playwright.config.js b/playwright.config.js
@@ -12,7 +12,8 @@ export default defineConfig({
   use: {
     actionTimeout: 0,
     baseURL: 'http://localhost:8080',
-    trace: 'on-first-retry',
+    trace: 'retain-on-failure',
+    video: 'retain-on-failure',
   },
   projects: [
     {