mirror of https://github.com/alibaba/ice.git
59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
import { expect, test, describe, afterAll } from 'vitest';
|
|
import { buildFixture, setupBrowser } from '../utils/build';
|
|
import { startFixture, setupStartBrowser } from '../utils/start';
|
|
import type { Page } from '../utils/browser';
|
|
import type Browser from '../utils/browser';
|
|
|
|
const example = 'rax-inline-style';
|
|
|
|
describe(`build ${example}`, () => {
|
|
let page: Page;
|
|
let browser: Browser;
|
|
|
|
test('open /', async () => {
|
|
await buildFixture(example);
|
|
const res = await setupBrowser({ example });
|
|
|
|
page = res.page;
|
|
browser = res.browser;
|
|
// css module
|
|
expect((await page.$$attr('img', 'class'))[0]).contain('logo');
|
|
// css module
|
|
expect((await page.$$attr('span', 'class'))[0]).contain('title');
|
|
// inline css from node_modules
|
|
expect((await page.$$attr('span', 'style'))[0]).contain('display:block');
|
|
// inline index.css
|
|
expect((await page.$$attr('span', 'style'))[1]).contain('color:rgb(85,85,85)');
|
|
});
|
|
|
|
afterAll(async () => {
|
|
await browser.close();
|
|
});
|
|
});
|
|
|
|
describe(`start ${example}`, () => {
|
|
let page: Page;
|
|
let browser: Browser;
|
|
|
|
test('setup devServer', async () => {
|
|
const { devServer, port } = await startFixture(example);
|
|
const res = await setupStartBrowser({ server: devServer, port });
|
|
page = res.page;
|
|
browser = res.browser;
|
|
await page.waitForFunction("document.getElementsByTagName('span').length > 0");
|
|
|
|
// css module
|
|
expect((await page.$$attr('img', 'class'))[0]).contain('logo');
|
|
// css module
|
|
expect((await page.$$attr('span', 'class'))[0]).contain('title');
|
|
// inline css from node_modules
|
|
expect((await page.$$attr('span', 'style'))[0]).contain('display:block');
|
|
// inline index.css
|
|
expect((await page.$$attr('span', 'style'))[1]).contain('color:rgb(85,85,85)');
|
|
});
|
|
|
|
afterAll(async () => {
|
|
await browser.close();
|
|
});
|
|
});
|