fix

.github/workflows/playwright.yml

@@ -2,19 +2,22 @@ name: playwright
 on: [pull_request]
 jobs:
   test:
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.26.0-focal
 
     steps:
+      - run: apt-get update && apt-get install git-lfs
       - uses: actions/checkout@v3
+        with:
+          lfs: 'true'
       - uses: actions/setup-node@v2
         with:
           node-version: '16'
       - name: Install dependencies
-        run: yarn install
-      - name: Install Playwright
-        run: yarn add playwright
+        run: yarn
       - name: Run your tests
-        run: yarn test-ct
+        run: HOME=/root yarn test-ct
       - name: Upload test results
         if: always()
         uses: actions/upload-artifact@v2

package.json

@@ -14,7 +14,8 @@
     "lint:eslint": "./node_modules/.bin/eslint . --ext .js,.jsx,.ts,.tsx",
     "prepare": "husky install",
     "format-svg": "./node_modules/.bin/svgo -r ./icons",
-    "test-ct": "playwright test -c playwright-ct.config.ts"
+    "test-ct": "playwright test -c playwright-ct.config.ts",
+    "test-docker": " docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.26.0-focal yarn test-ct"
   },
   "dependencies": {
     "@chakra-ui/react": "2.3.1",

playwright-ct.config.ts

@@ -36,6 +36,8 @@ const config: PlaywrightTestConfig = {
 
     /* Port to use for Playwright component endpoint. */
     ctPort: 3100,
+
+    headless: true,
   },
 
   /* Configure projects for major browsers */

playwright/index.ts

 // Import styles, initialize component theme here.
 // import '../src/common.css';
+
+export {};