55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
import { describe, it, expect, vi, beforeEach } from "vitest";
|
|
import { render, screen } from "@testing-library/react";
|
|
import userEvent from "@testing-library/user-event";
|
|
import HomeView from "../components/HomeView";
|
|
|
|
// État minimal du store pour que HomeView ne plante pas
|
|
const baseStoreState = {
|
|
guides: [],
|
|
profiles: [],
|
|
activeProfileId: null,
|
|
syncing: false,
|
|
openGuide: vi.fn(),
|
|
};
|
|
|
|
vi.mock("../store", () => ({
|
|
useStore: vi.fn((selector?: (s: unknown) => unknown) => {
|
|
return typeof selector === "function"
|
|
? selector(baseStoreState)
|
|
: baseStoreState;
|
|
}),
|
|
}));
|
|
|
|
describe("HomeView", () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks();
|
|
});
|
|
|
|
it('ne montre pas la bannière "Première utilisation" sans needsSync', () => {
|
|
render(<HomeView />);
|
|
expect(screen.queryByText("Première utilisation")).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('affiche la bannière "Première utilisation" quand needsSync est true', () => {
|
|
render(<HomeView needsSync={true} />);
|
|
expect(screen.getByText("Première utilisation")).toBeInTheDocument();
|
|
});
|
|
|
|
it('affiche le bouton "Synchroniser les guides" quand needsSync est true', () => {
|
|
render(<HomeView needsSync={true} onSync={vi.fn()} />);
|
|
expect(
|
|
screen.getByRole("button", { name: /Synchroniser les guides/i })
|
|
).toBeInTheDocument();
|
|
});
|
|
|
|
it("appelle onSync au clic sur le bouton de synchronisation", async () => {
|
|
const user = userEvent.setup();
|
|
const onSync = vi.fn();
|
|
render(<HomeView needsSync={true} onSync={onSync} />);
|
|
|
|
await user.click(screen.getByRole("button", { name: /Synchroniser les guides/i }));
|
|
|
|
expect(onSync).toHaveBeenCalledOnce();
|
|
});
|
|
});
|