Enable Playwright e2e tests in dev container and CI pipeline

2026-02-01 13:51:20 -03:00
parent 4bcce26a74
commit 81abdf4539
5 changed files with 100 additions and 73 deletions
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -1,39 +1,43 @@
 {
-  "name": "mifi Ventures Landing",
-  "dockerFile": "Dockerfile",
-  "workspaceFolder": "/workspaces/mifi-ventures-landing",
-  "workspaceMount": "source=${localWorkspaceFolder},target=/workspaces/mifi-ventures-landing,type=bind",
-  "forwardPorts": [5173, 4173],
-  "portsAttributes": {
-    "5173": {
-      "label": "Dev (Vite)",
-      "onAutoForward": "notify"
-    },
-    "4173": {
-      "label": "Preview (Vite)",
-      "onAutoForward": "notify"
-    }
-  },
-  "customizations": {
-    "vscode": {
-      "extensions": [
-        "dbaeumer.vscode-eslint",
-        "esbenp.prettier-vscode"
-      ],
-      "settings": {
-        "files.associations": {
-          "*.html": "html",
-          "*.css": "css",
-          "*.svg": "svg"
+    "name": "mifi Ventures Landing",
+    "dockerFile": "Dockerfile",
+    "workspaceFolder": "/workspaces/mifi-ventures-landing",
+    "workspaceMount": "source=${localWorkspaceFolder},target=/workspaces/mifi-ventures-landing,type=bind",
+    "postCreateCommand": "pnpm install && pnpm exec playwright install chromium",
+    "forwardPorts": [5173, 4173],
+    "portsAttributes": {
+        "5173": {
+            "label": "Dev (Vite)",
+            "onAutoForward": "notify"
        },
-        "editor.formatOnSave": true,
-        "editor.defaultFormatter": "esbenp.prettier-vscode",
-        "files.watcherExclude": {
-          "**/node_modules/**": true,
-          "**/.git/objects/**": true
+        "4173": {
+            "label": "Preview (Vite)",
+            "onAutoForward": "notify"
        }
-      }
-    }
-  },
-  "remoteUser": "node"
+    },
+    "customizations": {
+        "vscode": {
+            "extensions": [
+                "dbaeumer.vscode-eslint",
+                "esbenp.prettier-vscode",
+                "rvest.vs-code-prettier-eslint",
+                "yoavbls.pretty-ts-errors",
+                "svelte.svelte-vscode"
+            ],
+            "settings": {
+                "files.associations": {
+                    "*.html": "html",
+                    "*.css": "css",
+                    "*.svg": "svg"
+                },
+                "editor.formatOnSave": true,
+                "editor.defaultFormatter": "esbenp.prettier-vscode",
+                "files.watcherExclude": {
+                    "**/node_modules/**": true,
+                    "**/.git/objects/**": true
+                }
+            }
+        }
+    },
+    "remoteUser": "node"
 }