32 lines
1.3 KiB
JavaScript
32 lines
1.3 KiB
JavaScript
|
import { test, expect } from '@playwright/test';
|
|||
|
|
|
|||
|
|
test('bootstrap self-contained integration', async ({ page }) => {
|
|||
|
|
page.on('console', msg => console.log('BROWSER LOG:', msg.text()));
|
|||
|
|
await page.goto('http://127.0.0.1:8083/test/index.html');
|
|||
|
|
|
|||
|
|
// 1. 验证 CSS 是否注入（检查 .container 是否有 padding）
|
|||
|
|
const container = page.locator('.container');
|
|||
|
|
const padding = await container.evaluate(el => window.getComputedStyle(el).padding);
|
|||
|
|
expect(padding).not.toBe('0px');
|
|||
|
|
|
|||
|
|
// 2. 验证 Icon 是否显示（通过伪元素内容检查）
|
|||
|
|
const icon = page.locator('.bi-bootstrap-fill');
|
|||
|
|
const iconContent = await icon.evaluate(el => window.getComputedStyle(el, '::before').content);
|
|||
|
|
expect(iconContent).not.toBe('none');
|
|||
|
|
|
|||
|
|
// 3. 验证暗色模式切换
|
|||
|
|
const html = page.locator('html');
|
|||
|
|
|
|||
|
|
// 初始应为 light
|
|||
|
|
expect(await html.getAttribute('data-bs-theme')).toBe('light');
|
|||
|
|
|
|||
|
|
// 点击切换
|
|||
|
|
await page.click('#toggle-btn');
|
|||
|
|
expect(await html.getAttribute('data-bs-theme')).toBe('dark');
|
|||
|
|
|
|||
|
|
// 4. 验证主色修改
|
|||
|
|
await page.evaluate(() => window.setTheme('#ff0000'));
|
|||
|
|
const primaryColor = await page.evaluate(() => getComputedStyle(document.documentElement).getPropertyValue('--bs-primary'));
|
|||
|
|
expect(primaryColor.trim()).toBe('#ff0000');
|
|||
|
|
});
|