fix: handle WebContainer boot timeouts (#16)

Author: AriPerkkio

src/fixtures/webcontainer.ts

@@ -16,8 +16,16 @@ export class WebContainer extends FileSystem {
   constructor() {
     super();
 
-    this._isReady = WebContainerApi.boot({}).then((instance) => {
-      this._instancePromise = instance;
+    this._isReady = new Promise((resolve, reject) => {
+      const timeout = setTimeout(() => {
+        reject(new Error("WebContainer boot timed out in 30s"));
+      }, 30_000);
+
+      WebContainerApi.boot({}).then((instance) => {
+        clearTimeout(timeout);
+        this._instancePromise = instance;
+        resolve();
+      });
     });
   }
 

test/timeouts.test.ts

@@ -0,0 +1,16 @@
+import { WebContainer as WebContainerApi } from "@webcontainer/api";
+import { expect, test, vi } from "vitest";
+
+import { WebContainer } from "../src/fixtures/webcontainer";
+
+test("throws when WebContainer boot timeouts", async () => {
+  vi.spyOn(WebContainerApi, "boot").mockReturnValue(new Promise(() => null));
+  vi.useFakeTimers();
+
+  const webcontainer = new WebContainer();
+  vi.advanceTimersByTime(30_000);
+
+  await expect(webcontainer.wait()).rejects.toThrowErrorMatchingInlineSnapshot(
+    `[Error: WebContainer boot timed out in 30s]`,
+  );
+});

vitest.config.ts

@@ -5,6 +5,8 @@ export default defineConfig({
   plugins: [vitestWebcontainers()],
 
   test: {
+    reporters: "verbose",
+
     browser: {
       enabled: true,
       provider: "playwright",