adam/shoc-frontend-new
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/shoc-frontend-new.git synced 2026-10-07 12:49:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

test(auth): align login tests with disabled submit behavior

Browse source
This commit is contained in:
Arthur Bassi 2026-06-18 10:06:50 -03:00
parent 9a3b49f6e2
commit b6ac72147e
2 changed files with 24 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
e2e/auth/login.spec.ts
View file

@ -44,13 +44,19 @@ test.describe("Login page", () => {
await expect(page.getByRole("button", { name: "Sign In" })).toBeVisible(); await expect(page.getByRole("button", { name: "Sign In" })).toBeVisible();
}); });
test("shows client-side validation errors on empty submit", async ({ page }) => { test("disables submit until email and password are valid", async ({ page }) => {
await page.goto("/login"); await page.goto("/login");
await page.getByRole("button", { name: "Sign In" }).click(); const submitButton = page.getByRole("button", { name: "Sign In" });
await expect(page.getByText("Email is required")).toBeVisible(); await expect(submitButton).toBeDisabled();
await expect(page.getByText("Password is required")).toBeVisible();
await page.locator("#login-email").fill("not-an-email");
await page.locator("#login-password").fill("secret123");
await expect(submitButton).toBeDisabled();
await page.locator("#login-email").fill("user@seahavenind.com");
await expect(submitButton).toBeEnabled();
}); });
test("shows error message for invalid credentials", async ({ page }) => { test("shows error message for invalid credentials", async ({ page }) => {

22
src/test/app/(auth)/login.integration.test.tsx
View file

@ -52,7 +52,7 @@ describe("LoginPage integration", () => {
vi.mocked(authApi.getSession).mockResolvedValue(null); vi.mocked(authApi.getSession).mockResolvedValue(null);
}); });
it("shows validation errors on empty submit", async () => { it("keeps submit disabled until email and password are valid", async () => {
renderWithProviders(<LoginRoutes />, { route: "/login" }); renderWithProviders(<LoginRoutes />, { route: "/login" });
await waitFor(() => { await waitFor(() => {
@ -61,14 +61,20 @@ describe("LoginPage integration", () => {
const form = document.querySelector("form"); const form = document.querySelector("form");
expect(form).not.toBeNull(); expect(form).not.toBeNull();
await userEvent.click(within(form!).getByRole("button", { name: /sign in/i }));
await waitFor(() => { const submitButton = within(form!).getByRole("button", { name: /sign in/i });
expect(screen.getByText("Email is required")).toBeInTheDocument(); const emailInput = within(form!).getByLabelText("Email");
}); const passwordInput = within(form!).getByLabelText("Password");
expect(screen.getByText("Password is required")).toBeInTheDocument();
expect(screen.getByRole("heading", { name: "Welcome back" })).toBeInTheDocument(); expect(submitButton).toBeDisabled();
expect(authApi.login).not.toHaveBeenCalled();
await userEvent.type(emailInput, "not-an-email");
await userEvent.type(passwordInput, "secret123");
expect(submitButton).toBeDisabled();
await userEvent.clear(emailInput);
await userEvent.type(emailInput, "user@seahavenind.com");
expect(submitButton).toBeEnabled();
}); });
it("logs in successfully and navigates to dashboard", async () => { it("logs in successfully and navigates to dashboard", async () => {