test: for postcss preset

test/fixtures/extract-css/nuxt.config.js

@@ -5,6 +5,13 @@ export default {
       splitChunks: {
         name: true
       }
+    },
+    postcss: {
+      preset: {
+        autoprefixer: {
+          grid: true
+        }
+      }
     }
   },
   css: [

test/fixtures/extract-css/pages/index.vue

@@ -1,6 +1,13 @@
 <template>
   <div>
     <h1>I'm RED</h1>
+    <section class="container">
+      <div class="item-a">item-a</div>
+      <div class="item-b">item-b</div>
+      <div class="item-c">item-c</div>
+      <div class="item-d">item-d</div>
+      <div class="item-e">item-e</div>
+    </section>
   </div>
 </template>
 
@@ -9,5 +16,11 @@
   h1 {
     color: red;
   }
+  .container {
+    display: grid;
+    grid-template-columns: 60px 60px 60px 60px 60px;
+    grid-template-rows: 30px 30px;
+    grid-auto-flow: row;
+  }
   /* END OF INDEX CSS */
 </style>

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

@@ -72,16 +72,6 @@ export default {
       return Object.assign({}, config, {
         devtool: 'nosources-source-map'
       })
-    },
-    postcss: {
-      preset: {
-        features: {
-          'custom-selectors': true
-        },
-        autoprefixer: {
-          grid: true
-        }
-      }
     }
   },
   css: [{ src: '~/assets/app.css' }],