examples.spec.ts

import { test, expect, Page } from "@playwright/test";
import path from "path";
import {
  waitForRubyVM,
  setupDebugLog,
  setupProxy,
  setupUncaughtExceptionRejection,
} from "../support";
import { readFileSync } from "fs";
import http from "http";
import https from "https";

test.beforeEach(async ({ context, page }) => {
  setupDebugLog(context);
  setupUncaughtExceptionRejection(page);
  if (process.env.RUBY_NPM_PACKAGE_ROOT) {
    setupProxy(context);
  } else {
    console.info("Testing against CDN deployed files");
    const packagePath = path.join(__dirname, "..", "..", "package.json");
    const packageInfo = JSON.parse(readFileSync(packagePath, "utf-8"));
    const version = packageInfo.version;
    const url = `https://registry.npmjs.org/@ruby/head-wasm-wasi/${version}`;
    const response = await new Promise<http.IncomingMessage>(
      (resolve, reject) => {
        https.get(url, resolve).on("error", reject);
      },
    );
    if (response.statusCode == 404) {
      console.log(
        `@ruby/head-wasm-wasi@${version} is not published yet, so skipping CDN tests`,
      );
      test.skip();
    }
  }
});

test("hello.html is healthy", async ({ page }) => {
  const messages = [];
  page.on("console", (msg) => messages.push(msg.text()));
  await page.goto("/hello.html");

  await waitForRubyVM(page);
  expect(messages[messages.length - 1]).toEqual("Hello, world!\n");
});

test("lucky.html is healthy", async ({ page }) => {
  await page.goto("/lucky.html");
  await waitForRubyVM(page);
  await page.getByRole("button", { name: "Draw Omikuji" }).click();
  const result = await page.locator("#result").textContent();

  expect(result).toMatch(/(Lucky|Unlucky)/);
});

test("script-src/index.html is healthy", async ({ page }) => {
  const messages = [];
  page.on("console", (msg) => messages.push(msg.text()));
  await page.goto("/script-src/index.html");

  await waitForRubyVM(page);
  const expected = "Hello, world!\n";
  while (messages[messages.length - 1] != expected) {
    await page.waitForEvent("console");
  }
});

// The browser.script.iife.js obtained from CDN does not include the patch to require_relative.
// Skip when testing against the CDN.
if (process.env.RUBY_NPM_PACKAGE_ROOT) {
  test("require_relative/index.html is healthy", async ({ page }) => {
    // Add a listener to detect errors in the page
    page.on("pageerror", (error) => {
      console.log(`page error occurs: ${error.message}`);
    });

    const messages: string[] = [];
    page.on("console", (msg) => messages.push(msg.text()));
    await page.goto("/require_relative/index.html");

    await waitForRubyVM(page);
    const expected = "Hello, world!\n";
    while (messages[messages.length - 1] != expected) {
      await page.waitForEvent("console");
    }
  });
}