test: added @media at-rules test (#818)

Author: alexander-akait

test/cases/at-import-in-entry/a.css renamed to test/cases/at-import-in-the-entry/a.css

@@ -0,0 +1,3 @@
+body {
+  font-size: 24px;
+}

test/cases/at-import-in-entry/b.css renamed to test/cases/at-import-in-the-entry/b.css

@@ -0,0 +1,3 @@
+body {
+  font-size: 32px;
+}

test/cases/at-import-in-entry/expected/main.css renamed to test/cases/at-import-in-the-entry/expected/main.css

@@ -0,0 +1,3 @@
+body {
+  font-size: 64px;
+}

test/cases/at-import-in-entry/webpack.config.js renamed to test/cases/at-import-in-the-entry/webpack.config.js

@@ -0,0 +1,3 @@
+body {
+  font-size: 128px;
+}

test/cases/css-import/a.css renamed to test/cases/at-import-in-the-middle/a.css

@@ -0,0 +1,3 @@
+body {
+  font-size: 256px;
+}

test/cases/css-import/b.css renamed to test/cases/at-import-in-the-middle/b.css

@@ -0,0 +1,40 @@
+body {
+  font-size: 24px;
+}
+
+@media screen and (orientation: landscape) {
+body {
+  font-size: 32px;
+}
+
+}
+/*@import url("./c.css") supports(display: flex);*/
+/*@import url("./d.css") supports(display: flex) screen and (min-width: 400px);*/
+/*@import url("./e.css")    supports(   display   :    flex   )    screen    and    (   min-width   :    400px   )   ;*/
+/*@import url("./f.css") supports(not (display: flex));*/
+/*@import url("./g.css") SUPPORTS(NOT (DISPLAY: FLEX));*/
+
+div {
+  color: blue;
+}
+
+@media {
+  div {
+    color: red;
+  }
+}
+
+@media screen and (min-width: 900px) {
+  article {
+    padding: 1rem 3rem;
+  }
+}
+
+@supports (display: flex) {
+  @media screen and (min-width: 900px) {
+    article {
+      display: flex;
+    }
+  }
+}
+

test/cases/css-import/c.css renamed to test/cases/at-import-in-the-middle/c.css

@@ -0,0 +1,3 @@
+body {
+  font-size: 512px;
+}

test/cases/css-import/expected/main.css renamed to test/cases/at-import-in-the-middle/expected/main.css

@@ -0,0 +1,3 @@
+body {
+  font-size: 1024px;
+}

test/cases/css-import/index.css renamed to test/cases/at-import-in-the-middle/index.css

@@ -0,0 +1 @@
+import "./style.css";

test/cases/css-import/webpack.config.js renamed to test/cases/at-import-in-the-middle/webpack.config.js

@@ -0,0 +1,31 @@
+@import url("./a.css");
+@import url("./b.css") screen and (orientation: landscape);
+/*@import url("./c.css") supports(display: flex);*/
+/*@import url("./d.css") supports(display: flex) screen and (min-width: 400px);*/
+/*@import url("./e.css")    supports(   display   :    flex   )    screen    and    (   min-width   :    400px   )   ;*/
+/*@import url("./f.css") supports(not (display: flex));*/
+/*@import url("./g.css") SUPPORTS(NOT (DISPLAY: FLEX));*/
+
+div {
+  color: blue;
+}
+
+@media {
+  div {
+    color: red;
+  }
+}
+
+@media screen and (min-width: 900px) {
+  article {
+    padding: 1rem 3rem;
+  }
+}
+
+@supports (display: flex) {
+  @media screen and (min-width: 900px) {
+    article {
+      display: flex;
+    }
+  }
+}

test/cases/at-media/a.css

@@ -0,0 +1,25 @@
+import Self from "../../../src";
+
+module.exports = {
+  entry: "./index.js",
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          {
+            loader: Self.loader,
+          },
+          {
+            loader: "css-loader",
+          },
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: "[name].css",
+    }),
+  ],
+};