prepare Playwright test framework

GoogleChromeLabs · Jun 11, 2024 · d6696b5 · d6696b5
1 parent 7c38538
commit d6696b5
Show file tree

Hide file tree

Showing 7 changed files with 66 additions and 44 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/playwright.config.ts b/playwright.config.ts
@@ -36,19 +36,22 @@ export default defineConfig({
       name: 'chromium',
       use: { 
         ...devices['Desktop Chrome'], 
-        launchOptions: { ignoreDefaultArgs: ['--mute-audio'] },
+        launchOptions: { 
+          ignoreDefaultArgs: ['--mute-audio'],
+          args: ['--autoplay-policy=no-user-gesture-required']
+        },
       }
     },
 
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
+    // {
+    //   name: 'firefox',
+    //   use: { ...devices['Desktop Firefox'] },
+    // },
 
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },
+    // {
+    //   name: 'webkit',
+    //   use: { ...devices['Desktop Safari'] },
+    // },
 
     /* Test against mobile viewports. */
     // {
@@ -65,16 +68,28 @@ export default defineConfig({
     //   name: 'Microsoft Edge',
     //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
     // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { 
-    //     ...devices['Desktop Chrome'], 
-    //     channel: 'chrome',
-    //     launchOptions: {
-    //       ignoreDefaultArgs: ['--mute-audio']
-    //    },
-    //   },
-    // },
+    {
+      name: 'Google Chrome',
+      use: { 
+        ...devices['Desktop Chrome'], 
+        channel: 'chrome',
+        launchOptions: {
+          ignoreDefaultArgs: ['--mute-audio'],
+          args: ['--autoplay-policy=no-user-gesture-required']
+       },
+      },
+    },
+    {
+      name: 'Google Chrome Canary',
+      use: { 
+        ...devices['Desktop Chrome'], 
+        channel: 'chrome-canary',
+        launchOptions: {
+          ignoreDefaultArgs: ['--mute-audio'],
+          args: ['--autoplay-policy=no-user-gesture-required']
+       },
+      },
+    }
   ],
 
   /* Run your local dev server before starting the tests */

diff --git a/src/tests/playwright/pages/audioworklet-addmodule-resolution.html b/src/tests/playwright/pages/audioworklet-addmodule-resolution.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Hello Sine Test</title>
+    <title>AudioWorklet Add Module Resolution</title>
   </head>
   <body>
     <h1>Audioworklet Add Module Resolution</h1>

diff --git a/src/tests/playwright/pages/offline-sine.html b/src/tests/playwright/pages/offline-sine.html
@@ -10,7 +10,7 @@ <h1>Offline Sine Test</h1>
     <p>Write 441Hz sine wave for 1 second to AudioBuffer using OfflineAudioContext, sampleRate: 44100</p>
 
     <script>
-      const sampleRate = 44100.0;
+      const sampleRate = 44100;
       const length = 1;
       const numChannels = 1;
       const freq = 441;

diff --git a/src/tests/playwright/pages/realtime-sine.html b/src/tests/playwright/pages/realtime-sine.html
@@ -16,18 +16,20 @@ <h1>Realtime Sine Test</h1>
       osc.type = 'sine';
       osc.frequency.value = 440;
       osc.connect(audioContext.destination);
-      const startButton = document.getElementById('start');
 
-      startButton.addEventListener('click', () => {
-        startButton.disabled = true;
+      let updateFrequencyPromise;
+      document.getElementById('start').addEventListener('click', () => {
         osc.start();
 
-        // after 1 second, change to 880 Hz
-        setTimeout(() => {
-          osc.frequency.value = 880;
-          osc.stop(audioContext.currentTime + 1);
-        }, 1000);
-      }, { once: true });
+        // Update frequency after 1 second
+        updateFrequencyPromise = new Promise((resolve, reject) => {
+          setTimeout(() => {
+            osc.frequency.value = 880;
+            osc.stop(audioContext.currentTime + 1);
+            resolve();
+          }, 1000);
+        });
+      });
     </script>
   </body>
 </html>
diff --git a/src/tests/playwright/runner.spec.ts b/src/tests/playwright/runner.spec.ts
@@ -2,26 +2,24 @@ import { test, expect } from '@playwright/test';
 
 test('Hello Sine (realtime)', async ({ page }) => {
   await page.goto('pages/realtime-sine.html');
-
-  const h1 = await page.$('h1');
-  const text = await h1?.textContent();
-  expect(text).toBe('Realtime Sine Test');
+  await page.click('#start');
 
   const osc = await page.evaluateHandle(object => osc);
 
-  await page.click('#start');
-
   // Check 440Hz
   const f1 = await osc.getProperty('frequency');
   const f1Val = await f1.getProperty('value');
   expect(await f1Val.jsonValue()).toBe(440);
 
-  await page.waitForTimeout(1000);
+  // wait for the updateFrequency promise to resolve
+  const updateFrequencyPromise = await page.evaluate(() => updateFrequencyPromise);
 
   // Check 880Hz
   const f2 = await osc.getProperty('frequency');
   const f2Val = await f2.getProperty('value');
   expect(await f2Val.jsonValue()).toBe(880);
+
+  await page.waitForTimeout(1000);
 });
 
 test('Hello Sine (offline)', async ({ page }) => {

diff --git a/src/tests/playwright/version.spec.ts b/src/tests/playwright/version.spec.ts
@@ -0,0 +1,7 @@
+import { test, expect } from '@playwright/test';
+
+test('Browser version', async ({ browser }) => {
+  const version = await browser.version();
+  console.log('Browser version:', version);
+  expect(version).not.toBe(null);
+});