mirror of https://github.com/nuxt/nuxt.git
34 lines
1.4 KiB
JavaScript
34 lines
1.4 KiB
JavaScript
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.server.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.server.renderRoute('/about')
|
|
expect(html).toMatch(/<h1 class="test_[a-zA-Z0-9]{5}">\s*I'm BLUE\s*<\/h1>/)
|
|
})
|
|
})
|