svg and fonts for pw tests

7a730cc6 · tom · d33bc18b · 7a730cc6 · 7a730cc6 · 7a730cc6
Commit 7a730cc6 authored Nov 21, 2022 by tom
12 changed files
--- a/package.json
+++ b/package.json
@@ -84,6 +84,7 @@
    "ts-jest": "^29.0.3",
    "ts-node": "^10.9.1",
    "typescript": "4.7.2",
+    "vite-plugin-svgr": "^2.2.2",
    "vite-tsconfig-paths": "^3.5.2"
  },
  "lint-staged": {

--- a/playwright-ct.config.ts
+++ b/playwright-ct.config.ts
 import type { PlaywrightTestConfig } from '@playwright/experimental-ct-react';
 import { devices } from '@playwright/experimental-ct-react';
+import react from '@vitejs/plugin-react';
+import svgr from 'vite-plugin-svgr';
 import tsconfigPaths from 'vite-tsconfig-paths';

 /**
@@ -42,7 +44,13 @@ const config: PlaywrightTestConfig = {
    headless: true,

    ctViteConfig: {
-      plugins: [ tsconfigPaths() ],
+      plugins: [
+        tsconfigPaths(),
+        react(),
+        svgr({
+          exportAsDefault: true,
+        }),
+      ],
    },
  },


--- a/playwright/fonts/Inter/Inter-Medium.ttf
+++ b/playwright/fonts/Inter/Inter-Medium.ttf
--- a/playwright/fonts/Inter/Inter-Regular.ttf
+++ b/playwright/fonts/Inter/Inter-Regular.ttf
--- a/playwright/fonts/Inter/Inter-SemiBold.ttf
+++ b/playwright/fonts/Inter/Inter-SemiBold.ttf
--- a/playwright/fonts/Poppins/Poppins-Medium.ttf
+++ b/playwright/fonts/Poppins/Poppins-Medium.ttf
--- a/playwright/fonts/Poppins/Poppins-Regular.ttf
+++ b/playwright/fonts/Poppins/Poppins-Regular.ttf
--- a/playwright/fonts/Poppins/Poppins-SemiBold.ttf
+++ b/playwright/fonts/Poppins/Poppins-SemiBold.ttf
--- a/playwright/index.html
+++ b/playwright/index.html
@@ -4,6 +4,38 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Testing Page</title>
+    <style>
+      @font-face {
+        font-family: Poppins;
+        src: url(/playwright/fonts/Poppins/Poppins-SemiBold.ttf);
+        font-weight: 600;
+      }
+      @font-face {
+        font-family: Poppins;
+        src: url(/playwright/fonts/Poppins/Poppins-Medium.ttf);
+        font-weight: 500;
+      }
+      @font-face {
+        font-family: Poppins;
+        src: url(/playwright/fonts/Poppins/Poppins-Regular.ttf);
+        font-weight: 400;
+      }
+      @font-face {
+        font-family: Inter;
+        src: url(/playwright/fonts/Inter/Inter-SemiBold.ttf);
+        font-weight: 600;
+      }
+      @font-face {
+        font-family: Inter;
+        src: url(/playwright/fonts/Inter/Inter-Medium.ttf);
+        font-weight: 500;
+      }
+      @font-face {
+        font-family: Inter;
+        src: url(/playwright/fonts/Inter/Inter-Regular.ttf);
+        font-weight: 400;
+      }
+    </style>
  </head>
  <body>
    <div id="root"></div>

--- a/ui/shared/AppError/__screenshots__/AppError.pw.tsx_status-code-404-1.png
+++ b/ui/shared/AppError/__screenshots__/AppError.pw.tsx_status-code-404-1.png
--- a/ui/shared/AppError/__screenshots__/AppError.pw.tsx_status-code-500-1.png
+++ b/ui/shared/AppError/__screenshots__/AppError.pw.tsx_status-code-500-1.png
--- a/yarn.lock
+++ b/yarn.lock
@@ -2776,6 +2776,15 @@
    estree-walker "^2.0.1"
    picomatch "^2.2.2"

+"@rollup/pluginutils@^5.0.0":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
+  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^2.3.1"
+
 "@rushstack/eslint-patch@^1.1.3":
  version "1.2.0"
  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz#8be36a1f66f3265389e90b5f9c9962146758f728"
@@ -2968,7 +2977,7 @@
    "@svgr/babel-plugin-transform-react-native-svg" "^6.5.1"
    "@svgr/babel-plugin-transform-svg-component" "^6.5.1"

-"@svgr/core@^6.5.1":
+"@svgr/core@^6.4.0", "@svgr/core@^6.5.1":
  version "6.5.1"
  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-6.5.1.tgz#d3e8aa9dbe3fbd747f9ee4282c1c77a27410488a"
  integrity sha512-/xdLSWxK5QkqG524ONSjvg3V/FkNyCv538OIBdQqPNaAta3AsXj/Bd2FbvR87yMbXO2hFSWiAe/Q6IkVPDw+mw==
@@ -3357,6 +3366,11 @@
    "@types/d3-transition" "*"
    "@types/d3-zoom" "*"

+"@types/estree@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
+  integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
+
 "@types/geojson@*":
  version "7946.0.10"
  resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.10.tgz#6dfbf5ea17142f7f9a043809f1cd4c448cb68249"
@@ -5378,7 +5392,7 @@ estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==

-estree-walker@^2.0.1:
+estree-walker@^2.0.1, estree-walker@^2.0.2:
  version "2.0.2"
  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
@@ -8782,6 +8796,14 @@ v8-to-istanbul@^9.0.1:
    "@types/istanbul-lib-coverage" "^2.0.1"
    convert-source-map "^1.6.0"

+vite-plugin-svgr@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/vite-plugin-svgr/-/vite-plugin-svgr-2.2.2.tgz#c5c9cb573bf455bb079550531847ddc5d2e122af"
+  integrity sha512-u8Ac27uZmDHTVGawpAhvLMJMuzbGeZGhe61TGeHoRQLxVhmQfIYCefa0iLbjC0ui1zFo6XZnS8EkzPITCYp85g==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.0"
+    "@svgr/core" "^6.4.0"
+
 vite-tsconfig-paths@^3.5.2:
  version "3.5.2"
  resolved "https://registry.yarnpkg.com/vite-tsconfig-paths/-/vite-tsconfig-paths-3.5.2.tgz#fd3232f93c426311d7e0d581187d8b63fff55fbc"