70 lines
2.2 KiB
TypeScript
70 lines
2.2 KiB
TypeScript
import { fireEvent, render, screen } from "@testing-library/react";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import { loadMemoEditor } from "@/components/MemoEditor/loader";
|
|
import { GlobalMemoEditorProvider, useGlobalMemoEditor } from "@/contexts/GlobalMemoEditorContext";
|
|
|
|
const authState = vi.hoisted(() => ({
|
|
currentUser: undefined as { name: string } | undefined,
|
|
}));
|
|
|
|
vi.mock("@/components/MemoEditor/loader", () => ({
|
|
loadMemoEditor: vi.fn(async () => ({
|
|
default: ({ initialFocusMode, onFocusModeExit }: { initialFocusMode?: boolean; onFocusModeExit?: () => void }) => (
|
|
<div data-testid="global-editor" data-focus-mode={initialFocusMode}>
|
|
<button type="button" onClick={onFocusModeExit}>
|
|
Exit focus mode
|
|
</button>
|
|
</div>
|
|
),
|
|
})),
|
|
}));
|
|
|
|
vi.mock("@/hooks/useCurrentUser", () => ({
|
|
default: () => authState.currentUser,
|
|
}));
|
|
|
|
vi.mock("@/utils/i18n", () => ({ useTranslate: () => (key: string) => key }));
|
|
|
|
function Trigger() {
|
|
const { openEditor } = useGlobalMemoEditor();
|
|
return (
|
|
<button type="button" onClick={openEditor}>
|
|
Open editor
|
|
</button>
|
|
);
|
|
}
|
|
|
|
describe("GlobalMemoEditorProvider", () => {
|
|
it("opens the shared editor in focus mode and closes when focus mode exits", async () => {
|
|
authState.currentUser = { name: "users/test" };
|
|
|
|
render(
|
|
<GlobalMemoEditorProvider>
|
|
<Trigger />
|
|
</GlobalMemoEditorProvider>,
|
|
);
|
|
|
|
fireEvent.click(screen.getByRole("button", { name: "Open editor" }));
|
|
|
|
const editor = await screen.findByTestId("global-editor");
|
|
expect(editor).toHaveAttribute("data-focus-mode", "true");
|
|
|
|
fireEvent.click(screen.getByRole("button", { name: "Exit focus mode" }));
|
|
expect(screen.queryByTestId("global-editor")).not.toBeInTheDocument();
|
|
});
|
|
|
|
it("does not load or open the editor for an unauthenticated user", () => {
|
|
authState.currentUser = undefined;
|
|
|
|
render(
|
|
<GlobalMemoEditorProvider>
|
|
<Trigger />
|
|
</GlobalMemoEditorProvider>,
|
|
);
|
|
|
|
fireEvent.click(screen.getByRole("button", { name: "Open editor" }));
|
|
|
|
expect(loadMemoEditor).not.toHaveBeenCalled();
|
|
expect(screen.queryByTestId("global-editor")).not.toBeInTheDocument();
|
|
});
|
|
});
|