shancheas
67e1e0a74f
- Added Playwright for end-to-end testing in the `apps/web` module, including a new `login.spec.ts` for testing login functionality. - Updated package.json to include Playwright dependencies and new test commands for E2E testing. - Enhanced .gitignore to exclude Playwright test results and reports. - Modified existing documentation to reflect the integration of Playwright and updated testing guidelines. - Refactored test commands to streamline the testing process, including a dedicated command for E2E tests. These changes improve the testing framework by providing robust E2E testing capabilities, enhancing the reliability and quality of the application.
41 lines
1.7 KiB
TypeScript
41 lines
1.7 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
import { E2E_LOGIN } from './fixtures/credentials';
|
|
import { mockBackend } from './fixtures/mock-api';
|
|
|
|
test.describe('login', () => {
|
|
test('renders the login form', async ({ page }) => {
|
|
await mockBackend(page);
|
|
await page.goto('/auth/login');
|
|
|
|
await expect(page.getByRole('heading', { name: 'Login to your account!' })).toBeVisible();
|
|
await expect(page.getByLabel('Username')).toBeVisible();
|
|
await expect(page.getByLabel('Password')).toBeVisible();
|
|
await expect(page.getByRole('button', { name: 'Login' })).toBeVisible();
|
|
});
|
|
|
|
test('signs in with valid credentials and lands in the app', async ({ page }) => {
|
|
await mockBackend(page, 'success');
|
|
await page.goto('/auth/login');
|
|
|
|
await page.getByLabel('Username').fill(E2E_LOGIN.username);
|
|
await page.getByLabel('Password').fill(E2E_LOGIN.password);
|
|
await page.getByRole('button', { name: 'Login' }).click();
|
|
|
|
await expect(page).toHaveURL(/\/app(\/|$)/);
|
|
await expect(page.getByRole('heading', { name: 'Full Page' })).toBeVisible();
|
|
});
|
|
|
|
test('shows an error and stays on login when credentials are rejected', async ({ page }) => {
|
|
await mockBackend(page, 'unauthorized');
|
|
await page.goto('/auth/login');
|
|
|
|
await page.getByLabel('Username').fill(E2E_LOGIN.username);
|
|
await page.getByLabel('Password').fill(E2E_LOGIN.password);
|
|
await page.getByRole('button', { name: 'Login' }).click();
|
|
|
|
await expect(page.getByText('Invalid username or password')).toBeVisible();
|
|
await expect(page).toHaveURL(/\/auth\/login/);
|
|
await expect(page.getByRole('heading', { name: 'Login to your account!' })).toBeVisible();
|
|
});
|
|
});
|