409e18d70a
- Add ApprovalNotificationBanner component and integrate it in App task flow - Define approval trigger contract and persist banner dismissal state across refreshes - Deduplicate approval notifications so repeated approvals do not re-show dismissed alerts - Add App/banner tests and update dashboard docs for approval banner behavior Fusion-Task-Id: FN-3551
27 lines
861 B
TypeScript
27 lines
861 B
TypeScript
import { describe, it, expect, vi } from "vitest";
|
|
import { fireEvent, render, screen } from "@testing-library/react";
|
|
import { ApprovalNotificationBanner } from "../ApprovalNotificationBanner";
|
|
|
|
describe("ApprovalNotificationBanner", () => {
|
|
it("renders count and handles actions", () => {
|
|
const onOpenMailbox = vi.fn();
|
|
const onDismiss = vi.fn();
|
|
|
|
render(
|
|
<ApprovalNotificationBanner
|
|
pendingCount={2}
|
|
onOpenMailbox={onOpenMailbox}
|
|
onDismiss={onDismiss}
|
|
/>,
|
|
);
|
|
|
|
expect(screen.getByText("2 approval requests need your attention")).toBeInTheDocument();
|
|
|
|
fireEvent.click(screen.getByText("Open Mailbox"));
|
|
expect(onOpenMailbox).toHaveBeenCalledTimes(1);
|
|
|
|
fireEvent.click(screen.getByLabelText("Dismiss approval notification banner"));
|
|
expect(onDismiss).toHaveBeenCalledTimes(1);
|
|
});
|
|
});
|