mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 08:33:53 +00:00
33 lines
1004 B
JavaScript
33 lines
1004 B
JavaScript
|
import { getPort, loadFixture, Nuxt } from '../utils'
|
||
|
|
|
||
|
|
let port
|
||
|
|
const url = route => 'http://localhost:' + port + route
|
||
|
|
|
||
|
|
let nuxt = null
|
||
|
|
|
||
|
|
describe('postcss configuration as function', () => {
|
||
|
|
beforeAll(async () => {
|
||
|
|
const options = await loadFixture('postcss-function')
|
||
|
|
nuxt = new Nuxt(options)
|
||
|
|
await nuxt.ready()
|
||
|
|
|
||
|
|
port = await getPort()
|
||
|
|
await nuxt.server.listen(port, '0.0.0.0')
|
||
|
|
})
|
||
|
|
|
||
|
|
for (const path of ['/css', '/postcss']) {
|
||
|
|
test(path, async () => {
|
||
|
|
const window = await nuxt.server.renderAndGetWindow(url(path))
|
||
|
|
|
||
|
|
const headHtml = window.document.head.innerHTML
|
||
|
|
expect(headHtml.replace(/\s+/g, '').replace(/;}/g, '}')).toContain('div.red{background-color:blue}.red{color:red}')
|
||
|
|
|
||
|
|
const element = window.document.querySelector('.red')
|
||
|
|
expect(element).not.toBe(null)
|
||
|
|
expect(element.textContent).toContain('This is red')
|
||
|
|
expect(element.className).toBe('red')
|
||
|
|
// t.is(window.getComputedStyle(element).color, 'red')
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|