test: react script within nextjs (#61)

.github/workflows/ci.yml

@@ -4,9 +4,6 @@ on: [push, pull_request]
 jobs:
   test-chromium:
     name: Test Chromium (Ubuntu)
-    strategy:
-      fail-fast: false
-
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -51,9 +48,6 @@ jobs:
 
   test-webkit:
     name: Test WebKit (MacOS)
-    strategy:
-      fail-fast: false
-
     runs-on: macos-latest
     steps:
       - name: Checkout
@@ -92,9 +86,6 @@ jobs:
 
   benchmark-chromium:
     name: Benchmark Chromium (Ubuntu)
-    strategy:
-      fail-fast: false
-
     runs-on: ubuntu-latest
     steps:
       - name: Checkout

.gitignore

@@ -1,10 +1,12 @@
 .cache/
+.next/
 .DS_Store
 node_modules/
 /integration/
 /lib/
 /react/
 /tests/~partytown/
+/tests/nextjs/public/
 /tests/benchmarks/screenshots/
 /tests/videos/
 /tsc/

package.json

@@ -58,6 +58,8 @@
     "test.atomics": "playwright test tests/integrations tests/platform --config playwright.atomics.config.ts --browser=chromium",
     "test.chromium": "playwright test tests/integrations tests/platform --browser=chromium",
     "test.webkit": "playwright test tests/integrations tests/platform --browser=webkit",
+    "test.nextjs.chromium": "cd tests/nextjs && npm i && playwright test --config playwright.nextjs.ts --browser=chromium",
+    "test.nextjs.webkit": "cd tests/nextjs && npm i && playwright test --config playwright.nextjs.ts --browser=webkit",
     "benchmark": "node tests/benchmarks/run.cjs",
     "test.unit": "uvu -r tsm tests/unit",
     "tsc.watch": "tsc -w",

playwright.config.ts

@@ -11,8 +11,6 @@ const config: PlaywrightTestConfig = {
         dir: 'tests/videos/',
       },
     },
-    geolocation: { latitude: 33.993553, longitude: -117.928116 },
-    permissions: ['geolocation'],
   },
   webServer: {
     command: 'npm run serve.test',

src/lib/main/snippet.ts

@@ -65,6 +65,8 @@ export function snippet(
             // no support for atomics or service worker
             fallback();
           }
+        } else if (debug && scripts!.length === 0) {
+          console.debug('No Partytown scripts found');
         }
       } else if (debug) {
         console.warn('Partytown config.lib url must start with "/"');

tests/nextjs/README.md

@@ -0,0 +1,5 @@
+```bash
+npm run dev
+```
+
+[http://localhost:3000](http://localhost:3000)

tests/nextjs/next.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  reactStrictMode: true,
+};

tests/nextjs/nextjs.spec.ts

@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test';
+
+test('nextjs', async ({ page }) => {
+  await page.goto('/');
+
+  await page.waitForSelector('.completed');
+
+  const h1 = page.locator('h1');
+  await expect(h1).toHaveText('Next.js with 🎉');
+
+  const outputNextScript = page.locator('#output-next-script');
+  await expect(outputNextScript).toHaveText('passed');
+
+  const outputScript = page.locator('#output-script');
+  await expect(outputScript).toHaveText('passed');
+});