Test more

src/plugins/postcss-import-parser.js

@@ -50,7 +50,13 @@ function parseNode(atRule, key) {
     throw error;
   }
 
-  const { nodes: paramsNodes } = valueParser(atRule[key]);
+  const rawParams =
+    atRule.raws &&
+    atRule.raws[key] &&
+    typeof atRule.raws[key].raw !== "undefined"
+      ? atRule.raws[key].raw
+      : atRule[key];
+  const { nodes: paramsNodes } = valueParser(rawParams);
 
   // No nodes - `@import ;`
   // Invalid type - `@import foo-bar;`

test/__snapshots__/sourceMap-option.test.js.snap

@@ -313,7 +313,7 @@ exports[`"sourceMap" option true should generate source maps when css was extrac
 exports[`"sourceMap" option true should generate source maps when css was extracted and do not change "[contenthash]" on different platform: source map 1`] = `
 Object {
   "file": "main.xxxxxxxxxxxxxxxxxxxx.css",
-  "mappings": "AAAA;EACE,WAAW;AACb;;;;;ACAA;EACE,UAAU;AACZ",
+  "mappings": ";;;AAAA;EACE,WAAW;AACb;;;;;ACAA;EACE,UAAU;AACZ",
   "names": Array [],
   "sourceRoot": "",
   "sources": Array [
@@ -362,7 +362,7 @@ exports[`"sourceMap" option true should generate source maps when css was extrac
 exports[`"sourceMap" option true should generate source maps when css was extracted: source map 1`] = `
 Object {
   "file": "main.css",
-  "mappings": "AAAA;EACE,WAAW;AACb;;;;;ACAA;EACE,UAAU;AACZ",
+  "mappings": ";;;AAAA;EACE,WAAW;AACb;;;;;ACAA;EACE,UAAU;AACZ",
   "names": Array [],
   "sourceRoot": "",
   "sources": Array [

test/__snapshots__/validate-options.test.js.snap

@@ -63,7 +63,7 @@ exports[`validate options should throw an error on the "importLoaders" option wi
    Details:
     * options.importLoaders should be a boolean.
     * options.importLoaders should be a string.
-    * options.importLoaders should be a integer."
+    * options.importLoaders should be an integer."
 `;
 
 exports[`validate options should throw an error on the "modules" option with "{"auto":"invalid"}" value 1`] = `

test/fixtures/import/import-stringified.js

@@ -0,0 +1,5 @@
+import css from './import.css';
+
+__export__ = css.toString();
+
+export default css;

test/fixtures/import/import-with-layer-and-supports.css

@@ -0,0 +1 @@
+@import url('./test.css') layer(base);

test/fixtures/import/import-with-layer-unnamed.css

@@ -0,0 +1 @@
+@import url('./test.css') layer;

test/fixtures/import/import-with-layer.css

@@ -0,0 +1 @@
+@import url('./test.css') layer(base) supports(display: grid);

test/fixtures/import/import-with-supports-and-media.css

@@ -0,0 +1 @@
+@import url('./test.css') supports(display: grid) handheld and (max-width: 400px);

test/fixtures/import/import-with-supports.css

@@ -0,0 +1 @@
+@import url('./test.css') supports(display: grid);

test/fixtures/import/import.css

@@ -7,7 +7,7 @@
 @import url( test.css);
 @import url( test.css );
 @import url(
-  test.css
+test.css
 );
 @import url();
 @import url('');
@@ -53,7 +53,7 @@
 }
 
 .foo {
-  @import 'path.css';
+@import 'path.css';
 }
 
 @import url('./relative.css');
@@ -158,3 +158,29 @@ st.css');
 /* Prefer relative */
 @import url(package/first.css);
 @import url(package/second.css);
+
+@import url("./test.css") supports(display: flex);
+@import url("./test.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css") layer;
+@import url("./test.css") layer(default);
+@import url("./test.css") layer(default) supports(display: flex) screen and (min-width: 400px);
+@import url("http://example.com/style.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./test.css")layer(default)supports(display: flex)screen and (min-width:400px);
+@import url("./test.css")screen and (min-width: 400px);
+@import url("./test.css")     layer(     default     )     supports(     display     :     flex     )     screen     and     (     min-width     :     400px     );
+@import url("./test.css") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);
+@import url("./test.css") /* Comment */ layer(/* Comment */default/* Comment */) /* Comment */ supports(/* Comment */display/* Comment */:/* Comment */ flex/* Comment */)/* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */);
+@import url(test.css) /* Comment */;
+@import /* Comment */ url(test.css) /* Comment */;
+@import url(test.css) /* Comment */ print and (orientation:landscape);
+@import /* Comment */ url(test.css) /* Comment */ print and (orientation:landscape);
+
+@import url("./import-with-supports.css") supports(display: flex);
+@import url("./import-with-supports-and-media.css") supports(display: flex) screen and (min-width: 400px);
+@import url("./import-with-layer.css") layer(default);
+@import url("./import-with-layer-unnamed.css") layer(default);
+@import url("./import-with-layer-and-supports.css") layer(default) supports(display: flex);
+@import url("./import-with-layer-and-supports-and-media.css") layer(default) supports(display: flex) screen and (min-width: 400px);
+
+/* TODO fix comments */
+/* TODO check source maps generation */

test/import-option.test.js

@@ -27,6 +27,20 @@ describe('"import" option', () => {
     expect(getErrors(stats)).toMatchSnapshot("errors");
   });
 
+  it("should work when not specified and print correct output", async () => {
+    const compiler = getCompiler("./import/import-stringified.js");
+    const stats = await compile(compiler);
+
+    expect(getModuleSource("./import/import.css", stats)).toMatchSnapshot(
+      "module"
+    );
+    expect(getExecutedCode("main.bundle.js", compiler, stats)).toMatchSnapshot(
+      "result"
+    );
+    expect(getWarnings(stats)).toMatchSnapshot("warnings");
+    expect(getErrors(stats)).toMatchSnapshot("errors");
+  });
+
   it('should work with a value equal to "true"', async () => {
     const compiler = getCompiler("./import/import.js", { import: true });
     const stats = await compile(compiler);