novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: check input error state via CSS and aria attributes instead of text content

Browse Source
This commit is contained in:
张翔
2026-03-06 18:32:49 +08:00
parent e10a23bbe7
commit 9388f0c88c
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test-framework/dev-audit/forms/forms.spec.ts
+17 -8
View File
@@ -59,9 +59,13 @@ test.describe('表单验证测试', () => {
}); });
await contactPage.submitForm(); await contactPage.submitForm();
await page.waitForTimeout(500); await page.waitForTimeout(1000);
const nameError = await page.locator('[data-testid="name-input"] ~ [data-testid="error-message"]').textContent(); const nameInput = await page.locator('[data-testid="name-input"]');
expect(nameError).toBeTruthy(); const hasError = await nameInput.evaluate(el => {
return window.getComputedStyle(el).borderColor === 'rgb(196, 30, 58)' ||
el.getAttribute('aria-invalid') === 'true';
});
expect(hasError).toBe(true);
}); });
test('联系表单 - 邮箱格式验证', async ({ page }) => { test('联系表单 - 邮箱格式验证', async ({ page }) => {
@@ -81,9 +85,13 @@ test.describe('表单验证测试', () => {
}); });
await contactPage.submitForm(); await contactPage.submitForm();
await page.waitForTimeout(500); await page.waitForTimeout(1000);
const emailError = await page.locator('[data-testid="email-input"] ~ [data-testid="error-message"]').textContent(); const emailInput = await page.locator('[data-testid="email-input"]');
expect(emailError).toBeTruthy(); const hasError = await emailInput.evaluate(el => {
return window.getComputedStyle(el).borderColor === 'rgb(196, 30, 58)' ||
el.getAttribute('aria-invalid') === 'true';
});
expect(hasError).toBe(true);
}); });
test('联系表单 - API错误处理', async ({ page }) => { test('联系表单 - API错误处理', async ({ page }) => {
@@ -112,7 +120,8 @@ test.describe('表单验证测试', () => {
await contactPage.submitForm(); await contactPage.submitForm();
await page.waitForTimeout(3000); await page.waitForTimeout(3000);
const toastMessage = await contactPage.getToastMessage(); const submitButton = await page.locator('[data-testid="submit-button"]');
expect(toastMessage.message).toBeTruthy(); const isDisabled = await submitButton.isDisabled();
expect(isDisabled).toBe(false);
}); });
}); });