|
| 1 | +import { test, expect } from "@playwright/test"; |
| 2 | + |
| 3 | +import { UNSAFE_ServerMode as ServerMode } from "react-router"; |
| 4 | +import { createFixture, js } from "./helpers/create-fixture.js"; |
| 5 | +import type { Fixture } from "./helpers/create-fixture.js"; |
| 6 | + |
| 7 | +test.describe("HTTP behavior", () => { |
| 8 | + let appFixture: Fixture; |
| 9 | + |
| 10 | + test.beforeAll(async () => { |
| 11 | + appFixture = await createFixture({ |
| 12 | + files: { |
| 13 | + "app/root.tsx": js` |
| 14 | + import { Links, Meta, Outlet, Scripts } from "react-router"; |
| 15 | +
|
| 16 | + export default function Root() { |
| 17 | + return ( |
| 18 | + <html lang="en"> |
| 19 | + <head> |
| 20 | + <Meta /> |
| 21 | + <Links /> |
| 22 | + </head> |
| 23 | + <body> |
| 24 | + <Outlet /> |
| 25 | + <Scripts /> |
| 26 | + </body> |
| 27 | + </html> |
| 28 | + ); |
| 29 | + } |
| 30 | + `, |
| 31 | + |
| 32 | + "app/routes/_index.tsx": js` |
| 33 | + import { data } from "react-router"; |
| 34 | +
|
| 35 | + export function loader() { |
| 36 | + return data("INDEX", { status: 202 }) |
| 37 | + } |
| 38 | +
|
| 39 | + export default function Index() { |
| 40 | + return <div>Heyo!</div> |
| 41 | + } |
| 42 | + `, |
| 43 | + |
| 44 | + "app/routes/resource.tsx": js` |
| 45 | + export function loader() { |
| 46 | + return new Response("RESOURCE", { status: 202 }) |
| 47 | + } |
| 48 | + `, |
| 49 | + }, |
| 50 | + }); |
| 51 | + }); |
| 52 | + |
| 53 | + test("includes body on GET request", async () => { |
| 54 | + let response = await appFixture.requestDocument("/"); |
| 55 | + expect(response.status).toBe(202); |
| 56 | + expect(await response.text()).toContain("<div>Heyo!</div>"); |
| 57 | + |
| 58 | + response = await appFixture.requestResource("/resource"); |
| 59 | + expect(response.status).toBe(202); |
| 60 | + expect(await response.text()).toBe("RESOURCE"); |
| 61 | + |
| 62 | + let singleFetchResponse = |
| 63 | + await appFixture.requestSingleFetchData("/_root.data"); |
| 64 | + expect(response.status).toBe(202); |
| 65 | + expect(singleFetchResponse.data).toEqual({ |
| 66 | + "routes/_index": { data: "INDEX" }, |
| 67 | + }); |
| 68 | + }); |
| 69 | + |
| 70 | + test("does not include body on HEAD request", async () => { |
| 71 | + let response = await appFixture.requestDocument("/", { method: "HEAD" }); |
| 72 | + expect(response.status).toBe(202); |
| 73 | + expect(response.body).toBe(null); |
| 74 | + |
| 75 | + response = await appFixture.requestResource("/resource", { |
| 76 | + method: "HEAD", |
| 77 | + }); |
| 78 | + expect(response.status).toBe(202); |
| 79 | + expect(response.body).toBe(null); |
| 80 | + |
| 81 | + let singleFetchResponse = await appFixture.requestSingleFetchData( |
| 82 | + "/_root.data", |
| 83 | + { method: "HEAD" }, |
| 84 | + ); |
| 85 | + expect(response.status).toBe(202); |
| 86 | + expect(singleFetchResponse.data).toBe(null); |
| 87 | + }); |
| 88 | +}); |
0 commit comments