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.
3.3 kB · 109 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110import { expect } from "@std/expect";import { describe, it } from "@std/testing/bdd";import { renderToStaticMarkup } from "react-dom/server";
import { ChangesTable, buildAuditLogChangeRows, formatValue,} from "./changes-table";
describe("formatValue", () => { for (const [label, value, expected] of [ ["null", null, "—"], ["undefined", undefined, "—"], ["empty string", "", "—"], ["empty array", [], "—"], ["string", "hello", "hello"], ["zero", 0, "0"], ["false", false, "false"], ["date", new Date("2024-01-02T03:04:05Z"), "2024-01-02T03:04:05.000Z"], ["array", [1, 2], "[1,2]"], ["object", { a: 1 }, '{"a":1}'], ] as const) { it(`formats ${label}`, () => { expect(formatValue(value)).toBe(expected); }); }});
describe("buildAuditLogChangeRows", () => { it("uses changedFields for an update and hides bookkeeping fields", () => { expect( buildAuditLogChangeRows({ before: { name: "old", url: "a", updatedAt: 1 }, after: { name: "new", url: "a", updatedAt: 2 }, changedFields: ["name", "updatedAt"], }), ).toEqual([{ field: "name", before: "old", after: "new" }]); });
it("returns nothing for an update without changedFields", () => { expect( buildAuditLogChangeRows({ before: { name: "a" }, after: { name: "b" }, changedFields: null, }), ).toEqual([]); });
it("lists the created fields for a create", () => { expect( buildAuditLogChangeRows({ before: null, after: { name: "x", workspaceId: 1, createdAt: 0 }, changedFields: null, }), ).toEqual([{ field: "name", after: "x" }]); });
it("lists the removed fields for a delete", () => { const rows = buildAuditLogChangeRows({ before: { name: "x", deletedAt: 0 }, after: undefined, changedFields: undefined, }); expect(rows).toEqual([{ field: "name", before: "x" }]); expect("after" in rows[0]).toBe(false); });
it("returns nothing without before or after", () => { expect( buildAuditLogChangeRows({ before: null, after: null, changedFields: [] }), ).toEqual([]); });});
describe("ChangesTable", () => { it("renders nothing for no changes", () => { expect(renderToStaticMarkup(<ChangesTable changes={[]} />)).toBe(""); });
it("renders a removed and an added line for an update", () => { const html = renderToStaticMarkup( <ChangesTable changes={[{ field: "name", before: "old", after: "new" }]} />, ); expect(html).toContain("name"); expect(html).toMatch(/data-kind="removed".*old.*data-kind="added".*new/); });
it("renders only an added line for a create", () => { const html = renderToStaticMarkup( <ChangesTable changes={[{ field: "name", after: "new" }]} />, ); expect(html).toContain('data-kind="added"'); expect(html).not.toContain('data-kind="removed"'); });
it("distinguishes an explicit null from an absent value", () => { const html = renderToStaticMarkup( <ChangesTable changes={[{ field: "description", before: null }]} />, ); expect(html).toContain('data-kind="removed"'); expect(html).toContain("—"); expect(html).not.toContain('data-kind="added"'); });});