test: inline postcss config

test/basic.ssr.test.js

@@ -43,6 +43,12 @@ test('/css', async t => {
   t.is(window.getComputedStyle(element).color, 'red')
 })
 
+test('/postcss', async t => {
+  const window = await nuxt.renderAndGetWindow(url('/css'))
+  const element = window.document.querySelector('div.red')
+  t.is(window.getComputedStyle(element)['background-color'], 'blue')
+})
+
 test('/stateful', async t => {
   const { html } = await nuxt.renderRoute('/stateful')
   t.true(html.includes('<div><p>The answer is 42</p></div>'))

test/fixtures/basic/nuxt.config.js

@@ -15,5 +15,10 @@ module.exports = {
     bad: null,
     '': true
   },
-  transition: false
+  transition: false,
+  build: {
+    postcss: [
+      require('postcss-cssnext')()
+    ]
+  }
 }

test/fixtures/basic/pages/css.vue

@@ -3,6 +3,10 @@
 </template>
 
 <style>
+@custom-selector :--red div.red;
+:--red {
+  background-color: blue;
+}
 .red {
   color: red;
 }