mirror of
https://github.com/paperclipai/paperclip.git
synced 2026-10-19 01:46:15 +02:00
DottaandPaperclip
b315580640
Add private task creation and sharing controls, effective access explanations, private project management, and locked task references. Constrain the mobile composer plus menu to the viewport and explain named inherited privacy on hover, focus, or tap. Include 125 production-component Storybook stories and thirteen interactive user journeys. Final head passes all CI checks and Greptile Apex 5/5 with no findings. Co-Authored-By: Paperclip <noreply@paperclip.ing>
76 lines
2.8 KiB
TypeScript
76 lines
2.8 KiB
TypeScript
// @vitest-environment jsdom
|
|
|
|
import { flushSync } from "react-dom";
|
|
import { createRoot, type Root } from "react-dom/client";
|
|
import { afterEach, beforeEach, describe, expect, it } from "vitest";
|
|
import { LockedIssueChip, isLockedIssueStub } from "./LockedIssueChip";
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true;
|
|
|
|
function act(callback: () => void) {
|
|
flushSync(callback);
|
|
}
|
|
|
|
describe("LockedIssueChip", () => {
|
|
let container: HTMLDivElement;
|
|
let root: Root | null;
|
|
|
|
beforeEach(() => {
|
|
container = document.createElement("div");
|
|
document.body.appendChild(container);
|
|
root = null;
|
|
});
|
|
|
|
afterEach(() => {
|
|
if (root) act(() => root?.unmount());
|
|
container.remove();
|
|
});
|
|
|
|
function renderChip(node: React.ReactNode) {
|
|
root = createRoot(container);
|
|
act(() => root!.render(node));
|
|
}
|
|
|
|
it("shows the identifier and a lock icon, never a title, and is not a link", () => {
|
|
renderChip(<LockedIssueChip identifier="PAP-1234" />);
|
|
const chip = container.querySelector('[data-testid="locked-issue-chip"]');
|
|
expect(chip).not.toBeNull();
|
|
expect(chip?.tagName).toBe("SPAN");
|
|
expect(container.querySelector("a")).toBeNull();
|
|
expect(chip?.querySelector("svg")).not.toBeNull();
|
|
expect(chip?.textContent).toContain("PAP-1234");
|
|
expect(chip?.getAttribute("aria-label")).toContain("private");
|
|
});
|
|
|
|
it("does not claim a missing or forbidden Markdown target is private", () => {
|
|
renderChip(<LockedIssueChip identifier="PAP-404" unavailable />);
|
|
const chip = container.querySelector('[data-testid="locked-issue-chip"]');
|
|
expect(chip?.getAttribute("aria-label")).toContain("unavailable");
|
|
expect(chip?.getAttribute("aria-label")).not.toContain("private");
|
|
});
|
|
|
|
it("falls back to a neutral Private label when the identifier is withheld", () => {
|
|
renderChip(<LockedIssueChip identifier={null} />);
|
|
const chip = container.querySelector('[data-testid="locked-issue-chip"]');
|
|
expect(chip?.textContent).toContain("Private");
|
|
});
|
|
|
|
it("uses a dashed, muted border (design-token classes)", () => {
|
|
renderChip(<LockedIssueChip identifier="PAP-9" />);
|
|
const chip = container.querySelector('[data-testid="locked-issue-chip"]');
|
|
expect(chip?.className).toContain("border-dashed");
|
|
expect(chip?.className).toContain("text-muted-foreground");
|
|
});
|
|
});
|
|
|
|
describe("isLockedIssueStub", () => {
|
|
it("recognizes only objects with locked === true", () => {
|
|
expect(isLockedIssueStub({ id: "x", identifier: "PAP-1", locked: true })).toBe(true);
|
|
expect(isLockedIssueStub({ id: "x", identifier: "PAP-1", title: "t", status: "todo" })).toBe(false);
|
|
expect(isLockedIssueStub({ locked: false })).toBe(false);
|
|
expect(isLockedIssueStub(null)).toBe(false);
|
|
expect(isLockedIssueStub(undefined)).toBe(false);
|
|
});
|
|
});
|