import { resolve } from 'path' import fs from 'fs' import { promisify } from 'util' import { loadFixture, getPort, Nuxt } from '../utils' let nuxt = null const readFile = promisify(fs.readFile) const isWindows = /^win/.test(process.platform) describe('extract css', () => { beforeAll(async () => { const options = await loadFixture('extract-css') nuxt = new Nuxt(options) await nuxt.listen(await getPort(), '0.0.0.0') }) test.skip('Verify global.css has been extracted and minified', async () => { const fileName = isWindows ? 'pages_index.css' : 'pages/index.css' const extractedIndexCss = resolve(__dirname, '..', 'fixtures/extract-css/.nuxt/dist/client', fileName) const content = await readFile(extractedIndexCss, 'utf-8') const scopeCss = /^h1\[data-v-[a-zA-Z0-9]{8}\]\{color:red\}\.container\[data-v-[a-zA-Z0-9]{8}\]/ expect(content).toMatch(scopeCss) const containerStyle = '{display:-ms-grid;display:grid;-ms-grid-columns:60px 60px 60px 60px 60px;grid-template-columns:60px 60px 60px 60px 60px;-ms-grid-rows:30px 30px;grid-template-rows:30px 30px;grid-auto-flow:row}' expect(content).toContain(containerStyle) }) test('/about should contain module style', async () => { const { html } = await nuxt.renderRoute('/about') expect(html).toMatch(/

I'm BLUE<\/h1>/) }) })