Merge pull request #525 from Lemoncode/feature/#524-define-workflow-for-e2e

Define workflow in Github Actions for e2e test

Author: brauliodiez

.github/workflows/ci.yml

@@ -22,3 +22,27 @@ jobs:
         run: npm run tsc-check
       - name: Tests front
         run: npm test
+
+  e2e-tests:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Use Node.js 18.13.0
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18.13.0'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Check TypeScript Types
+        run: npm run tsc-check
+
+      - name: Run E2E tests
+        run: npm run ci:e2e

package.json

@@ -14,7 +14,8 @@
     "test": "vitest",
     "prepare": "husky || \"No need to install husky\"",
     "tsc-check": "tsc --noEmit",
-    "e2e": "playwright test --ui"
+    "e2e": "playwright test --ui",
+    "ci:e2e": "playwright test"
   },
   "dependencies": {
     "@lemoncode/fonk": "^1.5.4",

playwright.config.ts

@@ -26,11 +26,6 @@ export default defineConfig({
       use: { ...devices['Desktop Firefox'] },
     },
 
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },
-
     /* Test against mobile viewports. */
     // {
     //   name: 'Mobile Chrome',
@@ -54,6 +49,7 @@ export default defineConfig({
   /* Run your local dev server before starting the tests */
   webServer: {
     command: 'npm run dev',
+    url: BASE_URL,
     reuseExistingServer: !process.env.CI,
   },
 });