My Playwright test is running fine in debug and normal mode when I ran on local, but when I've tried the same through GitHub Actions it's hung to launch the application. My login involves Microsoft Authenticator and then it opens the application page and that works fine on local. It's not delay issue I tried with long delay there still it has not worked. I checked trace and that shows login is successful and after that it's in a blank processing window and never launched the landing page. Can anyone help me to figure out the issue? My workflow is:

name: Playwright Tests
on:
  push:
    branches: [ <MyBranch> ]
  pull_request:
    branches: [ <MyBranch> ]
  workflow_dispatch: # Enable manual trigger

jobs:
  test:
    timeout-minutes: 30 # Timeout for the entire job
    runs-on: macos-latest

    strategy:
      fail-fast: false
      matrix:
        shard: [1/4]
    steps:
    - uses: actions/checkout@v4
    - uses: actions/setup-node@v4
      with:
          node-version: 20

    - name: Install dependencies
      run: npm ci 

    - name: Install Playwright browsers
      run: npx playwright install 
      
    - name: Run Playwright Test on Microsoft Edge (Headless)
      run: npx playwright test LoginTest.spec.js --shard ${{ matrix.shard }} 
          
    - name: Upload Playwright report
      if: always()
      uses: actions/upload-artifact@v4
      with:
          name: playwright-report
          path: playwright-report
          retention-days: 1

My Playwright test is running fine in debug and normal mode when I ran on local, but when I've tried the same through GitHub Actions it's hung to launch the application. My login involves Microsoft Authenticator and then it opens the application page and that works fine on local. It's not delay issue I tried with long delay there still it has not worked. I checked trace and that shows login is successful and after that it's in a blank processing window and never launched the landing page. Can anyone help me to figure out the issue? My workflow is:

name: Playwright Tests
on:
  push:
    branches: [ <MyBranch> ]
  pull_request:
    branches: [ <MyBranch> ]
  workflow_dispatch: # Enable manual trigger

jobs:
  test:
    timeout-minutes: 30 # Timeout for the entire job
    runs-on: macos-latest

    strategy:
      fail-fast: false
      matrix:
        shard: [1/4]
    steps:
    - uses: actions/checkout@v4
    - uses: actions/setup-node@v4
      with:
          node-version: 20

    - name: Install dependencies
      run: npm ci 

    - name: Install Playwright browsers
      run: npx playwright install 
      
    - name: Run Playwright Test on Microsoft Edge (Headless)
      run: npx playwright test LoginTest.spec.js --shard ${{ matrix.shard }} 
          
    - name: Upload Playwright report
      if: always()
      uses: actions/upload-artifact@v4
      with:
          name: playwright-report
          path: playwright-report
          retention-days: 1

• github-actions
• playwright-test

Share Improve this question Follow edited Mar 4 at 11:05 jonrsharpe 122k3030 gold badges268268 silver badges476476 bronze badges asked Mar 4 at 11:02 Prosenjit MukherjeeProsenjit Mukherjee 911 bronze badge

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

My login involves Microsoft Authenticator and then it opens the application page and that works fine on local.

If you run it in GitHub Actions workflow, it runs on a different machine, which has no:

• display server (like X)
• web browser

What you could do though:

• Make the login token based, preferably short-lived
• Output the login link so you can access the website from your own workstation (making automation with GHA somewhat pointless) in order to login
• Install necessary dependencies in some kind of docker image

Also, from a quick check on playwright GitHub Actions documentation you should try adding --with-deps flag:

...
- name: Install dependencies
  run: npm ci
- name: Install Playwright Browsers
  run: npx playwright install --with-deps
...