Add playwright-mobile task in Github actions

Author: KrupaPammi

.github/workflows/main.yml

@@ -3,8 +3,8 @@ name: Commit checks
 on: [push]
 
 jobs:
-  playwright:
-    name: Playwright test
+  playwright-chromium:
+    name: Playwright Chrome test
     timeout-minutes: 30
     runs-on: ubuntu-latest
     steps:
@@ -34,8 +34,56 @@ jobs:
       - name: Install playwright browsers
         run: yarn playwright install chromium
 
-      - name: Run end-to-end tests
-        run: yarn test:playwright-local:ci
+      - name: Run Playwright Chrome Tests
+        run: yarn test:playwright-local:ci:chromium
+        continue-on-error: false
+        env:
+          NODE_ENV: development
+          REACT_APP_ENDPOINT_URL: ${{ secrets.REACT_APP_ENDPOINT_URL }}
+          FORCE_COLOR: 1
+
+      # Test run video was always captured, so this action uses "always()" condition
+      - name: Upload videos
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 3
+
+  playwright-mobile:
+    name: Playwright Mobile test
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
+
+      - name: Restore packages cache
+        uses: actions/cache@v3
+        with:
+          path: '**/node_modules'
+          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install dependencies
+        run: |
+          echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > .npmrc
+          yarn install --frozen-lockfile --ignore-scripts
+          npm rebuild node-sass
+          rm .npmrc
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Install playwright browsers (WebKit)
+        run: yarn playwright install webkit
+
+      - name: Run Mobile WebKit Tests
+        run: yarn test:playwright-local:ci:mobile
         continue-on-error: false
         env:
           NODE_ENV: development