fix(website): ensure pages are loaded for e2e tests

Author: maxelkins

website/playwright.config.ts

@@ -28,9 +28,6 @@ export default defineConfig({
     /* Base URL to use in actions like `await page.goto('')`. */
     baseURL: "http://127.0.0.1:4321",
 
-    /* Don't wait for all resources */
-    waitUntil: "domcontentloaded",
-
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "on-first-retry",
   },

website/tests/about.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from "@playwright/test";
 
 test.describe("About page", () => {
   test.beforeEach(async ({ page }) => {
-    await page.goto("/");
+    await page.goto("/", { waitUntil: "domcontentloaded" });
   });
 
   test("renders hero and install section", async ({ page }) => {

website/tests/navigation.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from "@playwright/test";
 
 test.describe("Page navigation", () => {
   test("navigates to demo page via link", async ({ page }) => {
-    await page.goto("/");
+    await page.goto("/", { waitUntil: "domcontentloaded" });
     await page
       .locator('a.button, a[href*="demo"], .demo-link a')
       .first()
@@ -11,22 +11,22 @@ test.describe("Page navigation", () => {
   });
 
   test("navigates back to main page from demo", async ({ page }) => {
-    await page.goto("/demo");
+    await page.goto("/demo", { waitUntil: "domcontentloaded" });
     await page.locator(".t-prompt").waitFor();
     await page.locator("a.nav-back").click();
     await page.waitForURL("/");
     await expect(page.locator("#about")).toBeVisible();
   });
 
   test("direct navigation to /demo shows demo view", async ({ page }) => {
-    await page.goto("/demo");
+    await page.goto("/demo", { waitUntil: "domcontentloaded" });
     await expect(page.locator("#demo-view")).toBeVisible();
   });
 });
 
 test.describe("Sidebar", () => {
   test.beforeEach(async ({ page }) => {
-    await page.goto("/demo");
+    await page.goto("/demo", { waitUntil: "domcontentloaded" });
     await page.locator(".t-prompt").waitFor();
   });
 

website/tests/picker.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from "@playwright/test";
 
 test.describe("Interactive picker", () => {
   test.beforeEach(async ({ page }) => {
-    await page.goto("/demo");
+    await page.goto("/demo", { waitUntil: "domcontentloaded" });
     await page.locator(".t-prompt").waitFor();
     await page.locator("#terminal-input").focus();
     await page.keyboard.type("hdi");

website/tests/terminal.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from "@playwright/test";
 
 test.describe("Terminal simulator", () => {
   test.beforeEach(async ({ page }) => {
-    await page.goto("/demo");
+    await page.goto("/demo", { waitUntil: "domcontentloaded" });
     await page.locator(".t-prompt").waitFor();
     await page.locator("#terminal-input").focus();
   });