Release Log Tools v0.1.0

tests/components/app.test.tsx

@@ -0,0 +1,61 @@
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { App } from "../../src/App";
+
+class StreamingTestBlob {
+  readonly size: number;
+  private readonly bytes: Uint8Array;
+  constructor(parts: readonly unknown[] = []) {
+    this.bytes = new TextEncoder().encode(parts.map(String).join(""));
+    this.size = this.bytes.byteLength;
+  }
+  stream(): ReadableStream<Uint8Array> {
+    const bytes = this.bytes;
+    let done = false;
+    return new ReadableStream<Uint8Array>({
+      pull(controller) {
+        if (done) controller.close();
+        else {
+          done = true;
+          controller.enqueue(bytes);
+        }
+      },
+    });
+  }
+}
+
+describe("Log Tools", () => {
+  it("streams the sample and exposes correlation and redaction views", async () => {
+    vi.stubGlobal("Blob", StreamingTestBlob as unknown as typeof Blob);
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(async () => new Response("Not found", { status: 404 })),
+    );
+    render(<App />);
+    expect(
+      await screen.findByRole("heading", { name: "Log Tools" }),
+    ).toBeVisible();
+    await screen.findByRole(
+      "button",
+      { name: "Scan pasted log" },
+      { timeout: 15_000 },
+    );
+    await userEvent.click(
+      screen.getByRole("button", { name: "Scan pasted log" }),
+    );
+    expect(
+      await screen.findByText(/Completed 4 lines with JSON Lines/u, undefined, {
+        timeout: 10_000,
+      }),
+    ).toBeVisible();
+    expect(
+      screen.getByText("JSON Lines", { selector: ".metrics strong" }),
+    ).toBeVisible();
+    await userEvent.click(screen.getByRole("tab", { name: "Redaction" }));
+    expect(screen.getByText("Deterministic recipes")).toBeVisible();
+    expect(screen.getByLabelText("Redacted preview")).not.toHaveTextContent(
+      "ada@example.test",
+    );
+  }, 30_000);
+});