123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
import {  basename,  copy,  delay,  dirname,  join,  Page,  puppeteer,  relative,} from "./deps.ts";import { startFreshServer } from "./test_utils.ts";import { retry } from "$std/async/retry.ts";
async function withTmpFixture(  name: string,  fn: (page: Page, address: string, dir: string) => Promise<void>,) {  const tmp = join(await Deno.makeTempDir(), "project");  const src = join(Deno.cwd(), dirname(name));  await copy(src, tmp);
  // Update Fresh path  const denoJsonPath = join(tmp, "deno.json");  const json = JSON.parse(await Deno.readTextFile(denoJsonPath));  json.imports["$fresh/"] = relative(denoJsonPath, Deno.cwd()) + "/";  await Deno.writeTextFile(denoJsonPath, JSON.stringify(json, null, 2));
  // Watcher tests tend to be flaky  await retry(async () => {    const { lines, serverProcess, address } = await startFreshServer({      args: ["run", "-A", "--watch", join(tmp, basename(name))],      env: {        "FRESH_ESBUILD_LOADER": "portable",      },    });
    try {      await delay(100);      const browser = await puppeteer.launch({ args: ["--no-sandbox"] });
      try {        const page = await browser.newPage();        await fn(page, address, tmp);      } finally {        await browser.close();      }    } finally {      serverProcess.kill("SIGTERM");
      // Wait until the process exits      await serverProcess.status;
      // Drain the lines stream      for await (const _ of lines) { /* noop */ }    }  }, { maxAttempts: 3 });}
Deno.test({  name: "page reloads with no island present",  // Watcher tests are pretty flaky in CI and non-UNIX systems.  // Until we know why, we'll gate these tests behind an  // environment variable.  ignore: !Deno.env.has("FRESH_WATCH_TESTS"),  fn: async () => {    await withTmpFixture(      "./tests/fixture_hmr/dev.ts",      async (page, address, dir) => {        await page.goto(`${address}/no_island`);        await page.waitForSelector("h1");
        // Trigger file change        const file = join(dir, "routes", "no_island.tsx");        const text = await Deno.readTextFile(file);        await Deno.writeTextFile(file, text.replaceAll("foo", "bar"));
        await page.waitForSelector(".bar");      },    );  },});
Deno.test({  name: "page reloads with island",  // Watcher tests are pretty flaky in CI and non-UNIX systems.  // Until we know why, we'll gate these tests behind an  // environment variable.  ignore: !Deno.env.has("FRESH_WATCH_TESTS"),  fn: async () => {    await withTmpFixture(      "./tests/fixture_hmr/dev.ts",      async (page, address, dir) => {        await page.goto(`${address}/island`);        await page.waitForSelector("h1");
        // Trigger file change        const file = join(dir, "routes", "island.tsx");        const text = await Deno.readTextFile(file);        await Deno.writeTextFile(file, text.replaceAll("foo", "bar"));
        await page.waitForSelector(".bar");        // TODO: Once we support proper HMR check that state stays        // the same      },    );  },});