Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
1.2 kB · 40 lines
TypeScript
1234567891011121314151617181920212223242526272829303132333435363738394041import { expect } from "@std/expect";import { describe, test } from "@std/testing/bdd";import { renderToStaticMarkup } from "react-dom/server";
import { Details } from "./details";
const render = (props: Parameters<typeof Details>[0]) => renderToStaticMarkup(Details(props));
describe("Details", () => { test("renders a plain summary by default", () => { expect(render({ summary: "What is openstatus?", children: "A" })).toBe( '<details id="what-is-openstatus"><summary>What is openstatus?</summary>A</details>', ); });
test("renders the summary as a heading when asked", () => { const html = render({ summary: "What is openstatus?", children: "A", headingLevel: 3, }); expect(html).toContain("<summary><h3>What is openstatus?</h3></summary>"); });
test("keeps the anchor id stable across both forms", () => { const plain = render({ summary: "Do you offer annual billing?", children: "A", }); const heading = render({ summary: "Do you offer annual billing?", children: "A", headingLevel: 3, }); const id = 'id="do-you-offer-annual-billing"'; expect(plain).toContain(id); expect(heading).toContain(id); });});