cat-shark/lpt-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test: add playwright config and e2e tests

Browse Source
This commit is contained in:
cat_shark
2026-05-27 23:28:44 +08:00
parent 13846a0b61
commit 88ec132579
8 changed files with 515 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/navigation.spec.ts
+64
View File
@@ -0,0 +1,64 @@
import { test, expect } from '@playwright/test';
const mockTasks = { code: 200, data: { records: [] } };
const mockFeed = { code: 200, data: [] };
test.describe('Header navigation', () => {
test('shows brand title on login page', async ({ page }) => {
await page.goto('/login');
await expect(page.locator('.login-page')).toBeVisible({ timeout: 10_000 });
await expect(page.locator('.login-panel h1')).toBeVisible();
});
test('shows logout button on authenticated pages', async ({ page }) => {
await page.route('**/api/review/feed**', (route) =>
route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(mockFeed) }),
);
await page.goto('/login');
await page.evaluate(() => localStorage.setItem('isLoggedIn', 'true'));
await page.goto('/welcome');
await page.waitForSelector('.welcome-page', { timeout: 10_000 });
await expect(page.locator('.head .logout-btn')).toBeVisible();
});
test('logout clears auth and redirects to /login', async ({ page }) => {
await page.route('**/api/review/feed**', (route) =>
route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(mockFeed) }),
);
await page.goto('/login');
await page.evaluate(() => localStorage.setItem('isLoggedIn', 'true'));
await page.goto('/welcome');
await page.waitForSelector('.welcome-page', { timeout: 10_000 });
await page.locator('.head .logout-btn').click();
await expect(page).toHaveURL(/\/login/, { timeout: 5000 });
const isLoggedIn = await page.evaluate(() => localStorage.getItem('isLoggedIn'));
expect(isLoggedIn).toBeNull();
});
test('back button shows on sub-pages and navigates to /welcome', async ({ page }) => {
await page.route('**/api/tasks**', (route) =>
route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(mockTasks) }),
);
await page.route('**/api/review/feed**', (route) =>
route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(mockFeed) }),
);
await page.goto('/login');
await page.evaluate(() => localStorage.setItem('isLoggedIn', 'true'));
await page.goto('/study');
await page.waitForSelector('.study-page', { timeout: 10_000 });
await expect(page.locator('.head .back-btn')).toBeVisible();
await page.locator('.head .back-btn').click();
await expect(page).toHaveURL(/\/welcome/);
});
test('no back button on welcome page', async ({ page }) => {
await page.route('**/api/review/feed**', (route) =>
route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(mockFeed) }),
);
await page.goto('/login');
await page.evaluate(() => localStorage.setItem('isLoggedIn', 'true'));
await page.goto('/welcome');
await page.waitForSelector('.welcome-page', { timeout: 10_000 });
await expect(page.locator('.head .back-btn')).not.toBeVisible();
});
});