[playwright] feature: Testing playwright in read edge browser

helloitsdave · Jun 30, 2024 · 876ea5b · 876ea5b
1 parent e83a41e
commit 876ea5b
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 6 deletions.
diff --git a/.github/workflows/frontend-service-tests-edge.yml b/.github/workflows/frontend-service-tests-edge.yml
@@ -0,0 +1,64 @@
+name: Frontend Service Tests - Playwright - Edge
+
+on:
+  pull_request:
+    branches: [ "main" ]
+    paths:
+      - "playwright/**"
+      - "frontend/**"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    env:
+      API_URL: http://localhost:5000
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Set up Docker Buildx
+      uses: docker/setup-buildx-action@v1
+
+    - name: Use Node.js 20.x
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20.x
+
+    - name: Create .env file
+      run: | 
+        cd ./backend
+        echo "JWT_SECRET=${{ secrets.JWT_SECRET }}" > .env
+
+    - name: Start service in docker
+      run: |
+        cd ./backend
+        npm run docker:up
+
+    - name: Wait for service to start
+      run: |
+          sleep 15
+
+    - name: Test connectivity
+      run: curl ${API_URL}
+
+    - name: Install and start frontend
+      run: |
+        cd ./frontend
+        yarn
+        yarn build
+        yarn start &
+
+    - name: Install Playwright
+      run: |
+        cd ./playwright
+        yarn
+        yarn playwright install msedge
+
+    - name: Run Playwright Tests
+      run: |
+        cd ./playwright
+        yarn test:edge
+
+    - name: Stop service in docker
+      run: |
+        cd ./backend
+        npm run docker:down
diff --git a/playwright/package.json b/playwright/package.json
@@ -5,8 +5,9 @@
   "main": "index.js",
   "scripts": {
     "install": "playwright install-deps chromium",
-    "test": "playwright test",
-    "test:production": "export URL=https://notes-app-full-stack-bjml.onrender.com && playwright test --grep @PRODUCTION",
+    "test": "playwright test --project chrome",
+    "test:edge": "playwright test --project 'Microsoft Edge'",
+    "test:production": "export URL=https://notes-app-full-stack-bjml.onrender.com && playwright test --grep @PRODUCTION --project chrome",
     "lint": "eslint . --ext .ts",
     "lint:fix": "eslint . --ext .ts --fix",
     "lint:ci": "eslint . --ext .ts --format @microsoft/eslint-formatter-sarif --output-file eslint-results.sarif",

diff --git a/playwright/playwright.config.ts b/playwright/playwright.config.ts
@@ -80,10 +80,10 @@ export default defineConfig({
     // },
 
     /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    // },
+    {
+      name: 'Microsoft Edge',
+      use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    },
     // {
     //   name: 'Google Chrome',
     //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },