rename web/ to admin/, along with the web-named build and cli identifiers
This commit is contained in:
@@ -0,0 +1,29 @@
|
||||
import { fireEvent, render, screen } from "@testing-library/react";
|
||||
import * as stylex from "@stylexjs/stylex";
|
||||
import { ApiError } from "@/lib/api";
|
||||
import { styles as shared } from "@/ui/styles";
|
||||
import InlineError from "./InlineError";
|
||||
|
||||
test("no retry button without onRetry", () => {
|
||||
render(<InlineError error={new ApiError(409, "already exists")} />);
|
||||
expect(screen.getByRole("alert").textContent).toBe("already exists");
|
||||
expect(screen.queryByRole("button", { name: "Retry" })).toBeNull();
|
||||
});
|
||||
|
||||
test("onRetry renders a focusable retry button that calls back", () => {
|
||||
const onRetry = vi.fn();
|
||||
render(<InlineError error={new ApiError(500, "internal")} onRetry={onRetry} />);
|
||||
|
||||
const button = screen.getByRole("button", { name: "Retry" });
|
||||
// The accessibility floor: StyleX compiles the ring to opaque class names, so
|
||||
// the check is that every class `focusRing` produces landed on the button.
|
||||
const ring = (stylex.props(shared.focusRing).className ?? "").split(" ");
|
||||
expect(button.className.split(" ")).toEqual(expect.arrayContaining(ring));
|
||||
fireEvent.click(button);
|
||||
expect(onRetry).toHaveBeenCalledTimes(1);
|
||||
});
|
||||
|
||||
test("a null error renders nothing even with onRetry", () => {
|
||||
const { container } = render(<InlineError error={null} onRetry={() => undefined} />);
|
||||
expect(container.innerHTML).toBe("");
|
||||
});
|
||||
Reference in New Issue
Block a user