123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
import { assertEquals } from "./deps.ts";import {  assertSelector,  assertTextMany,  fetchHtml,  withFresh,  withPageName,} from "./test_utils.ts";import { Status } from "../server.ts";
Deno.test({  name: "render async server component",
  async fn() {    await withFresh(      "./tests/fixture_server_components/main.ts",      async (address) => {        const doc = await fetchHtml(`${address}/basic`);        assertTextMany(doc, "h1", ["it works"]);      },    );  },
  sanitizeOps: false,  sanitizeResources: false,});
Deno.test({  name: "uses returned response",
  async fn() {    await withFresh(      "./tests/fixture_server_components/main.ts",      async (address) => {        const res = await fetch(`${address}/response`);        const text = await res.text();        assertEquals(text, "it works");      },    );  },
  sanitizeOps: false,  sanitizeResources: false,});
Deno.test({  name: "revives islands in async server component",
  async fn() {    await withPageName(      "./tests/fixture_server_components/main.ts",      async (page, address) => {        await page.goto(`${address}/island`);
        await page.waitForSelector("button");        let text = await page.$eval("button", (el) => el.textContent);        assertEquals(text, "update 0");
        await page.click("button");        text = await page.$eval("button", (el) => el.textContent);        assertEquals(text, "update 1");      },    );  },
  sanitizeOps: false,  sanitizeResources: false,});
Deno.test({  name: "passes context to server component",
  async fn() {    await withFresh(      "./tests/fixture_server_components/main.ts",      async (address) => {        const res = await fetch(`${address}/context/foo`);        const json = await res.json();
        assertEquals(typeof json.localAddr, "object");        assertEquals(typeof json.remoteAddr, "object");        json.localAddr.port = 8000;        json.remoteAddr.port = 8000;
        assertEquals(          json,          {            localAddr: {              hostname: "localhost",              port: 8000,              transport: "tcp",            },            remoteAddr: {              hostname: "localhost",              port: 8000,              transport: "tcp",            },            renderNotFound: "AsyncFunction",            url: `${address}/context/foo`,            route: "/context/:id",            params: {              id: "foo",            },            state: {},          },        );      },    );  },
  sanitizeOps: false,  sanitizeResources: false,});
Deno.test({  name: "can call context.renderNotFound()",
  async fn() {    await withFresh(      "./tests/fixture_server_components/main.ts",      async (address) => {        const res = await fetch(`${address}/fail`);
        assertEquals(res.status, Status.NotFound);        const html = await res.text();        assertEquals(html, "Not found.");      },    );  },
  sanitizeOps: false,  sanitizeResources: false,});
Deno.test({  name: "works with async plugins",
  async fn() {    await withPageName(      "./tests/fixture_server_components/main.ts",      async (page, address) => {        await page.goto(`${address}/twind`);        await page.waitForSelector("h1");
        const text = await page.$eval("body", (el) => el.textContent);        assertEquals(text, "it works");
        // Check that CSS was applied accordingly        const color = await page.$eval("h1", (el) => {          return window.getComputedStyle(el).color;        });        assertEquals(color, "rgb(220, 38, 38)");      },    );  },
  sanitizeOps: false,  sanitizeResources: false,});
Deno.test({  name: "renders async app template",
  async fn() {    await withFresh(      "./tests/fixture_async_app/main.ts",      async (address) => {        const doc = await fetchHtml(`${address}`);        assertSelector(doc, "html > body > .app > .layout > .page");      },    );  },});
Deno.test("define helpers", async () => {  await withFresh(    "./tests/fixture_define_helpers/main.ts",    async (address) => {      const doc = await fetchHtml(`${address}`);      assertSelector(doc, "html > body > .app > .layout > .page");      assertTextMany(doc, "p", ["Layout: it works", "Page: it works"]);    },  );});