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

test: add frontend-backend configuration linkage E2E tests

Browse Source 
- Add config-toggle.spec.ts for module show/hide tests
- Add config-params.spec.ts for configuration parameter tests
- Test Services module toggle and items filtering
- Test Products module toggle, pricing display, and featured products
- Test News module toggle, display count, categories, and sort order
- Verify real-time configuration updates between admin and frontend
This commit is contained in:
张翔
2026-03-13 13:13:48 +08:00
parent 4fdfc2d8b4
commit c5c3685d13
2 changed files with 371 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/src/tests/config-linkage/config-params.spec.ts
+256
View File
@@ -0,0 +1,256 @@
import { test, expect } from '@playwright/test';
test.describe('前后台配置参数测试', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/');
});
test('配置参数 - 新闻显示数量', async ({ page, context }) => {
const adminPage = await context.newPage();
await adminPage.goto('/admin/login');
await adminPage.fill('input[type="email"]', 'admin@novalon.cn');
await adminPage.fill('input[type="password"]', 'admin123456');
await adminPage.click('button[type="submit"]');
await adminPage.waitForURL('/admin');
await adminPage.goto('/admin/settings');
await adminPage.waitForLoadState('networkidle');
const newsConfig = adminPage.locator('text=新闻模块配置').locator('..').locator('..');
await newsConfig.locator('input[type="number"]').fill('2');
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.goto('/');
await page.waitForLoadState('networkidle');
const newsCards = page.locator('#news .card');
const count = await newsCards.count();
expect(count).toBe(2);
await newsConfig.locator('input[type="number"]').fill('4');
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.reload();
await page.waitForLoadState('networkidle');
const newsCardsAfter = page.locator('#news .card');
const countAfter = await newsCardsAfter.count();
expect(countAfter).toBe(4);
await newsConfig.locator('input[type="number"]').fill('6');
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await adminPage.close();
});
test('配置参数 - 新闻分类过滤', async ({ page, context }) => {
const adminPage = await context.newPage();
await adminPage.goto('/admin/login');
await adminPage.fill('input[type="email"]', 'admin@novalon.cn');
await adminPage.fill('input[type="password"]', 'admin123456');
await adminPage.click('button[type="submit"]');
await adminPage.waitForURL('/admin');
await adminPage.goto('/admin/settings');
await adminPage.waitForLoadState('networkidle');
const newsConfig = adminPage.locator('text=新闻模块配置').locator('..').locator('..');
const categoriesTextarea = newsConfig.locator('textarea');
await categoriesTextarea.fill('公司新闻\n产品发布');
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.goto('/');
await page.waitForLoadState('networkidle');
const newsCards = page.locator('#news .card');
const count = await newsCards.count();
expect(count).toBeGreaterThan(0);
for (let i = 0; i < count; i++) {
const card = newsCards.nth(i);
const category = await card.locator('.badge').textContent();
expect(['公司新闻', '产品发布']).toContain(category?.trim() || '');
}
await categoriesTextarea.fill('公司新闻\n产品发布\n合作动态\n行业资讯');
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await adminPage.close();
});
test('配置参数 - 新闻排序', async ({ page, context }) => {
const adminPage = await context.newPage();
await adminPage.goto('/admin/login');
await adminPage.fill('input[type="email"]', 'admin@novalon.cn');
await adminPage.fill('input[type="password"]', 'admin123456');
await adminPage.click('button[type="submit"]');
await adminPage.waitForURL('/admin');
await adminPage.goto('/admin/settings');
await adminPage.waitForLoadState('networkidle');
const newsConfig = adminPage.locator('text=新闻模块配置').locator('..').locator('..');
await newsConfig.locator('select').selectOption('desc');
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.goto('/');
await page.waitForLoadState('networkidle');
const firstCard = page.locator('#news .card').first();
const firstDate = await firstCard.locator('.date').textContent();
await newsConfig.locator('select').selectOption('asc');
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.reload();
await page.waitForLoadState('networkidle');
const firstCardAfter = page.locator('#news .card').first();
const firstDateAfter = await firstCardAfter.locator('.date').textContent();
expect(firstDate).not.toBe(firstDateAfter);
await newsConfig.locator('select').selectOption('desc');
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await adminPage.close();
});
test('配置参数 - 产品价格显示', async ({ page, context }) => {
const adminPage = await context.newPage();
await adminPage.goto('/admin/login');
await adminPage.fill('input[type="email"]', 'admin@novalon.cn');
await adminPage.fill('input[type="password"]', 'admin123456');
await adminPage.click('button[type="submit"]');
await adminPage.waitForURL('/admin');
await adminPage.goto('/admin/settings');
await adminPage.waitForLoadState('networkidle');
const productsConfig = adminPage.locator('text=产品模块配置').locator('..').locator('..');
await productsConfig.locator('text=showPricing').locator('..').locator('input[type="checkbox"]').check();
await productsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.goto('/');
await page.waitForLoadState('networkidle');
const firstProductCard = page.locator('#products .card').first();
await expect(firstProductCard.locator('text=价格方案')).toBeVisible();
await productsConfig.locator('text=showPricing').locator('..').locator('input[type="checkbox"]').uncheck();
await productsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.reload();
await page.waitForLoadState('networkidle');
await expect(firstProductCard.locator('text=价格方案')).not.toBeVisible();
await productsConfig.locator('text=showPricing').locator('..').locator('input[type="checkbox"]').check();
await productsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await adminPage.close();
});
test('配置参数 - 特色产品过滤', async ({ page, context }) => {
const adminPage = await context.newPage();
await adminPage.goto('/admin/login');
await adminPage.fill('input[type="email"]', 'admin@novalon.cn');
await adminPage.fill('input[type="password"]', 'admin123456');
await adminPage.click('button[type="submit"]');
await adminPage.waitForURL('/admin');
await adminPage.goto('/admin/settings');
await adminPage.waitForLoadState('networkidle');
const productsConfig = adminPage.locator('text=产品模块配置').locator('..').locator('..');
const featuredProductsTextarea = productsConfig.locator('text=featuredProducts').locator('..').locator('textarea');
await featuredProductsTextarea.fill('erp');
await productsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.goto('/');
await page.waitForLoadState('networkidle');
const productCards = page.locator('#products .card');
const count = await productCards.count();
expect(count).toBe(1);
await featuredProductsTextarea.fill('erp\ncrm');
await productsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.reload();
await page.waitForLoadState('networkidle');
const productCardsAfter = page.locator('#products .card');
const countAfter = await productCardsAfter.count();
expect(countAfter).toBe(2);
await featuredProductsTextarea.fill('erp\ncrm\ncms\nbi');
await productsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await adminPage.close();
});
test('配置参数 - 服务项目过滤', async ({ page, context }) => {
const adminPage = await context.newPage();
await adminPage.goto('/admin/login');
await adminPage.fill('input[type="email"]', 'admin@novalon.cn');
await adminPage.fill('input[type="password"]', 'admin123456');
await adminPage.click('button[type="submit"]');
await adminPage.waitForURL('/admin');
await adminPage.goto('/admin/settings');
await adminPage.waitForLoadState('networkidle');
const servicesConfig = adminPage.locator('text=服务模块配置').locator('..').locator('..');
const itemsTextarea = servicesConfig.locator('text=items').locator('..').locator('textarea');
await itemsTextarea.fill('software\ncloud');
await servicesConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.goto('/');
await page.waitForLoadState('networkidle');
const serviceCards = page.locator('#services .card');
const count = await serviceCards.count();
expect(count).toBe(2);
await itemsTextarea.fill('software\ncloud\ndata\nsecurity');
await servicesConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.reload();
await page.waitForLoadState('networkidle');
const serviceCardsAfter = page.locator('#services .card');
const countAfter = await serviceCardsAfter.count();
expect(countAfter).toBe(4);
await adminPage.close();
});
});
e2e/src/tests/config-linkage/config-toggle.spec.ts
+115
View File
@@ -0,0 +1,115 @@
import { test, expect } from '@playwright/test';
test.describe('前后台配置联动测试', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/');
});
test('配置开关 - 服务模块显示/隐藏', async ({ page, context }) => {
const adminPage = await context.newPage();
await adminPage.goto('/admin/login');
await adminPage.fill('input[type="email"]', 'admin@novalon.cn');
await adminPage.fill('input[type="password"]', 'admin123456');
await adminPage.click('button[type="submit"]');
await adminPage.waitForURL('/admin');
await adminPage.goto('/admin/settings');
await adminPage.waitForLoadState('networkidle');
const servicesConfig = adminPage.locator('text=服务模块配置').locator('..').locator('..');
await servicesConfig.locator('input[type="checkbox"]').first().check();
await servicesConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.goto('/');
await page.waitForLoadState('networkidle');
await expect(page.locator('#services')).toBeVisible();
await servicesConfig.locator('input[type="checkbox"]').first().uncheck();
await servicesConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.reload();
await page.waitForLoadState('networkidle');
await expect(page.locator('#services')).not.toBeVisible();
await servicesConfig.locator('input[type="checkbox"]').first().check();
await servicesConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await adminPage.close();
});
test('配置开关 - 产品模块显示/隐藏', async ({ page, context }) => {
const adminPage = await context.newPage();
await adminPage.goto('/admin/login');
await adminPage.fill('input[type="email"]', 'admin@novalon.cn');
await adminPage.fill('input[type="password"]', 'admin123456');
await adminPage.click('button[type="submit"]');
await adminPage.waitForURL('/admin');
await adminPage.goto('/admin/settings');
await adminPage.waitForLoadState('networkidle');
const productsConfig = adminPage.locator('text=产品模块配置').locator('..').locator('..');
await productsConfig.locator('input[type="checkbox"]').first().check();
await productsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.goto('/');
await page.waitForLoadState('networkidle');
await expect(page.locator('#products')).toBeVisible();
await productsConfig.locator('input[type="checkbox"]').first().uncheck();
await productsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.reload();
await page.waitForLoadState('networkidle');
await expect(page.locator('#products')).not.toBeVisible();
await productsConfig.locator('input[type="checkbox"]').first().check();
await productsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await adminPage.close();
});
test('配置开关 - 新闻模块显示/隐藏', async ({ page, context }) => {
const adminPage = await context.newPage();
await adminPage.goto('/admin/login');
await adminPage.fill('input[type="email"]', 'admin@novalon.cn');
await adminPage.fill('input[type="password"]', 'admin123456');
await adminPage.click('button[type="submit"]');
await adminPage.waitForURL('/admin');
await adminPage.goto('/admin/settings');
await adminPage.waitForLoadState('networkidle');
const newsConfig = adminPage.locator('text=新闻模块配置').locator('..').locator('..');
await newsConfig.locator('input[type="checkbox"]').first().check();
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.goto('/');
await page.waitForLoadState('networkidle');
await expect(page.locator('#news')).toBeVisible();
await newsConfig.locator('input[type="checkbox"]').first().uncheck();
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await page.reload();
await page.waitForLoadState('networkidle');
await expect(page.locator('#news')).not.toBeVisible();
await newsConfig.locator('input[type="checkbox"]').first().check();
await newsConfig.locator('button:has-text("保存")').click();
await adminPage.waitForSelector('text=保存成功', { timeout: 5000 });
await adminPage.close();
});
});