[e2e] Increase timeout and add cache for gh action

.github/workflows/playwright.yml

@@ -5,20 +5,43 @@ on:
   pull_request:
     branches: [main, dev]
 jobs:
-  test:
+  e2e:
     timeout-minutes: 60
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
           node-version: 18
+
+      - name: Cache node_modules
+        uses: actions/cache@v3
+        with:
+          path: "node_modules"
+          key: ${{ runner.os }}-modules-${{ hashFiles('package-lock.json') }}
+
+      - name: Playwright version
+        id: playwright-version
+        run: echo "PLAYWRIGHT_VERSION=$(node -e "console.log(require('./package-lock.json').dependencies['@playwright/test'].version)")" >> $GITHUB_ENV
+
+      - name: Cache playwright binaries
+        uses: actions/cache@v3
+        id: playwright-cache
+        with:
+          path: "~/.cache/ms-playwright"
+          key: ${{ runner.os }}-playwright-${{ env.PLAYWRIGHT_VERSION }}
+
       - name: Install dependencies
         run: npm ci
+
       - name: Install Playwright Browsers
         run: npx playwright install --with-deps
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
+
       - name: Run Playwright tests
         run: npx playwright test
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
+
       - uses: actions/upload-artifact@v3
         if: always()
         with:

e2e/load-graph.spec.ts

@@ -9,9 +9,9 @@ FILES.forEach((file) => {
     await page.goto(`/?gexf=${BASE_URL}${file}`);
 
     // Wait for the graph to be fully loaded
-    await expect(page).toHaveTitle(`Gephi Lite - ${file}`);
+    await expect(page).toHaveTitle(`Gephi Lite - ${file}`, { timeout: 30000 });
 
     // Check the screenshot
-    await expect(page).toHaveScreenshot(`${file}.png`);
+    await expect(page).toHaveScreenshot(`${file}.png`, { maxDiffPixelRatio: 0.01 });
   });
 });