Extremely Popular
Latest
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247import { ServerContext, STATUS_CODE } from "../server.ts";import { assert, assertEquals, assertMatch, assertStringIncludes, delay, join, puppeteer, retry,} from "./deps.ts";import manifest from "./fixture/fresh.gen.ts";import config from "./fixture/fresh.config.ts";import { BUILD_ID } from "../src/server/build_id.ts";import { assertSelector, assertTextMany, parseHtml, startFreshServer, waitForText, withFakeServe, withPageName,} from "./test_utils.ts";
const ctx = await ServerContext.fromManifest(manifest, config);const handler = ctx.handler();
Deno.test("/ page prerender", async () => { const resp = await handler(new Request("https://fresh.deno.dev/")); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); assertEquals(resp.headers.get("content-type"), "text/html; charset=utf-8"); assertEquals(resp.headers.get("server"), "fresh test server"); const body = await resp.text(); assertStringIncludes(body, `<html lang="en">`); assertStringIncludes(body, "test.js"); assertStringIncludes(body, "<p>Hello!</p>"); assertStringIncludes(body, "<p>Viewing JIT render.</p>"); assertStringIncludes(body, `>{"v":[[{"message":"Hello!"}],[]]}</script>`); assertStringIncludes( body, '<meta name="description" content="Hello world!"/>', ); assertStringIncludes( body, '<meta name="generator" content="The freshest framework!"/>', ); assert( !body.includes("specialTag"), `Expected actual: "${body}" to not contain: "specialTag"`, ); assertStringIncludes(body, `<link rel="modulepreload"`);});
Deno.test("/greet/[name] page prerender", async () => { const resp = await handler(new Request("https://fresh.deno.dev/bar")); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); assertEquals(resp.headers.get("content-type"), "text/html; charset=utf-8"); const body = await resp.text(); assertStringIncludes(body, "<div>Hello bar</div>");});
Deno.test("/api/head_override - HEAD", async () => { const req = new Request("https://fresh.deno.dev/api/head_override", { method: "HEAD", }); const resp = await handler(req); assert(resp); assertEquals(resp.status, STATUS_CODE.NoContent); assertEquals(resp.body, null); assertEquals( resp.headers.get("content-type"), "text/html; charset=utf-8", );});
Deno.test("/api/get_only - HEAD fallback", async () => { const req = new Request("https://fresh.deno.dev/api/get_only", { method: "HEAD", }); const resp = await handler(req); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); assertEquals(resp.body, null); assertEquals( resp.headers.get("content-type"), "application/json; charset=utf-8", );});
Deno.test("/intercept - GET html", async () => { const req = new Request("https://fresh.deno.dev/intercept", { headers: { "accept": "text/html" }, }); const resp = await handler(req); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertStringIncludes(body, "<div>This is HTML</div>");});
Deno.test("/intercept - GET text", async () => { const req = new Request("https://fresh.deno.dev/intercept", { headers: { "accept": "text/plain" }, }); const resp = await handler(req); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertEquals(body, "This is plain text");});
Deno.test("/intercept - POST", async () => { const req = new Request("https://fresh.deno.dev/intercept", { method: "POST", }); const resp = await handler(req); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertEquals(body, "POST response");});
Deno.test("/intercept - DELETE", async () => { const req = new Request("https://fresh.deno.dev/intercept", { method: "DELETE", }); const resp = await handler(req); assert(resp); assertEquals(resp.status, STATUS_CODE.MethodNotAllowed);});
Deno.test("/intercept_args - GET html", async () => { const req = new Request("https://fresh.deno.dev/intercept_args", { headers: { "accept": "text/html" }, }); const resp = await handler(req); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertStringIncludes(body, "<div>intercepted</div>");});
Deno.test("/status_overwrite", async () => { const req = new Request("https://fresh.deno.dev/status_overwrite", { headers: { "accept": "text/html" }, }); const resp = await handler(req); assert(resp); assertEquals(resp.status, STATUS_CODE.Unauthorized); assertEquals(resp.headers.get("x-some-header"), "foo"); const body = await resp.text(); assertStringIncludes(body, "<div>This is HTML</div>");});
Deno.test("/api/get_only - NOTAMETHOD", async () => { const resp = await handler( new Request("https://fresh.deno.dev/api/get_only", { method: "NOTAMETHOD", }), ); assert(resp); assertEquals(resp.status, STATUS_CODE.MethodNotAllowed);});
Deno.test("/api/xyz not found", async () => { const resp = await handler(new Request("https://fresh.deno.dev/api/xyz")); assert(resp); assertEquals(resp.status, STATUS_CODE.NotFound); const body = await resp.text(); assertStringIncludes(body, "404 not found: /api/xyz");});
Deno.test("/static page prerender", async () => { const resp = await handler(new Request("https://fresh.deno.dev/static")); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); assertEquals(resp.headers.get("content-type"), "text/html; charset=utf-8"); const body = await resp.text(); assert(!body.includes(`main.js`)); assert(!body.includes(`island-test.js`)); assertStringIncludes(body, "<p>This is a static page.</p>"); assertStringIncludes(body, `src="/image.png?__frsh_c=`); assert(!body.includes("__FRSH_ISLAND_PROPS"));});
Deno.test("/books/:id page - /books/123", async () => { const resp = await handler(new Request("https://fresh.deno.dev/books/123")); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); assertEquals(resp.headers.get("content-type"), "text/html; charset=utf-8"); const body = await resp.text(); assertStringIncludes(body, "<div>Book 123</div>");});
Deno.test("/books/:id page - /books/abc", async () => { const resp = await handler(new Request("https://fresh.deno.dev/books/abc")); assert(resp); assertEquals(resp.status, STATUS_CODE.NotFound);});
Deno.test("/i18n{/:lang}?/lang page - /i18n/lang", async () => { const resp = await handler(new Request("https://fresh.deno.dev/i18n/lang")); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); assertEquals(resp.headers.get("content-type"), "text/html; charset=utf-8"); const body = await resp.text(); assertStringIncludes(body, "<div>Hello</div>");});
Deno.test("/i18n{/:lang}?/lang page - /i18n/en/lang", async () => { const resp = await handler( new Request("https://fresh.deno.dev/i18n/en/lang"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); assertEquals(resp.headers.get("content-type"), "text/html; charset=utf-8"); const body = await resp.text(); assertStringIncludes(body, "<div>Hello en</div>");});
Deno.test("redirect /pages/fresh/ to /pages/fresh", async () => { const resp = await handler( new Request("https://fresh.deno.dev/pages/fresh/"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.TemporaryRedirect); assertEquals( resp.headers.get("location"), "/pages/fresh", );});
Deno.test("redirect /pages/////fresh///// to /pages/fresh", async () => { const resp = await handler( new Request("https://fresh.deno.dev/pages/////fresh/////"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.TemporaryRedirect); assertEquals( resp.headers.get("location"), "/pages/fresh", );});
Deno.test("redirect /pages/////fresh/ to /pages/fresh", async () => { const resp = await handler( new Request("https://fresh.deno.dev/pages/////fresh/"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.TemporaryRedirect); assertEquals( resp.headers.get("location"), "/pages/fresh", );});
Deno.test("no redirect for /pages/////fresh", async () => { const resp = await handler( new Request("https://fresh.deno.dev/pages/////fresh"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.NotFound);});
Deno.test("no open redirect when passing double slashes", async () => { const resp = await handler( new Request("https://fresh.deno.dev//evil.com/"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.TemporaryRedirect); assertEquals(resp.headers.get("location"), "/evil.com");});
Deno.test("/failure", async () => { const resp = await handler(new Request("https://fresh.deno.dev/failure")); assert(resp); assertEquals(resp.status, STATUS_CODE.InternalServerError); const body = await resp.text(); assert(body.includes("500 internal error: it errored!")); assertStringIncludes( body, `<meta name="generator" content="The freshest framework!"/>`, );});
Deno.test("/foo/:path*", async () => { const resp = await handler(new Request("https://fresh.deno.dev/foo/bar/baz")); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assert(body.includes("bar/baz"));});
Deno.test("static files in custom directory", async () => { const newCtx = await ServerContext.fromManifest(manifest, { ...config, staticDir: "./custom_static", }); const newRouter = (req: Request) => { return newCtx.handler()(req, { remoteAddr: { transport: "tcp", hostname: "127.0.0.1", port: 80, }, }); };
const resp = await newRouter( new Request("https://fresh.deno.dev/custom.txt"), ); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assert(body.startsWith("dir"));});
Deno.test("static file - by file path", async () => { const resp = await handler(new Request("https://fresh.deno.dev/foo.txt")); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assert(body.startsWith("bar")); const etag = resp.headers.get("etag"); assert(etag); // The etag is not weak, because this did not go through content encoding, so // this is not a real server. assert(!etag.startsWith("W/"), "etag should be weak"); assertEquals(resp.headers.get("content-type"), "text/plain; charset=UTF-8");
const resp2 = await handler( new Request("https://fresh.deno.dev/foo.txt", { headers: { "if-none-match": etag, }, }), ); assertEquals(resp2.status, STATUS_CODE.NotModified); assertEquals(resp2.headers.get("etag"), etag); assertEquals(resp2.headers.get("content-type"), "text/plain; charset=UTF-8");
const resp3 = await handler( new Request("https://fresh.deno.dev/foo.txt", { headers: { "if-none-match": `W/${etag}`, }, }), ); assertEquals(resp3.status, STATUS_CODE.NotModified); assertEquals(resp3.headers.get("etag"), etag); assertEquals(resp3.headers.get("content-type"), "text/plain; charset=UTF-8");});
Deno.test("static file - spaces or other characters in name", async () => { const res = await handler(new Request("https://fresh.deno.dev/foo bar.txt")); assertEquals(await res.text(), "it works");
const res2 = await handler( new Request("https://fresh.deno.dev/foo (bar).txt"), ); assertEquals(await res2.text(), "it works");});
Deno.test("HEAD request", async () => { // Static file const resp = await handler( new Request("https://fresh.deno.dev/foo.txt", { method: "HEAD", }), ); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertEquals(body, "");
// route const resp2 = await handler( new Request("https://fresh.deno.dev/books/123", { method: "HEAD", }), ); assert(resp2); assertEquals(resp2.status, STATUS_CODE.OK); const body2 = await resp2.text(); assertEquals(body2, "");});
Deno.test("static file - by 'hashed' path", async () => { // Check that the file path have the BUILD_ID const resp = await handler( new Request("https://fresh.deno.dev/assetsCaching"), ); const body = await resp.text(); const imgFilePath = body.match(/img id="img-with-hashing" src="(.*?)"/)?.[1]; assert(imgFilePath); assert(imgFilePath.includes(`?__frsh_c=${BUILD_ID}`));
// check the static file is served correctly under its cacheable route const resp2 = await handler( new Request(`https://fresh.deno.dev${imgFilePath}`), ); const _ = await resp2.text(); assertEquals(resp2.status, STATUS_CODE.OK); assertEquals( resp2.headers.get("cache-control"), "public, max-age=31536000, immutable", );
const resp3 = await handler( new Request(`https://fresh.deno.dev${imgFilePath}`, { headers: { "if-none-match": resp2.headers.get("etag")!, }, }), ); assertEquals(resp3.status, STATUS_CODE.NotModified);
// ensure asset hook is not applied on file explicitly excluded with attribute const imgFilePathWithNoCache = body.match( /img id="img-without-hashing" src="(.*?)"/, )?.[1]; assert(imgFilePathWithNoCache); assert( !imgFilePathWithNoCache.includes(BUILD_ID), "img-without-hashing", );
// ensure asset hook is applied on img within an island const imgInIsland = body.match(/img id="img-in-island" src="(.*?)"/)?.[1]; assert(imgInIsland); assert(imgInIsland.includes(BUILD_ID), "img-in-island");
// verify that the asset hook is applied to the srcset const imgInIslandSrcSet = body.match(/srcset="(.*?)"/)?.[1]; assert(imgInIslandSrcSet); assert( imgInIslandSrcSet.includes(BUILD_ID), "img-in-island-srcset", );
// verify that the asset hook is not applied to img outside reference out of the static folder const imgMissing = body.match(/img id="img-missing" src="(.*?)"/)?.[1]; assert(imgMissing); assert( !imgMissing.includes(BUILD_ID), "Applying hash on unknown asset", );});
Deno.test("/params/:path*", async () => { const resp = await handler( new Request("https://fresh.deno.dev/params/bar/baz"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertEquals(body, "bar/baz");});
Deno.test("/connInfo", async () => { const resp = await handler(new Request("https://fresh.deno.dev/connInfo")); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertEquals(body, "localhost");});
Deno.test("state in page props", async () => { const resp = await handler( new Request("https://fresh.deno.dev/state-in-props"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); assertEquals(resp.headers.get("content-type"), "text/html; charset=utf-8"); const body = await resp.text(); assertStringIncludes( body, '<meta name="generator" content="The freshest framework!"/>', ); assertStringIncludes(body, "specialTag"); assertStringIncludes(body, "LOOK, I AM SET FROM MIDDLEWARE");});
Deno.test({ name: "/middleware - root", fn: async () => { const resp = await handler( new Request("https://fresh.deno.dev/middleware_root"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertStringIncludes(body, "root_mw"); assert(!body.includes("layer1_mw")); },});
Deno.test({ name: "/middleware - mixedHandler(cors)", fn: async () => { const resp = await handler( new Request("https://fresh.deno.dev/middleware_root", { method: "OPTIONS", }), ); assert(resp);
// test cors handler assertEquals(resp.status, STATUS_CODE.NoContent); },});
Deno.test({ name: "/middleware - mixedHandler(log)", fn: async () => { const resp = await handler( new Request("https://fresh.deno.dev/middleware_root"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK);
// test log handler const latency = resp.headers.get("latency"); assert(latency); assert(+latency >= 0, `latency=${latency}ms `); },});
Deno.test({ name: "/middleware - layer 2 middleware", fn: async () => { const resp = await handler( new Request("https://fresh.deno.dev/layeredMdw/layer2/abc"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertStringIncludes(body, "root_mw"); assertStringIncludes(body, "layer1_mw"); assertStringIncludes(body, "layer2_mw"); // layered 2 should not run layer 3 middleware assert(!body.includes("layer3_mw"));
const resp1 = await handler( new Request("https://fresh.deno.dev/layeredMdw/layer2-no-mw/without_mw"), ); assert(resp1); assertEquals(resp1.status, STATUS_CODE.OK); const body1 = await resp1.text(); assertStringIncludes(body1, "root_mw"); assertStringIncludes(body1, "layer1_mw"); // layered 2 should not run layer 2 or 3 middleware assert(!body1.includes("layer2_mw")); assert(!body1.includes("layer3_mw")); },});
Deno.test({ name: "/middleware - layer 2 middleware at index", fn: async () => { const resp = await handler( new Request("https://fresh.deno.dev/layeredMdw/layer2"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertStringIncludes(body, "root_mw"); assertStringIncludes(body, "layer1_mw"); assertStringIncludes(body, "layer2_mw"); // layered 2 should not run layer 3 middleware assert(!body.includes("layer3_mw"));
const resp1 = await handler( new Request("https://fresh.deno.dev/layeredMdw/layer2-no-mw/without_mw"), ); assert(resp1); assertEquals(resp1.status, STATUS_CODE.OK); const body1 = await resp1.text(); assertStringIncludes(body1, "root_mw"); assertStringIncludes(body1, "layer1_mw"); // layered 2 should not run layer 2 or 3 middleware assert(!body1.includes("layer2_mw")); assert(!body1.includes("layer3_mw")); },});
Deno.test({ name: "/middleware - layer 3 middleware", fn: async () => { // layered 3 should contain layer 3 middleware data const resp = await handler( new Request("https://fresh.deno.dev/layeredMdw/layer2/layer3/abc"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertStringIncludes(body, "root_mw"); assertStringIncludes(body, "layer1_mw"); assertStringIncludes(body, "layer3_mw"); assertEquals(resp.headers.get("layer3"), "fresh test server layer3"); // the below ensure that the middlewware are applied in the correct order. // i.e response header set from layer3 middleware is overwritten // by the response header in layer 0 assertEquals(resp.headers.get("server"), "fresh test server"); },});
Deno.test({ name: "/middleware - should pass state through all middlewares", fn: async () => { const resp = await handler( new Request("https://fresh.deno.dev/state-middleware/foo"), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK);
const body = await resp.text(); const doc = parseHtml(body); assertEquals(JSON.parse(doc.querySelector("pre")!.textContent!), { handler1: "it works", handler2: "it works", handler3: "it works", }); },});
Deno.test({ name: "/middleware - middlewareParams", fn: async () => { const resp = await handler( new Request( "https://fresh.deno.dev/layeredMdw/layer2-with-params/tenant1/resource1", ), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const _body = await resp.text(); // assert that outer has access to all params assertEquals( resp.headers.get("middlewareParams_outer"), JSON.stringify({ tenantId: "tenant1", id: "resource1" }), ); // assert that inner also has access to all params assertEquals( resp.headers.get("middlewareParams_inner"), JSON.stringify({ tenantId: "tenant1", id: "resource1" }), ); assertEquals(resp.headers.get("server"), "fresh test server"); },});
Deno.test({ name: "middleware nesting order", fn: async () => { const resp = await handler( new Request( "https://fresh.deno.dev/layeredMdw/nesting/acme/production/abc", ), ); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); const body = await resp.text(); assertStringIncludes(body, "<div>1234</div>"); },});
Deno.test("/not_found", async () => { const resp = await handler(new Request("https://fresh.deno.dev/not_found")); assert(resp); assertEquals(resp.status, 404); const body = await resp.text(); assertStringIncludes(body, "404 not found: /not_found"); assertStringIncludes(body, "Hello Dino"); assertStringIncludes(body, "State root: root_mw");});
Deno.test("middleware destination", async (t) => { await t.step("static", async () => { const resp = await handler(new Request("https://fresh.deno.dev/foo.txt")); assert(resp); assertEquals(resp.headers.get("destination"), "static"); await resp.body?.cancel(); });
await t.step("route", async () => { const resp = await handler(new Request("https://fresh.deno.dev/")); assert(resp); assertEquals(resp.headers.get("destination"), "route"); await resp.body?.cancel(); });
await t.step("notFound", async () => { const resp = await handler(new Request("https://fresh.deno.dev/bar/bar")); assert(resp); assertEquals(resp.headers.get("destination"), "notFound"); await resp.body?.cancel(); });});
Deno.test({ name: "middleware catch error", fn: async () => { const resp = await handler( new Request( "https://fresh.deno.dev/middleware-error-handler", ), ); assert(resp); assertEquals(resp.status, STATUS_CODE.InternalServerError); const body = await resp.text(); assertStringIncludes( body, "500 internal error: don't show the full error for security purposes", ); },});
Deno.test({ name: "404 from middleware", fn: async () => { const resp = await handler( new Request( "https://fresh.deno.dev/404-from-middleware", ), ); assert(resp); assertEquals(resp.status, STATUS_CODE.NotFound); const body = await resp.text(); assertStringIncludes( body, "404 not found: /404-from-middleware", ); },});
Deno.test({ name: "404 from throw", fn: async () => { const resp = await handler( new Request( "https://fresh.deno.dev/404_from_throw", ), ); assert(resp); assertEquals(resp.status, STATUS_CODE.NotFound); const body = await resp.text(); assertStringIncludes( body, "404 not found: /404_from_throw", ); },});
Deno.test({ name: "404 from middleware throw", fn: async () => { const resp = await handler( new Request( "https://fresh.deno.dev/404-from-middleware-throw", ), ); assert(resp); assertEquals(resp.status, STATUS_CODE.NotFound); const body = await resp.text(); assertStringIncludes( body, "404 not found: /404-from-middleware-throw", ); },});
Deno.test("jsx pragma works", async (t) => { // Preparation const { serverProcess, lines, address } = await startFreshServer({ args: ["run", "-A", "./tests/fixture_jsx_pragma/main.ts"], });
await delay(100);
await t.step("ssr", async () => { const resp = await fetch(address); assertEquals(resp.status, STATUS_CODE.OK); const text = await resp.text(); assertStringIncludes(text, "Hello World"); assertStringIncludes(text, "ssr"); });
const browser = await puppeteer.launch({ args: ["--no-sandbox"] }); const page = await browser.newPage();
await page.goto(address, { waitUntil: "networkidle2", });
await t.step("island is revived", async () => { await page.waitForSelector("#csr"); });
await browser.close();
serverProcess.kill("SIGTERM"); await serverProcess.status;
// Drain the lines stream for await (const _ of lines) { /* noop */ }});
Deno.test("preloading javascript files", async () => { // Preparation const { serverProcess, lines, address } = await startFreshServer({ args: ["run", "-A", "./tests/fixture/main.ts"], });
const browser = await puppeteer.launch({ args: ["--no-sandbox"] }); const page = await browser.newPage();
try { // request js file to start esbuild execution await page.goto(address, { waitUntil: "networkidle2", });
await delay(5000); // wait running esbuild
await page.goto(address, { waitUntil: "networkidle2", });
const preloads: string[] = await page.$$eval( 'link[rel="modulepreload"]', (elements) => elements.map((element) => element.getAttribute("href")), );
assert( preloads.some((url) => url.match(/\/_frsh\/js\/.*\/main\.js/)), "preloads does not include main.js", ); assert( preloads.some((url) => url.match(/\/_frsh\/js\/.*\/island-.*\.js/)), "preloads does not include island-*.js", ); assert( preloads.some((url) => url.match(/\/_frsh\/js\/.*\/chunk-.*\.js/)), "preloads does not include chunk-*.js", ); } finally { await browser.close();
serverProcess.kill("SIGTERM"); await serverProcess.status;
// Drain the lines stream for await (const _ of lines) { /* noop */ } }});
Deno.test("PORT environment variable", async () => { const PORT = "8765"; // Preparation const { serverProcess, lines } = await startFreshServer({ args: ["run", "-A", "./tests/fixture/main.ts"], env: { PORT }, });
await delay(100);
const resp = await fetch("http://localhost:" + PORT); await resp.body?.cancel(); assert(resp); assertEquals(resp.status, STATUS_CODE.OK); await resp.body!.cancel();
serverProcess.kill("SIGTERM"); await serverProcess.status;
// Drain the lines stream for await (const _ of lines) { /* noop */ }});
Deno.test( "throw on route export 'handlers' instead of 'handler'", async () => { const result = await new Deno.Command(Deno.execPath(), { args: ["run", "-A", "./tests/fixture_invalid_handlers/main.ts"], stderr: "piped", stdout: "piped", }).output();
assertEquals(result.code, 1);
const text = new TextDecoder().decode(result.stderr); assertMatch(text, /Did you mean "handler"\?/); },);
Deno.test("rendering custom _500.tsx page for default handlers", async (t) => { await withFakeServe("./tests/fixture_custom_500/main.ts", async (server) => { await t.step("SSR error is shown", async () => { const resp = await server.get("/"); assertEquals(resp.status, STATUS_CODE.InternalServerError); const text = await resp.text(); assertStringIncludes(text, "Custom 500: Pickle Rick!"); });
await t.step("error page is shown with error message", async () => { const doc = await server.getHtml("/"); const text = doc.querySelector(".custom-500")?.textContent!; assertStringIncludes(text, "Custom 500: Pickle Rick!"); }); });});
Deno.test("renders error boundary", async () => { await withPageName("./tests/fixture/main.ts", async (page, address) => { await page.goto(`${address}/error_boundary`); const text = await page.$eval("p", (el) => el.textContent); assertEquals(text, "it works"); });});
Deno.test("Resolves routes with non-latin characters", async () => { await withFakeServe("./tests/fixture/main.ts", async (server) => { // Check that we can navigate to the page const doc = await server.getHtml(`/umlaut-äöüß`); assertSelector(doc, "h1"); assertTextMany(doc, "h1", ["it works"]);
// Check the manifest const mod = (await import("./fixture/fresh.gen.ts")).default;
assert( "./routes/umlaut-äöüß.tsx" in mod.routes, "Umlaut route not found", ); });});
Deno.test("Generate a single nonce value per page", async () => { await withFakeServe("./tests/fixture/main.ts", async (server) => { const doc = await server.getHtml("/");
const nonceValues = Array.from( new Set( Array.from(doc.querySelectorAll("[nonce]")).map((el) => el.getAttribute("nonce") ), ), );
assertEquals( nonceValues.length, 1, `Found more than 1 nonce value per render`, ); });});
Deno.test("Adds nonce to inline scripts", async () => { await withFakeServe("./tests/fixture/main.ts", async (server) => { const doc = await server.getHtml(`/nonce_inline`);
const stateScript = doc.querySelector("[id^=__FRSH_STATE]")!; const nonce = stateScript.getAttribute("nonce")!;
const el = doc.querySelector("#inline-script")!; const inlineNonce = el.getAttribute("nonce")!;
assertEquals(inlineNonce, nonce); });});
Deno.test({ name: "support string based event handlers during SSR", async fn() { await withPageName("./tests/fixture/main.ts", async (page, address) => { await page.goto(`${address}/event_handler_string`); await page.waitForSelector("p"); await page.click("button");
await waitForText(page, "p", "it works"); }); },});
Deno.test({ name: "Log error in browser console on string event handlers", async fn() { await withPageName("./tests/fixture/main.ts", async (page, address) => { const logs: { type: string; message: string }[] = []; page.on("console", (ev) => { logs.push({ type: ev.type(), message: ev.text() }); });
page.on("pageerror", (ev) => { logs.push({ type: "error", message: ev.toString() }); });
await page.goto(`${address}/event_handler_string_island`); await page.waitForSelector("p"); await page.click("button"); await waitForText(page, "p", "it works");
await retry(() => { for (const item of logs) { if (/property should be a function/.test(item.message)) { return true; } } }); }); },});
Deno.test("support dots in route + island name", async () => { await withPageName("./tests/fixture/main.ts", async (page, address) => { await page.goto(`${address}/foo.bar`); await page.waitForSelector(".ready"); });});
Deno.test("De-duplicates <Head /> nodes by key", async () => { await withFakeServe("./tests/fixture/main.ts", async (server) => { const res = await server.get(`/head_deduplicate`); const html = await res.text();
assertEquals(Array.from(html.matchAll(/<title>/g)).length, 1); assert(/<title>bar<\/title>/.test(html));
assertEquals( Array.from(html.matchAll(/<meta property="og:title"/g)).length, 1, ); assert(/<meta property="og:title" content="Other title"\/>/.test(html)); });});
Deno.test("pass options in config", async (t) => { const fixture = join(Deno.cwd(), "tests", "fixture_config");
await t.step("config.onListen", async () => { const { lines, serverProcess, output } = await startFreshServer({ args: [ "run", "-A", join(fixture, "main.ts"), ], });
try { assert(output.find((line) => line === "it works")); } finally { serverProcess.kill("SIGTERM"); await serverProcess.status;
// Drain the lines stream for await (const _ of lines) { /* noop */ } } });
await t.step("config.server.onListen", async () => { const { lines, serverProcess, output } = await startFreshServer({ args: [ "run", "-A", join(fixture, "main.ts"), ], env: { TEST_CONFIG_SERVER: "true", }, });
try { assert(output.find((line) => line === "it works #2")); } finally { serverProcess.kill("SIGTERM"); await serverProcess.status;
// Drain the lines stream for await (const _ of lines) { /* noop */ } } });});
Deno.test("pass options in config dev.ts", async (t) => { const fixture = join(Deno.cwd(), "tests", "fixture_config");
await t.step("config.onListen", async () => { const { lines, serverProcess, output } = await startFreshServer({ args: [ "run", "-A", join(fixture, "dev.ts"), ], });
try { assert(output.find((line) => line === "it works")); } finally { serverProcess.kill("SIGTERM"); await serverProcess.status;
// Drain the lines stream for await (const _ of lines) { /* noop */ } } });
await t.step("config.server.onListen", async () => { const { lines, serverProcess, output } = await startFreshServer({ args: [ "run", "-A", join(fixture, "dev.ts"), ], env: { TEST_CONFIG_SERVER: "true", }, });
try { assert(output.find((line) => line === "it works #2")); } finally { serverProcess.kill("SIGTERM"); await serverProcess.status;
// Drain the lines stream for await (const _ of lines) { /* noop */ } } });});
Deno.test("Expose config in ctx", async () => { await withFakeServe("./tests/fixture/main.ts", async (server) => { const doc = await server.getHtml(`/ctx_config`); const data = JSON.parse(doc.querySelector("pre")?.textContent!); assertEquals(data, { config: { basePath: "", build: { outDir: "tests/fixture/_fresh", target: [ "chrome99", "firefox99", "safari15", ], }, dev: false, plugins: [], render: "Function", router: "<undefined>", server: {}, staticDir: "tests/fixture/static", }, Component: "Function", params: {}, route: "/ctx_config", state: { root: "root_mw", }, url: "https://127.0.0.1/ctx_config", basePath: "", codeFrame: "<undefined>", destination: "route", error: "<undefined>", isPartial: false, remoteAddr: { hostname: "127.0.0.1", port: 80, transport: "tcp", }, next: "Function", render: "AsyncFunction", renderNotFound: "AsyncFunction", localAddr: "<undefined>", pattern: "/ctx_config", data: "<undefined>", }); });});
Deno.test("Expose config in ctx", async () => { await withFakeServe("./tests/fixture/main.ts", async (server) => { const doc = await server.getHtml(`/ctx_config_props`); const data = JSON.parse(doc.querySelector("pre")?.textContent!); assertEquals(data, { config: { basePath: "", build: { outDir: "tests/fixture/_fresh", target: [ "chrome99", "firefox99", "safari15", ], }, dev: false, plugins: [], render: "Function", router: "<undefined>", server: {}, staticDir: "tests/fixture/static", }, Component: "Function", params: {}, route: "/ctx_config_props", state: { root: "root_mw", }, url: "https://127.0.0.1/ctx_config_props", basePath: "", codeFrame: "<undefined>", destination: "route", error: "<undefined>", isPartial: false, remoteAddr: { hostname: "127.0.0.1", port: 80, transport: "tcp", }, localAddr: "<undefined>", pattern: "/ctx_config_props", data: "<undefined>", }); });});
Deno.test("empty string fallback for optional params", async () => { await withFakeServe("./tests/fixture/main.ts", async (server) => { const doc = await server.getHtml(`/std/foo`); const data = JSON.parse(doc.querySelector("pre")?.textContent!); assertEquals(data, { path: "foo", version: "" }); });});
// See https://github.com/denoland/fresh/issues/2254Deno.test("should not be able to override __FRSH_STATE", async () => { await withPageName("./tests/fixture/main.ts", async (page, address) => { let didError = false; page.on("pageerror", (ev) => { didError = true; console.log(ev); }); await page.goto(`${address}/spoof_state`); await page.waitForSelector(".raw_ready");
assert(!didError); });});