@etsoo/toolpad/build/mjs/Account/Account.test.js

Dashboard framework extention based on Toolpad Core

import { jsx as _jsx } from "react/jsx-runtime";
import { describe, test, expect, vi } from "vitest";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { Account } from "./Account";
import describeConformance from "../utils/describeConformance";
import { AppProvider } from "../AppProvider/AppProviderComponent";
describe("AppProvider", () => {
    describeConformance(_jsx(Account, {}), () => ({
        skip: ["themeDefaultProps"]
    }));
    test("renders nothing in button when no authentication", async () => {
        render(_jsx(Account, {}));
        expect(screen.queryByRole("button")).not.toBeInTheDocument();
    });
    test("renders log in button when no session", async () => {
        const auth = { signIn: vi.fn(), signOut: vi.fn() };
        render(_jsx(AppProvider, { authentication: auth, children: _jsx(Account, {}) }));
        const loginButton = screen.getByRole("button", { name: "Sign In" });
        await userEvent.click(loginButton);
        expect(auth.signIn).toHaveBeenCalled();
    });
    test("renders content correctly when there is a session", async () => {
        const auth = { signIn: vi.fn(), signOut: vi.fn() };
        const session = { user: { name: "John Doe", email: "john@example.com" } };
        render(_jsx(AppProvider, { authentication: auth, session: session, children: _jsx(Account, {}) }));
        const userButton = screen.getByRole("button", { name: "Current User" });
        await userEvent.click(userButton);
        expect(screen.getByText("John Doe")).toBeInTheDocument();
        expect(screen.getByText("john@example.com")).toBeInTheDocument();
        const signOutButton = screen.getByRole("button", { name: "Sign Out" });
        await userEvent.click(signOutButton);
        expect(auth.signOut).toHaveBeenCalled();
    });
});