张翔
93 lines
3.5 KiB
TypeScript
93 lines
3.5 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('登录功能Mock测试', () => {
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('http://localhost:5173/login');
|
|
await page.waitForLoadState('networkidle');
|
|
});
|
|
|
|
test('登录页面 - 应正确显示所有元素', async ({ page }) => {
|
|
await expect(page.locator('[data-testid="username-input"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="password-input"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="remember-me"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="login-button"]')).toBeVisible();
|
|
});
|
|
|
|
test('登录表单 - 应验证空用户名', async ({ page }) => {
|
|
await page.fill('[data-testid="password-input"]', 'admin123');
|
|
await page.click('[data-testid="login-button"]');
|
|
|
|
await page.waitForTimeout(1000);
|
|
|
|
const usernameInput = page.locator('[data-testid="username-input"]');
|
|
await expect(usernameInput).toBeVisible();
|
|
});
|
|
|
|
test('登录表单 - 应验证空密码', async ({ page }) => {
|
|
await page.fill('[data-testid="username-input"]', 'admin');
|
|
await page.click('[data-testid="login-button"]');
|
|
|
|
await page.waitForTimeout(1000);
|
|
|
|
const passwordInput = page.locator('[data-testid="password-input"]');
|
|
await expect(passwordInput).toBeVisible();
|
|
});
|
|
|
|
test('登录表单 - 应接受有效的输入', async ({ page }) => {
|
|
await page.fill('[data-testid="username-input"]', 'admin');
|
|
await page.fill('[data-testid="password-input"]', 'admin123');
|
|
await page.check('[data-testid="remember-me"]');
|
|
|
|
const usernameValue = await page.locator('[data-testid="username-input"]').inputValue();
|
|
const passwordValue = await page.locator('[data-testid="password-input"]').inputValue();
|
|
const rememberMeChecked = await page.locator('[data-testid="remember-me"]').isChecked();
|
|
|
|
expect(usernameValue).toBe('admin');
|
|
expect(passwordValue).toBe('admin123');
|
|
expect(rememberMeChecked).toBe(true);
|
|
});
|
|
|
|
test('登录按钮 - 应有正确的状态', async ({ page }) => {
|
|
const loginButton = page.locator('[data-testid="login-button"]');
|
|
|
|
await expect(loginButton).toBeVisible();
|
|
await expect(loginButton).toHaveText(/登.*录|Login/i);
|
|
|
|
await expect(loginButton).toBeEnabled();
|
|
});
|
|
|
|
test('记住我复选框 - 应可切换状态', async ({ page }) => {
|
|
const rememberMeCheckbox = page.locator('[data-testid="remember-me"]');
|
|
|
|
await expect(rememberMeCheckbox).toBeVisible();
|
|
|
|
const initialState = await rememberMeCheckbox.isChecked();
|
|
expect(initialState).toBe(false);
|
|
|
|
await rememberMeCheckbox.check();
|
|
const checkedState = await rememberMeCheckbox.isChecked();
|
|
expect(checkedState).toBe(true);
|
|
|
|
await rememberMeCheckbox.uncheck();
|
|
const uncheckedState = await rememberMeCheckbox.isChecked();
|
|
expect(uncheckedState).toBe(false);
|
|
});
|
|
|
|
test('输入框 - 应支持输入和清除', async ({ page }) => {
|
|
const usernameInput = page.locator('[data-testid="username-input"]');
|
|
|
|
await usernameInput.fill('testuser');
|
|
const filledValue = await usernameInput.inputValue();
|
|
expect(filledValue).toBe('testuser');
|
|
|
|
await usernameInput.clear();
|
|
const clearedValue = await usernameInput.inputValue();
|
|
expect(clearedValue).toBe('');
|
|
});
|
|
|
|
test('页面标题 - 应显示正确的文本', async ({ page }) => {
|
|
const title = await page.title();
|
|
expect(title).toBeTruthy();
|
|
});
|
|
}); |