From 13bae199ab682aed32ab6074db1dad472dcdf2c1 Mon Sep 17 00:00:00 2001
From: Pooya Parsa <pooya@pi0.ir>
Date: Sat, 24 Mar 2018 12:31:57 +0430
Subject: [PATCH] feat(test): add extraxt-css fixture

---
 test/fixtures/extract-css/assets/global.css   | 11 +++++++++++
 test/fixtures/extract-css/layouts/default.vue | 15 +++++++++++++++
 test/fixtures/extract-css/nuxt.config.js      | 13 +++++++++++++
 test/fixtures/extract-css/pages/index.vue     | 13 +++++++++++++
 4 files changed, 52 insertions(+)
 create mode 100644 test/fixtures/extract-css/assets/global.css
 create mode 100644 test/fixtures/extract-css/layouts/default.vue
 create mode 100644 test/fixtures/extract-css/nuxt.config.js
 create mode 100644 test/fixtures/extract-css/pages/index.vue

diff --git a/test/fixtures/extract-css/assets/global.css b/test/fixtures/extract-css/assets/global.css
new file mode 100644
index 0000000000..a67286e64b
--- /dev/null
+++ b/test/fixtures/extract-css/assets/global.css
@@ -0,0 +1,11 @@
+/* GLOBAL CSS */
+
+body {
+  background-color: rgb(28, 28, 28);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+}
+
+/* END OF GLOBAL CSS */
diff --git a/test/fixtures/extract-css/layouts/default.vue b/test/fixtures/extract-css/layouts/default.vue
new file mode 100644
index 0000000000..3e0ea3d16a
--- /dev/null
+++ b/test/fixtures/extract-css/layouts/default.vue
@@ -0,0 +1,15 @@
+<template>
+  <main>
+    <nuxt/>
+  </main>
+</template>
+
+<style scoped>
+  /* LAYOUT CSS */
+  main {
+    border: 1px solid grey;
+    border-radius: 8px;
+    padding: 2rem;
+  }
+  /* END OF LAYOUT CSS */
+</style>
diff --git a/test/fixtures/extract-css/nuxt.config.js b/test/fixtures/extract-css/nuxt.config.js
new file mode 100644
index 0000000000..83ff12306d
--- /dev/null
+++ b/test/fixtures/extract-css/nuxt.config.js
@@ -0,0 +1,13 @@
+export default {
+  build: {
+    extractCSS: true,
+    optimization: {
+      splitChunks: {
+        name: true
+      }
+    }
+  },
+  css: [
+    '~/assets/global.css'
+  ]
+}
diff --git a/test/fixtures/extract-css/pages/index.vue b/test/fixtures/extract-css/pages/index.vue
new file mode 100644
index 0000000000..819e96b867
--- /dev/null
+++ b/test/fixtures/extract-css/pages/index.vue
@@ -0,0 +1,13 @@
+<template>
+<div>
+  <h1>I'm RED</h1>
+</div>
+</template>
+
+<style scoped>
+  /* INDEX CSS */
+  h1 {
+    color: red;
+  }
+  /* END OF INDEX CSS */
+</style>