jason.woltjeandClaude Opus 4.6
444fa1116a
BetterAuth defaulted basePath to /api/auth but NestJS controller routes
to /auth/* (no global prefix). The auth client also pointed at the web
frontend origin instead of the API server, and LoginButton used a
nonexistent GET /auth/signin/authentik endpoint.
- Set basePath: "/auth" in BetterAuth server config
- Point auth client baseURL to API_BASE_URL with matching basePath
- Add genericOAuthClient plugin to auth client
- Use signIn.oauth2({ providerId: "authentik" }) in LoginButton
Co-Authored-By: Claude Opus 4.6 <[email protected]>
46 lines
1.2 KiB
TypeScript
46 lines
1.2 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 { LoginButton } from "./LoginButton";
|
|
|
|
const { mockOAuth2 } = vi.hoisted(() => ({
|
|
mockOAuth2: vi.fn(),
|
|
}));
|
|
|
|
vi.mock("@/lib/auth-client", () => ({
|
|
signIn: {
|
|
oauth2: mockOAuth2,
|
|
},
|
|
}));
|
|
|
|
describe("LoginButton", (): void => {
|
|
beforeEach((): void => {
|
|
mockOAuth2.mockClear();
|
|
});
|
|
|
|
it("should render sign in button", (): void => {
|
|
render(<LoginButton />);
|
|
const button = screen.getByRole("button", { name: /sign in/i });
|
|
expect(button).toBeInTheDocument();
|
|
});
|
|
|
|
it("should initiate OAuth2 sign-in on click", async (): Promise<void> => {
|
|
const user = userEvent.setup();
|
|
render(<LoginButton />);
|
|
|
|
const button = screen.getByRole("button", { name: /sign in/i });
|
|
await user.click(button);
|
|
|
|
expect(mockOAuth2).toHaveBeenCalledWith({
|
|
providerId: "authentik",
|
|
callbackURL: "/",
|
|
});
|
|
});
|
|
|
|
it("should have proper styling", (): void => {
|
|
render(<LoginButton />);
|
|
const button = screen.getByRole("button", { name: /sign in/i });
|
|
expect(button).toHaveClass("w-full");
|
|
});
|
|
});
|