Wait for js libs

Author: tijmenbruggeman

.github/workflows/integration-tests.yml

@@ -17,16 +17,16 @@ jobs:
         wp-version: [67]
     steps:
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 18
           cache: 'npm'
 
       - name: Cache node_modules
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: node_modules
           key: ${{ runner.os }}-node-modules-${{ hashFiles('package-lock.json') }}
@@ -41,7 +41,7 @@ jobs:
         run: echo "PLAYWRIGHT_VERSION=$(node -e "console.log(require('./package-lock.json').dependencies['@playwright/test'].version)")" >> $GITHUB_ENV
 
       - name: Cache Playwright
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         id: playwright-cache
         with:
           path: |

playwright.config.ts

@@ -4,7 +4,7 @@ export default defineConfig({
   testDir: './test',
   fullyParallel: false,
   forbidOnly: !!process.env.CI,
-  retries: process.env.CI ? 2 : 0,
+  retries: 0,
   workers: 1,
   reporter: 'html',
   use: {

test/integration/utils.ts

@@ -3,6 +3,7 @@ import { Page } from '@playwright/test';
 
 export async function uploadMedia(page: Page, file: string) {
   await page.goto('/wp-admin/media-new.php');
+  await page.waitForLoadState('networkidle'); // ensure media library is loaded
   const fileChooserPromise = page.waitForEvent('filechooser');
   await page.getByLabel('Upload').click();
   const fileChooser = await fileChooserPromise;