Question

The bounty expires in 3 days. Answers to this question are eligible for a +100 reputation bounty. jveldridge wants to draw more attention to this question.

I tried and tested on a different local environment like Windows, Linux, mac and everywhere it works fine but once I deploy my nextjs app on Vercel, I m getting the below error

browserType.launch: Executable doesn t exist at /home/sbx_user1051/.cache/ms-playwright/chromium-1067/chrome-linux/chrome
╔═════════════════════════════════════════════════════════════════════════╗
║ Looks like Playwright Test or Playwright was just installed or updated. ║
║ Please run the following command to download new browsers:              ║
║                                                                         ║
║     npx playwright install                                              ║
║                                                                         ║
║ <3 Playwright Team                                                      ║
╚═════════════════════════════════════════════════════════════════════════╝
    at pdf (/var/task/.next/server/pages/api/jobOrders/pdf.js:58:80)
    at pdfHandler (/var/task/.next/server/pages/api/jobOrders/pdf.js:91:31) {
  name:  Error 
}

To resolve this issue, I tried modifying the build command in Vercel deployment settings to

next build && npx playwright install

While I see the browsers like Chrome and firefox getting installed successfully, still I wonder why I m getting this error.

Answer 1

Generally, you should run tests before deploying your application during the CI phase. Production deployment should only proceed after all tests have been successfully completed.

However, you can use Vercel s webhooks with your Git provider to run an end-to-end test suite after your Vercel deployment has finished. This example will use GitHub Actions.

Configure a GitHub Action

Connect your Git repository to your project. For new projects, you can follow these docs. For existing projects, visit your Git configuration in the Settings tab of your project dashboard.
Create a GitHub workflow in .github/workflows with the following:

name: Playwright Tests

on:
  deployment_status:
jobs:
  run-e2es:
    if: github.event_name ==  deployment_status  && github.event.deployment_status.state ==  success 
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Install dependencies
        run: npx playwright install --with-deps
      - name: Run tests
        run: npx playwright test
        env:
          BASE_URL: ${{ github.event.deployment_status.environment_url }}

A GitHub Action that runs an end-to-end test suite using Playwright, testing the Vercel Preview Deployment.

Configure a GitHub Action

友情链接