Extremely Popular
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437import * as path from "$std/path/mod.ts";import { assertNotMatch } from "https://deno.land/std@0.190.0/testing/asserts.ts";import { Status } from "../src/server/deps.ts";import { assert, assertEquals, assertStringIncludes, delay, puppeteer, retry,} from "./deps.ts";import { startFreshServer } from "./test_utils.ts";
type FileTree = { type: "file"; name: string;} | { type: "directory"; name: string; contents: FileTree[];};
const assertFileExistence = async (tree: FileTree[], dirname?: string) => { for (const t of tree) { const stat = await Deno.stat( dirname ? [dirname, t.name].join("/") : t.name, ); assertEquals(t.type === "file", stat.isFile);
if (t.type === "directory") { assert(stat.isDirectory); await assertFileExistence( t.contents, dirname ? [dirname, t.name].join("/") : t.name, ); } }};
Deno.test({ name: "fresh-init", async fn(t) { // Preparation const tmpDirName = await Deno.makeTempDir();
await t.step("execute init command", async () => { const cliProcess = new Deno.Command(Deno.execPath(), { args: [ "run", "-A", "init.ts", tmpDirName, ], stdin: "null", stdout: "null", }); const { code } = await cliProcess.output(); assertEquals(code, 0); });
// NOTE: generated by `tree -J <dir>` const targetFileTree: FileTree[] = [ { "type": "directory", "name": tmpDirName, "contents": [ { "type": "file", "name": "README.md" }, { "type": "file", "name": "fresh.gen.ts" }, { "type": "directory", "name": "components", "contents": [ { "type": "file", "name": "Button.tsx" }, ], }, { "type": "directory", "name": "islands", "contents": [ { "type": "file", "name": "Counter.tsx" }, ], }, { "type": "file", "name": "main.ts" }, { "type": "directory", "name": "routes", "contents": [ { "type": "file", "name": "[name].tsx" }, { "type": "directory", "name": "api", "contents": [ { "type": "file", "name": "joke.ts" }, ], }, { "type": "file", "name": "index.tsx" }, ], }, { "type": "directory", "name": "static", "contents": [ { "type": "file", "name": "logo.svg" }, ], }, ], }, ];
await t.step("check generated files", async () => { await assertFileExistence(targetFileTree); });
await t.step("start up the server and access the root page", async () => { const { serverProcess, lines, address } = await startFreshServer({ args: ["run", "-A", "--check", "main.ts"], cwd: tmpDirName, });
await delay(100);
// Access the root page const res = await fetch(address); await res.body?.cancel(); assertEquals(res.status, Status.OK);
// verify the island is revived. const browser = await puppeteer.launch({ args: ["--no-sandbox"], }); const page = await browser.newPage(); await page.goto(address, { waitUntil: "networkidle2" }); const counter = await page.$("body > div > div > p"); let counterValue = await counter?.evaluate((el) => el.textContent); assert(counterValue === "3");
const buttonPlus = await page.$("body > div > div > button:nth-child(3)"); await buttonPlus?.click();
await delay(100);
counterValue = await counter?.evaluate((el) => el.textContent); assert(counterValue === "4"); await page.close(); await browser.close();
await lines.cancel(); serverProcess.kill("SIGTERM"); await delay(100); });
await retry(() => Deno.remove(tmpDirName, { recursive: true })); }, sanitizeResources: false,});
Deno.test({ name: "fresh-init --twind --vscode", async fn(t) { // Preparation const tmpDirName = await Deno.makeTempDir();
await t.step("execute init command", async () => { const cliProcess = new Deno.Command(Deno.execPath(), { args: [ "run", "-A", "init.ts", tmpDirName, "--twind", "--vscode", ], stdin: "null", stdout: "null", }); const { code } = await cliProcess.output(); assertEquals(code, 0); });
// NOTE: generated by `tree -J <dir>` const targetFileTree: FileTree[] = [ { "type": "directory", "name": tmpDirName, "contents": [ { "type": "file", "name": "README.md" }, { "type": "file", "name": "fresh.gen.ts" }, { "type": "file", "name": "twind.config.ts" }, { "type": "directory", "name": "components", "contents": [ { "type": "file", "name": "Button.tsx" }, ], }, { "type": "directory", "name": "islands", "contents": [ { "type": "file", "name": "Counter.tsx" }, ], }, { "type": "file", "name": "main.ts" }, { "type": "directory", "name": "routes", "contents": [ { "type": "file", "name": "[name].tsx" }, { "type": "directory", "name": "api", "contents": [ { "type": "file", "name": "joke.ts" }, ], }, { "type": "file", "name": "index.tsx" }, ], }, { "type": "directory", "name": "static", "contents": [ { "type": "file", "name": "logo.svg" }, ], }, { "type": "directory", "name": ".vscode", "contents": [ { "type": "file", "name": "settings.json" }, { "type": "file", "name": "extensions.json" }, ], }, { "type": "file", "name": ".gitignore" }, ], }, ];
await t.step("check generated files", async () => { await assertFileExistence(targetFileTree); });
await t.step("start up the server and access the root page", async () => { const { serverProcess, lines, address } = await startFreshServer({ args: ["run", "-A", "--check", "main.ts"], cwd: tmpDirName, });
await delay(100);
// Access the root page const res = await fetch(address); await res.body?.cancel(); assertEquals(res.status, Status.OK);
// verify the island is revived. const browser = await puppeteer.launch({ args: ["--no-sandbox"] }); const page = await browser.newPage(); await page.goto(address, { waitUntil: "networkidle2" });
const counter = await page.$("body > div > div > p"); let counterValue = await counter?.evaluate((el) => el.textContent); assert(counterValue === "3");
const fontWeight = await counter?.evaluate((el) => getComputedStyle(el).fontWeight ); assertEquals(fontWeight, "700");
const buttonPlus = await page.$("body > div > div > button:nth-child(3)"); await buttonPlus?.click();
await delay(100);
counterValue = await counter?.evaluate((el) => el.textContent); assert(counterValue === "4"); await page.close(); await browser.close();
await lines.cancel(); serverProcess.kill("SIGTERM"); await delay(100); });
await retry(() => Deno.remove(tmpDirName, { recursive: true })); }, sanitizeResources: false,});
Deno.test("fresh-init error(help)", async function (t) { const includeText = "fresh-init";
await t.step( "execute invalid init command (deno run -A init.ts)", async () => { const cliProcess = new Deno.Command(Deno.execPath(), { args: ["run", "-A", "init.ts"], stdin: "null", stderr: "piped", }); const { code, stderr } = await cliProcess.output(); assertEquals(code, 1);
const errorString = new TextDecoder().decode(stderr); assertStringIncludes(errorString, includeText); }, );
await t.step( "execute invalid init command (deno run -A init.ts -f)", async () => { const cliProcess = new Deno.Command(Deno.execPath(), { args: ["run", "-A", "init.ts", "-f"], }); const { code, stderr } = await cliProcess.output(); assertEquals(code, 1);
const errorString = new TextDecoder().decode(stderr); assertStringIncludes(errorString, includeText); }, );
await t.step( "execute invalid init command (deno run -A init.ts --foo)", async () => { const cliProcess = new Deno.Command(Deno.execPath(), { args: ["run", "-A", "init.ts", "--foo"], }); const { code, stderr } = await cliProcess.output(); assertEquals(code, 1);
const errorString = new TextDecoder().decode(stderr); assertStringIncludes(errorString, includeText); }, );});
Deno.test("fresh-init .", async function (t) { // Preparation const tmpDirName = await Deno.makeTempDir();
await t.step("execute init command", async () => { const cliProcess = new Deno.Command(Deno.execPath(), { args: [ "run", "-A", path.join(Deno.cwd(), "init.ts"), ".", ], cwd: tmpDirName, stdin: "null", stdout: "piped", stderr: "piped", }); const { code, stdout } = await cliProcess.output(); const output = new TextDecoder().decode(stdout); assertNotMatch(output, /Enter your project directory/); assertEquals(code, 0); });});
Deno.test({ name: "fresh-init subdirectory", async fn(t) { // Preparation const tmpDirName = await Deno.makeTempDir();
await Deno.mkdir(path.join(tmpDirName, "subdirectory"));
const cliProcess = new Deno.Command(Deno.execPath(), { args: [ "run", "-A", path.join(Deno.cwd(), "init.ts"), "subdirectory/subsubdirectory", ], cwd: tmpDirName, stdin: "null", stdout: "piped", stderr: "inherit", });
await cliProcess.output();
// move deno.json one level up await Deno.rename( path.join(tmpDirName, "subdirectory", "subsubdirectory", "deno.json"), path.join(tmpDirName, "deno.json"), );
const targetFileTree: FileTree[] = [ { "type": "directory", "name": tmpDirName, "contents": [ { "type": "file", "name": "deno.json" }, { "type": "directory", "name": "subdirectory", contents: [ { "type": "directory", "name": "subsubdirectory", "contents": [ { "type": "file", "name": "main.ts" }, { "type": "file", "name": "dev.ts" }, { "type": "file", "name": "fresh.gen.ts" }, ], }, ], }, ], }, ];
await t.step("check generated files", async () => { await assertFileExistence(targetFileTree); });
await t.step("start up the server", async () => { const { serverProcess, lines } = await startFreshServer({ args: ["run", "-A", "--check", "subdirectory/subsubdirectory/dev.ts"], cwd: tmpDirName, });
await delay(100);
await lines.cancel(); serverProcess.kill("SIGTERM"); await delay(100); });
await retry(() => Deno.remove(tmpDirName, { recursive: true })); }, sanitizeResources: false,});