Fix tests with modules

Author: noamr

playwright.config.js playwright.config.cjs

@@ -1,4 +1,4 @@
-const { testInBrowser } = require("./resources/pw-utils");
+import { testInBrowser } from "./resources/pw-utils.js";
 
 testInBrowser("observe", "View transitions are observable");
 testInBrowser("classify", ".classify adds classes for the duration of the view transition");

tests/basic.spec.js

@@ -1,4 +1,4 @@
-const { testInBrowser } = require("./resources/pw-utils");
+import { testInBrowser } from "./resources/pw-utils.js";
 
 testInBrowser("nav-spa", "Test SPA navs", {page: "home"});
 testInBrowser("list-details", "Test detail params", {page: "home"});

tests/nav.spec.js

@@ -1,4 +1,4 @@
-const { test, expect } = require('@playwright/test');
+import { test, expect } from '@playwright/test';
 export function testInBrowser(name, label, params = {}) {
     const url = new URL(`http://localhost:3000/tests/resources/${name}.html`);
     for (const param in params)

tests/resources/pw-utils.js

@@ -1,4 +1,4 @@
-const { test, expect } = require('@playwright/test');
+import {test, expect} from '@playwright/test';
 
 test("The local server infra works", async ({page}) => {
     await page.goto("http://localhost:3000/tests/resources/sanity.html");