mirror of
https://github.com/Studio-Saelix/sencho.git
synced 2026-07-27 04:11:01 +00:00
SaelixCode
f7471a1a18
- Fix rate limiter to allow 100 attempts in dev mode so E2E tests are not blocked by failed-login attempts during test development - Simplify logout button selector to use Lucide icon class (lucide-log-out) instead of the fragile Tooltip-content locator chain that broke on navigation - Rewrite stacks E2E spec: use waitForFunction to wait for sidebar to load, delete leftover stacks via browser-context fetch before creating, and use page.reload() to get a clean sidebar state - Fix AlertDialogContent: remove asChild+motion.div pattern that triggered a React.Children.only crash — Radix AlertDialog.Content injects a second DescriptionWarning child internally, breaking Slot when asChild=true; replace with CSS keyframe animations (data-[state=open]:animate-in) - Fix final assertion in delete test to use exact text + listbox scope to avoid false positives from similarly-named stacks like e2e-test-stack-* - All 6 E2E tests pass (4 auth + 2 stacks); node tests skip gracefully
59 lines
2.2 KiB
TypeScript
59 lines
2.2 KiB
TypeScript
/**
|
|
* Authentication E2E tests.
|
|
* Tests login, logout, and unauthenticated redirect.
|
|
*/
|
|
import { test, expect } from '@playwright/test';
|
|
import { loginAs, isDashboard, TEST_USERNAME, TEST_PASSWORD } from './helpers';
|
|
|
|
test.describe('Authentication', () => {
|
|
test('login with valid credentials shows the dashboard', async ({ page }) => {
|
|
await loginAs(page, TEST_USERNAME, TEST_PASSWORD);
|
|
expect(await isDashboard(page)).toBe(true);
|
|
// URL should not be on a login page
|
|
expect(page.url()).not.toMatch(/login/i);
|
|
});
|
|
|
|
test('login with wrong password shows an error', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForTimeout(500);
|
|
|
|
// Skip if already logged in
|
|
if (await isDashboard(page)) {
|
|
await page.context().clearCookies();
|
|
await page.reload();
|
|
await page.waitForTimeout(500);
|
|
}
|
|
|
|
await page.locator('#username').fill(TEST_USERNAME);
|
|
await page.locator('#password').fill('definitely-wrong-password-xyz');
|
|
await page.locator('button:has-text("Login"), button:has-text("Sign in")').first().click();
|
|
|
|
// Should show error message, not navigate to dashboard
|
|
await expect(page.locator('text=/invalid|incorrect|wrong|failed/i')).toBeVisible({ timeout: 5_000 });
|
|
expect(await isDashboard(page)).toBe(false);
|
|
});
|
|
|
|
test('visiting the app without auth redirects to login', async ({ page }) => {
|
|
await page.context().clearCookies();
|
|
await page.goto('/');
|
|
await page.waitForTimeout(1_000);
|
|
|
|
// Should be on login or setup, not dashboard
|
|
expect(await isDashboard(page)).toBe(false);
|
|
// Login button or setup form should be visible
|
|
const loginOrSetup = await page.locator(
|
|
'button:has-text("Login"), button:has-text("Sign in"), button[type="submit"]'
|
|
).first().isVisible();
|
|
expect(loginOrSetup).toBe(true);
|
|
});
|
|
|
|
test('logout returns to the login screen', async ({ page }) => {
|
|
await loginAs(page);
|
|
// The logout button renders a Lucide LogOut icon — Lucide adds a CSS class matching the icon name
|
|
const logoutBtn = page.locator('button:has(.lucide-log-out)');
|
|
await logoutBtn.click();
|
|
await page.waitForTimeout(1_000);
|
|
expect(await isDashboard(page)).toBe(false);
|
|
});
|
|
});
|