test: custom postcss config

test/fixtures/with-config/nuxt.config.js

@@ -19,6 +19,7 @@ module.exports = {
   modulesDir: path.join(__dirname, '..', '..', '..', 'node_modules'),
   transition: 'test',
   layoutTransition: 'test',
+  loadingIndicator: 'circle',
   offline: true,
   plugins: [
     '~/plugins/test.js',

test/fixtures/with-config/pages/index.vue

@@ -4,3 +4,9 @@
     <nuxt-link to="/about">About page</nuxt-link>
   </div>
 </template>
+
+<style>
+::placeholder {
+  color: black;
+}
+</style>

test/fixtures/with-config/postcss.config.js

@@ -0,0 +1,17 @@
+const path = require('path')
+const modulesDir = path.join(__dirname, '..', '..', '..', 'node_modules')
+const rootDir = __dirname
+
+module.exports = {
+  plugins: {
+    'postcss-import': {
+      root: rootDir,
+      path: [
+        rootDir,
+        modulesDir
+      ]
+    },
+    'postcss-url': {},
+    'postcss-cssnext': {}
+  }
+}

test/with-config.test.js

@@ -44,6 +44,11 @@ test('/ (custom build.publicPath)', async t => {
   t.true(html.includes('src="/test/orion/vendor.'))
 })
 
+test('/ (custom postcss.config.js)', async t => {
+  const { html } = await nuxt.renderRoute('/')
+  t.true(html.includes('::-webkit-input-placeholder'))
+})
+
 test('/test/ (router base)', async t => {
   const window = await nuxt.renderAndGetWindow(url('/test/'))
   const html = window.document.body.innerHTML