Use the mcr.microsoft.com/playwright:v1.40.0-jammy docker image to ru…

…n the tests

.github/workflows/build.yaml

@@ -26,9 +26,7 @@ jobs:
       - name: Install deps
         run: yarn install --frozen-lockfile
       - name: E2E tests
-        run: |
-          yarn playwright install --with-deps
-          yarn test:all
+        run: yarn test:all
       - uses: actions/upload-artifact@v3
         if: always()
         with:

.github/workflows/test.yaml

@@ -23,9 +23,7 @@ jobs:
       - name: Install
         run: yarn install --frozen-lockfile
       - name: E2E tests
-        run: |
-          yarn playwright install --with-deps
-          yarn test:all
+        run: yarn test:all
       - uses: actions/upload-artifact@v3
         if: always()
         with:

package.json

@@ -10,9 +10,10 @@
     "build": "rollup --config rollup.config.js --bundleConfigAsCjs",
     "test:ts": "tsc --noEmit",
     "test:run": "playwright test",
+    "start:playwright": "docker run --rm --network host --add-host host.docker.internal:host-gateway -v $(pwd):/work/ -w /work -it mcr.microsoft.com/playwright:v1.40.0-jammy sh -c \"yarn install --frozen-lockfile && yarn test:run && exit\"",
     "test:open": "playwright test --ui",
     "test:update": "playwright test --update-snapshots",
-    "test:ci": "yarn demo && yarn test:run && yarn stop:ha",
+    "test:ci": "yarn demo && yarn start:playwright && yarn stop:ha",
     "test:all": "yarn test:ts && yarn test:ci",
     "prepare": "yarn build",
     "prepublishOnly": "yarn test:all",

playwright.config.ts

@@ -43,7 +43,6 @@ export default defineConfig({
       name: 'chromium',
       use: {
         ...devices['Desktop Chrome'],
-        channel: 'chrome',
         launchOptions: {
           args: [
             '--font-render-hinting=none',

tests/constants/index.ts

@@ -1,4 +1,4 @@
-export const BASE_URL = 'http://localhost:8123';
+export const BASE_URL = 'http://host.docker.internal:8123';
 
 export const HA_TOKEN = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiIzM2U0OGE1Nzk4NDU0YTI5YTBkZjgxMTlkZjgzMmRjMSIsImlhdCI6MTcwMDcwNzIwMiwiZXhwIjoyMDE2MDY3MjAyfQ.JTRycmen2kDa74OVUe_y1IEXE4aiKH7Hnhw6Wx5u5Bg';