",
}
`;
exports[`"esModule" option should work with esModule css-loader + esModule style-loader: warnings 1`] = `Array []`;
css-loader-5.0.1/test/__snapshots__/import-option.test.js.snap 0000664 0000000 0000000 00000245415 13750556245 0024471 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`"import" option should keep original order: errors 1`] = `Array []`;
exports[`"import" option should keep original order: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./order-1.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./order-2.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./order-3.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_3___ from \\"-!../../../src/index.js??[ident]!./order-4.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and (min-width: 2000px)\\");
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___, \\"screen\\");
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"div {\\\\n width: 100%;\\\\n height: 200px;\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should keep original order: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/order-1.css",
".order-1 {
color: red;
}
",
"",
],
Array [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
Array [
"../../src/index.js?[ident]!./import/order-2.css",
".order-2 {
color: red;
}
",
"",
],
Array [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
Array [
"../../src/index.js?[ident]!./import/order-1.css",
".order-1 {
color: red;
}
",
"",
],
Array [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
Array [
"../../src/index.js?[ident]!./import/order-2.css",
".order-2 {
color: red;
}
",
"screen and (min-width: 2000px)",
],
Array [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
Array [
"../../src/index.js?[ident]!./import/order-3-1.css",
".order-3-1 {
color: white;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/order-3.css",
".order-3 {
color: red;
}
",
"",
],
Array [
"./import/order.css",
"@import url(http://example.com/style.css);",
],
Array [
"../../src/index.js?[ident]!./import/order-4-1.css",
".order-4-1 {
color: red;
}
",
"screen and (min-width: 1000px)",
],
Array [
"../../src/index.js?[ident]!./import/order-4-2-1.css",
".order-4-2-1 {
color: red;
}
",
"screen and (min-width: 2000px)",
],
Array [
"../../src/index.js?[ident]!./import/order-4-2-2.css",
".order-4-2-2 {
color: red;
}
",
"screen and (min-width: 2000px) and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/order-4-2.css",
".order-4-2 {
color: red;
}
",
"screen and (min-width: 2000px)",
],
Array [
"../../src/index.js?[ident]!./import/order-4.css",
".order-4 {
color: red;
}
",
"screen",
],
Array [
"./import/order.css",
"div {
width: 100%;
height: 200px;
}
",
"",
],
]
`;
exports[`"import" option should keep original order: warnings 1`] = `Array []`;
exports[`"import" option should resolve "file" protocol: errors 1`] = `Array []`;
exports[`"import" option should resolve "file" protocol: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should resolve "file" protocol: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"./import/import-file-protocol.css",
"",
"",
],
]
`;
exports[`"import" option should resolve "file" protocol: warnings 1`] = `Array []`;
exports[`"import" option should resolve absolute path: errors 1`] = `Array []`;
exports[`"import" option should resolve absolute path: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should resolve absolute path: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"./import/import-absolute.css",
"",
"",
],
]
`;
exports[`"import" option should resolve absolute path: warnings 1`] = `Array []`;
exports[`"import" option should resolve server-relative url relative rootContext: errors 1`] = `Array []`;
exports[`"import" option should resolve server-relative url relative rootContext: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".class {\\\\n a: b c d;\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should resolve server-relative url relative rootContext: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"./import/import-server-relative-url.css",
".class {
a: b c d;
}
",
"",
],
]
`;
exports[`"import" option should resolve server-relative url relative rootContext: warnings 1`] = `Array []`;
exports[`"import" option should respect conditionNames: errors 1`] = `Array []`;
exports[`"import" option should respect conditionNames: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./node_modules/package-with-exports/style.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should respect conditionNames: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/node_modules/package-with-exports/style.css",
".load-me {
color: red;
}
",
"",
],
Array [
"./import/import-conditionNames.css",
"
",
"",
],
]
`;
exports[`"import" option should respect conditionNames: warnings 1`] = `Array []`;
exports[`"import" option should respect style field in package.json: errors 1`] = `Array []`;
exports[`"import" option should respect style field in package.json: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".test {\\\\n color: coral;\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should respect style field in package.json: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/node_modules/issue-683/test.css",
".test {
color: coral;
}
",
"",
],
Array [
"./import/issue-683.css",
"
",
"",
],
]
`;
exports[`"import" option should respect style field in package.json: warnings 1`] = `Array []`;
exports[`"import" option should throw an error on unresolved import: errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
Error: Can't resolve 'unresolved-file.css' in '/test/fixtures/import'",
]
`;
exports[`"import" option should throw an error on unresolved import: warnings 1`] = `Array []`;
exports[`"import" option should work resolve order: local -> node_modules -> alias: errors 1`] = `Array []`;
exports[`"import" option should work resolve order: local -> node_modules -> alias: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./issue-683.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work resolve order: local -> node_modules -> alias: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/issue-683/test.css",
".test {
color: coral;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/issue-683.css",
"
",
"",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
".tilde {
color: yellow;
}
",
"",
],
Array [
"./import/import-order.css",
"
",
"",
],
]
`;
exports[`"import" option should work resolve order: local -> node_modules -> alias: warnings 1`] = `Array []`;
exports[`"import" option should work when "Function": errors 1`] = `Array []`;
exports[`"import" option should work when "Function": module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test-media.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./test-other.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./query.css?foo=1&bar=1\\";
import ___CSS_LOADER_AT_RULE_IMPORT_3___ from \\"-!../../../src/index.js??[ident]!./other-query.css?foo=1&bar=1#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_4___ from \\"-!../../../src/index.js??[ident]!./relative.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_5___ from \\"-!../../../src/index.js??[ident]!./top-relative.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_6___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_7___ from \\"-!../../../src/index.js??[ident]!./alias.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_8___ from \\"-!../../../src/index.js??[ident]!./url.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_9___ from \\"-!../../../src/index.js??[ident]!./te'st.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_10___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_11___ from \\"-!../../../src/index.js??[ident]!./something.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_12___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar\\";
import ___CSS_LOADER_AT_RULE_IMPORT_13___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_14___ from \\"-!../../../src/index.js??[ident]!./something.css?bar=foo\\";
import ___CSS_LOADER_AT_RULE_IMPORT_15___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#one\\";
import ___CSS_LOADER_AT_RULE_IMPORT_16___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#two\\";
import ___CSS_LOADER_AT_RULE_IMPORT_17___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=1&bar=2\\";
import ___CSS_LOADER_AT_RULE_IMPORT_18___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=2&bar=1\\";
import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img.png\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"(min-width: 100px)\\");
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(//example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_8___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_10___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_14___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_15___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_16___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and (orientation:landscape);\\\\n@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);\\\\n@import url(test.css)screen and (orientation:landscape);\\\\n@import url(test.css) screen and (orientation:landscape);\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n@import url(./test.css);\\\\n\\\\n@import './te\\\\\\\\\\\\nst.css';\\\\n@import './te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css';\\\\n@import url('./te\\\\\\\\\\\\nst.css');\\\\n@import url('./te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css');\\\\n@import './test test.css';\\\\n@import url('./test test.css');\\\\n@import './test\\\\\\\\ test.css';\\\\n@import url('./test\\\\\\\\ test.css');\\\\n@import './test%20test.css';\\\\n@import url('./test%20test.css');\\\\n@import './\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import './t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import url(./test\\\\\\\\ test.css);\\\\n@import url(./t\\\\\\\\65st%20test.css);\\\\n@import url('./t\\\\\\\\65st%20test.css');\\\\n@import url(\\\\\\"./t\\\\\\\\65st%20test.css\\\\\\");\\\\n@import \\\\\\"./t\\\\\\\\65st%20test.css\\\\\\";\\\\n@import './t\\\\\\\\65st%20test.css';\\\\n@import url( test.css );\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n@import url(test.css?foo=bar);\\\\n@import url(test.css?foo=bar#hash);\\\\n@import url(test.css?#hash);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex) screen and (orientation:landscape);\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work when "Function": result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/test-nested-media.css",
"a {
b: b;
}
",
"screen and (orientation:landscape) and (min-width: 100px)",
],
Array [
"../../src/index.js?[ident]!./import/test-media.css",
".test {
c: c;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test-other.css",
".test {
d: d;
}
",
"(min-width: 100px)",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css#hash);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css?#hash);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css?foo=bar#hash);",
],
Array [
"./import/import.css",
"@import url(http://example.com/other-style.css);",
"screen and (orientation:landscape)",
],
Array [
"./import/import.css",
"@import url(http://example.com/other-style.css);",
"screen and (orientation:landscape)",
],
Array [
"./import/import.css",
"@import url(//example.com/style.css);",
],
Array [
"../../src/index.js?[ident]!./import/query.css?foo=1&bar=1",
".query {
e: e;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/other-query.css?foo=1&bar=1#hash",
".other-query {
f: f;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/other-query.css?foo=1&bar=1#hash",
".other-query {
f: f;
}
",
"screen and (orientation:landscape)",
],
Array [
"./import/import.css",
"@import url(https://fonts.googleapis.com/css?family=Roboto);",
],
Array [
"./import/import.css",
"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);",
],
Array [
"./import/import.css",
"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);",
],
Array [
"../../src/index.js?[ident]!./import/relative.css",
".relative {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/top-relative.css",
".top-relative {
color: black;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
".tilde {
color: yellow;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/alias.css",
".alias {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/url.css",
".background-imported {
background: url(/webpack/public/path/img.png);
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
"a { color: red };",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?bar=foo",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#one",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#two",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=1&bar=2",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=2&bar=1",
".my-box {
color: red;
}
",
"",
],
Array [
"./import/import.css",
"@import url(test.css);
@import url('test.css');
@import url(\\"test.css\\");
@IMPORT url(test.css);
@import URL(test.css);
@import url(test.css );
@import url( test.css);
@import url( test.css );
@import url(
test.css
);
@import url();
@import url('');
@import url(\\"\\");
@import \\"test.css\\";
@import 'test.css';
@import '';
@import \\"\\";
@import \\" \\";
@import \\"
\\";
@import url();
@import url('');
@import url(\\"\\");
@import url(test.css) screen and (orientation:landscape);
@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);
@import url(test.css)screen and (orientation:landscape);
@import url(test.css) screen and (orientation:landscape);
@import url(~package/test.css);
@import ;
@import foo-bar;
@import-normalize;
@import url('http://') :root {}
.class {
a: b c d;
}
.foo {
@import 'path.css';
}
.background {
background: url(/webpack/public/path/img.png);
}
@import url(./test.css);
@import './te\\\\
st.css';
@import './te\\\\
\\\\
\\\\
st.css';
@import url('./te\\\\
st.css');
@import url('./te\\\\
\\\\
\\\\
st.css');
@import './test test.css';
@import url('./test test.css');
@import './test\\\\ test.css';
@import url('./test\\\\ test.css');
@import './test%20test.css';
@import url('./test%20test.css');
@import './\\\\74\\\\65\\\\73\\\\74.css';
@import url('./\\\\74\\\\65\\\\73\\\\74.css');
@import './t\\\\65\\\\73\\\\74.css';
@import url('./t\\\\65\\\\73\\\\74.css');
@import url(./test\\\\ test.css);
@import url(./t\\\\65st%20test.css);
@import url('./t\\\\65st%20test.css');
@import url(\\"./t\\\\65st%20test.css\\");
@import \\"./t\\\\65st%20test.css\\";
@import './t\\\\65st%20test.css';
@import url( test.css );
@import nourl(test.css);
@import '\\\\
\\\\
\\\\
';
@import url(test.css?foo=bar);
@import url(test.css?foo=bar#hash);
@import url(test.css?#hash);
@import \\"test.css\\" supports(display: flex);
@import \\"test.css\\" supports(display: flex) screen and (orientation:landscape);
/* Should be one import and two css modules */
/* Should be one import and two css modules */
/* Should be one import and two css modules */
/* Should be two import and two css modules */
/* Should be two import and two css modules */
/* Should be two import and two css modules */
",
"",
],
]
`;
exports[`"import" option should work when "Function": warnings 1`] = `
Array [
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(105:1) Unable to find uri in \\"@import nourl(test.css)\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(106:1) Unable to find uri in \\"@import '\\\\
\\\\
\\\\
'\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(12:1) Unable to find uri in \\"@import url()\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(13:1) Unable to find uri in \\"@import url('')\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(14:1) Unable to find uri in \\"@import url(\\"\\")\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(17:1) Unable to find uri in \\"@import ''\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(18:1) Unable to find uri in \\"@import \\"\\"\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(19:1) Unable to find uri in \\"@import \\" \\"\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(20:1) Unable to find uri in \\"@import \\"
\\"\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(22:1) Unable to find uri in \\"@import url()\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(23:1) Unable to find uri in \\"@import url('')\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(24:1) Unable to find uri in \\"@import url(\\"\\")\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(40:1) Unable to find uri in \\"@import \\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(41:1) Unable to find uri in \\"@import foo-bar\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.",
]
`;
exports[`"import" option should work when not specified: errors 1`] = `Array []`;
exports[`"import" option should work when not specified: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./test-media.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./test-other.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_3___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/test.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_4___ from \\"-!../../../src/index.js??[ident]!./query.css?foo=1&bar=1\\";
import ___CSS_LOADER_AT_RULE_IMPORT_5___ from \\"-!../../../src/index.js??[ident]!./other-query.css?foo=1&bar=1#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_6___ from \\"-!../../../src/index.js??[ident]!./relative.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_7___ from \\"-!../../../src/index.js??[ident]!./top-relative.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_8___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_9___ from \\"-!../../../src/index.js??[ident]!./alias.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_10___ from \\"-!../../../src/index.js??[ident]!./url.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_11___ from \\"-!../../../src/index.js??[ident]!./te'st.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_12___ from \\"-!../../../src/index.js??[ident]!./test test.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_13___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_14___ from \\"-!../../../src/index.js??[ident]!./test.css?foo=bar\\";
import ___CSS_LOADER_AT_RULE_IMPORT_15___ from \\"-!../../../src/index.js??[ident]!./test.css?foo=bar#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_16___ from \\"-!../../../src/index.js??[ident]!./test.css?#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_17___ from \\"-!../../../src/index.js??[ident]!./something.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_18___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar\\";
import ___CSS_LOADER_AT_RULE_IMPORT_19___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_20___ from \\"-!../../../src/index.js??[ident]!./something.css?bar=foo\\";
import ___CSS_LOADER_AT_RULE_IMPORT_21___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#one\\";
import ___CSS_LOADER_AT_RULE_IMPORT_22___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#two\\";
import ___CSS_LOADER_AT_RULE_IMPORT_23___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=1&bar=2\\";
import ___CSS_LOADER_AT_RULE_IMPORT_24___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=2&bar=1\\";
import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img.png\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation: landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___, \\"(min-width: 100px)\\");
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(//example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_8___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_10___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_14___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_15___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_16___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex) screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_19___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_19___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_20___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_21___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_22___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_23___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_24___);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work when not specified: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"screen and (orientation: landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test-nested-media.css",
"a {
b: b;
}
",
"screen and (orientation:landscape) and (min-width: 100px)",
],
Array [
"../../src/index.js?[ident]!./import/test-media.css",
".test {
c: c;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test-other.css",
".test {
d: d;
}
",
"(min-width: 100px)",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css#hash);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css?#hash);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css?foo=bar#hash);",
],
Array [
"./import/import.css",
"@import url(http://example.com/other-style.css);",
"screen and (orientation:landscape)",
],
Array [
"./import/import.css",
"@import url(http://example.com/other-style.css);",
"screen and (orientation:landscape)",
],
Array [
"./import/import.css",
"@import url(//example.com/style.css);",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/package/test.css",
".test {
d: d
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/query.css?foo=1&bar=1",
".query {
e: e;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/other-query.css?foo=1&bar=1#hash",
".other-query {
f: f;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/other-query.css?foo=1&bar=1#hash",
".other-query {
f: f;
}
",
"screen and (orientation:landscape)",
],
Array [
"./import/import.css",
"@import url(https://fonts.googleapis.com/css?family=Roboto);",
],
Array [
"./import/import.css",
"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);",
],
Array [
"./import/import.css",
"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);",
],
Array [
"../../src/index.js?[ident]!./import/relative.css",
".relative {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/top-relative.css",
".top-relative {
color: black;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
".tilde {
color: yellow;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/alias.css",
".alias {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/url.css",
".background-imported {
background: url(/webpack/public/path/img.png);
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
"a { color: red };",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css?foo=bar",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css?foo=bar#hash",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css?#hash",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"supports(display: flex)",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"supports(display: flex) screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/something.css",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?bar=foo",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#one",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#two",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=1&bar=2",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=2&bar=1",
".my-box {
color: red;
}
",
"",
],
Array [
"./import/import.css",
"@import url();
@import url('');
@import url(\\"\\");
@import '';
@import \\"\\";
@import \\" \\";
@import \\"
\\";
@import url();
@import url('');
@import url(\\"\\");
@import ;
@import foo-bar;
@import-normalize;
@import url('http://') :root {}
.class {
a: b c d;
}
.foo {
@import 'path.css';
}
.background {
background: url(/webpack/public/path/img.png);
}
@import nourl(test.css);
@import '\\\\
\\\\
\\\\
';
/* Should be one import and two css modules */
/* Should be one import and two css modules */
/* Should be one import and two css modules */
/* Should be two import and two css modules */
/* Should be two import and two css modules */
/* Should be two import and two css modules */
",
"",
],
]
`;
exports[`"import" option should work when not specified: warnings 1`] = `
Array [
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(105:1) Unable to find uri in \\"@import nourl(test.css)\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(106:1) Unable to find uri in \\"@import '\\\\
\\\\
\\\\
'\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(12:1) Unable to find uri in \\"@import url()\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(13:1) Unable to find uri in \\"@import url('')\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(14:1) Unable to find uri in \\"@import url(\\"\\")\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(17:1) Unable to find uri in \\"@import ''\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(18:1) Unable to find uri in \\"@import \\"\\"\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(19:1) Unable to find uri in \\"@import \\" \\"\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(20:1) Unable to find uri in \\"@import \\"
\\"\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(22:1) Unable to find uri in \\"@import url()\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(23:1) Unable to find uri in \\"@import url('')\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(24:1) Unable to find uri in \\"@import url(\\"\\")\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(40:1) Unable to find uri in \\"@import \\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(41:1) Unable to find uri in \\"@import foo-bar\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.",
]
`;
exports[`"import" option should work with a value equal to "false": errors 1`] = `Array []`;
exports[`"import" option should work with a value equal to "false": module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img.png\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url(test.css );\\\\n@import url( test.css);\\\\n@import url( test.css );\\\\n@import url(\\\\n test.css\\\\n);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import 'test.css';\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and (orientation:landscape);\\\\n@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);\\\\n@import url(test.css)screen and (orientation:landscape);\\\\n@import url(test.css) screen and (orientation:landscape);\\\\n@import url(test-media.css) screen and (orientation:landscape);\\\\n@import url(test-other.css) (min-width: 100px);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/style.css#hash);\\\\n@import url(http://example.com/style.css?#hash);\\\\n@import url(http://example.com/style.css?foo=bar#hash);\\\\n@import url(http://example.com/other-style.css) screen and (orientation:landscape);\\\\n@import url(http://example.com/other-style.css) screen and (orientation:landscape);\\\\n@import url(\\\\\\"//example.com/style.css\\\\\\");\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n@import url('query.css?foo=1&bar=1');\\\\n@import url('other-query.css?foo=1&bar=1#hash');\\\\n@import url('other-query.css?foo=1&bar=1#hash') screen and (orientation:landscape);\\\\n@import url('https://fonts.googleapis.com/css?family=Roboto');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');\\\\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n@import url('./relative.css');\\\\n@import url('../import/top-relative.css');\\\\n@import url(~package/tilde.css);\\\\n@import url(~aliasesImport/alias.css);\\\\n@import url('./url.css');\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n@import url(./test.css);\\\\n\\\\n@import './te\\\\\\\\\\\\nst.css';\\\\n@import './te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css';\\\\n@import url('./te\\\\\\\\\\\\nst.css');\\\\n@import url('./te\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\nst.css');\\\\n\\\\n@import \\\\\\"./te'st.css\\\\\\";\\\\n@import url(\\\\\\"./te'st.css\\\\\\");\\\\n@import './te\\\\\\\\'st.css';\\\\n@import url('./te\\\\\\\\'st.css');\\\\n@import './test test.css';\\\\n@import url('./test test.css');\\\\n@import './test\\\\\\\\ test.css';\\\\n@import url('./test\\\\\\\\ test.css');\\\\n@import './test%20test.css';\\\\n@import url('./test%20test.css');\\\\n@import './\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./\\\\\\\\74\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import './t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css';\\\\n@import url('./t\\\\\\\\65\\\\\\\\73\\\\\\\\74.css');\\\\n@import url(./test\\\\\\\\ test.css);\\\\n@import url(./t\\\\\\\\65st%20test.css);\\\\n@import url('./t\\\\\\\\65st%20test.css');\\\\n@import url(\\\\\\"./t\\\\\\\\65st%20test.css\\\\\\");\\\\n@import \\\\\\"./t\\\\\\\\65st%20test.css\\\\\\";\\\\n@import './t\\\\\\\\65st%20test.css';\\\\n@import url( test.css );\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n@import url('!!../../helpers/string-loader.js?esModule=false!~package/tilde.css');\\\\n@import url(test.css?foo=bar);\\\\n@import url(test.css?foo=bar#hash);\\\\n@import url(test.css?#hash);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex);\\\\n@import \\\\\\"test.css\\\\\\" supports(display: flex) screen and (orientation:landscape);\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n@import url('something.css');\\\\n@import url('something.css');\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar');\\\\n@import url('something.css?foo=bar');\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar#hash');\\\\n@import url('something.css?foo=bar#hash');\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar');\\\\n@import url('something.css?bar=foo');\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import url('something.css?foo=bar#one');\\\\n@import url('something.css?foo=bar#two');\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n@import url('something.css?foo=1&bar=2');\\\\n@import url('something.css?foo=2&bar=1');\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work with a value equal to "false": result 1`] = `
Array [
Array [
"./import/import.css",
"@import url(test.css);
@import url('test.css');
@import url(\\"test.css\\");
@IMPORT url(test.css);
@import URL(test.css);
@import url(test.css );
@import url( test.css);
@import url( test.css );
@import url(
test.css
);
@import url();
@import url('');
@import url(\\"\\");
@import \\"test.css\\";
@import 'test.css';
@import '';
@import \\"\\";
@import \\" \\";
@import \\"
\\";
@import url();
@import url('');
@import url(\\"\\");
@import url(test.css) screen and (orientation:landscape);
@import url(test.css) SCREEN AND (ORIENTATION: LANDSCAPE);
@import url(test.css)screen and (orientation:landscape);
@import url(test.css) screen and (orientation:landscape);
@import url(test-media.css) screen and (orientation:landscape);
@import url(test-other.css) (min-width: 100px);
@import url(http://example.com/style.css);
@import url(http://example.com/style.css);
@import url(http://example.com/style.css#hash);
@import url(http://example.com/style.css?#hash);
@import url(http://example.com/style.css?foo=bar#hash);
@import url(http://example.com/other-style.css) screen and (orientation:landscape);
@import url(http://example.com/other-style.css) screen and (orientation:landscape);
@import url(\\"//example.com/style.css\\");
@import url(~package/test.css);
@import ;
@import foo-bar;
@import-normalize;
@import url('http://') :root {}
@import url('query.css?foo=1&bar=1');
@import url('other-query.css?foo=1&bar=1#hash');
@import url('other-query.css?foo=1&bar=1#hash') screen and (orientation:landscape);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');
.class {
a: b c d;
}
.foo {
@import 'path.css';
}
@import url('./relative.css');
@import url('../import/top-relative.css');
@import url(~package/tilde.css);
@import url(~aliasesImport/alias.css);
@import url('./url.css');
.background {
background: url(/webpack/public/path/img.png);
}
@import url(./test.css);
@import './te\\\\
st.css';
@import './te\\\\
\\\\
\\\\
st.css';
@import url('./te\\\\
st.css');
@import url('./te\\\\
\\\\
\\\\
st.css');
@import \\"./te'st.css\\";
@import url(\\"./te'st.css\\");
@import './te\\\\'st.css';
@import url('./te\\\\'st.css');
@import './test test.css';
@import url('./test test.css');
@import './test\\\\ test.css';
@import url('./test\\\\ test.css');
@import './test%20test.css';
@import url('./test%20test.css');
@import './\\\\74\\\\65\\\\73\\\\74.css';
@import url('./\\\\74\\\\65\\\\73\\\\74.css');
@import './t\\\\65\\\\73\\\\74.css';
@import url('./t\\\\65\\\\73\\\\74.css');
@import url(./test\\\\ test.css);
@import url(./t\\\\65st%20test.css);
@import url('./t\\\\65st%20test.css');
@import url(\\"./t\\\\65st%20test.css\\");
@import \\"./t\\\\65st%20test.css\\";
@import './t\\\\65st%20test.css';
@import url( test.css );
@import nourl(test.css);
@import '\\\\
\\\\
\\\\
';
@import url('!!../../helpers/string-loader.js?esModule=false!~package/tilde.css');
@import url(test.css?foo=bar);
@import url(test.css?foo=bar#hash);
@import url(test.css?#hash);
@import \\"test.css\\" supports(display: flex);
@import \\"test.css\\" supports(display: flex) screen and (orientation:landscape);
/* Should be one import and two css modules */
@import url('something.css');
@import url('something.css');
/* Should be one import and two css modules */
@import url('something.css?foo=bar');
@import url('something.css?foo=bar');
/* Should be one import and two css modules */
@import url('something.css?foo=bar#hash');
@import url('something.css?foo=bar#hash');
/* Should be two import and two css modules */
@import url('something.css?foo=bar');
@import url('something.css?bar=foo');
/* Should be two import and two css modules */
@import url('something.css?foo=bar#one');
@import url('something.css?foo=bar#two');
/* Should be two import and two css modules */
@import url('something.css?foo=1&bar=2');
@import url('something.css?foo=2&bar=1');
",
"",
],
]
`;
exports[`"import" option should work with a value equal to "false": warnings 1`] = `Array []`;
exports[`"import" option should work with a value equal to "true": errors 1`] = `Array []`;
exports[`"import" option should work with a value equal to "true": module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./test.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./test-media.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_2___ from \\"-!../../../src/index.js??[ident]!./test-other.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_3___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/test.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_4___ from \\"-!../../../src/index.js??[ident]!./query.css?foo=1&bar=1\\";
import ___CSS_LOADER_AT_RULE_IMPORT_5___ from \\"-!../../../src/index.js??[ident]!./other-query.css?foo=1&bar=1#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_6___ from \\"-!../../../src/index.js??[ident]!./relative.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_7___ from \\"-!../../../src/index.js??[ident]!./top-relative.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_8___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_9___ from \\"-!../../../src/index.js??[ident]!./alias.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_10___ from \\"-!../../../src/index.js??[ident]!./url.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_11___ from \\"-!../../../src/index.js??[ident]!./te'st.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_12___ from \\"-!../../../src/index.js??[ident]!./test test.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_13___ from \\"-!../../../src/index.js??[ident]!./node_modules/package/tilde.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_14___ from \\"-!../../../src/index.js??[ident]!./test.css?foo=bar\\";
import ___CSS_LOADER_AT_RULE_IMPORT_15___ from \\"-!../../../src/index.js??[ident]!./test.css?foo=bar#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_16___ from \\"-!../../../src/index.js??[ident]!./test.css?#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_17___ from \\"-!../../../src/index.js??[ident]!./something.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_18___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar\\";
import ___CSS_LOADER_AT_RULE_IMPORT_19___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#hash\\";
import ___CSS_LOADER_AT_RULE_IMPORT_20___ from \\"-!../../../src/index.js??[ident]!./something.css?bar=foo\\";
import ___CSS_LOADER_AT_RULE_IMPORT_21___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#one\\";
import ___CSS_LOADER_AT_RULE_IMPORT_22___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=bar#two\\";
import ___CSS_LOADER_AT_RULE_IMPORT_23___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=1&bar=2\\";
import ___CSS_LOADER_AT_RULE_IMPORT_24___ from \\"-!../../../src/index.js??[ident]!./something.css?foo=2&bar=1\\";
import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img.png\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation: landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_2___, \\"(min-width: 100px)\\");
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css#hash);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?#hash);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/style.css?foo=bar#hash);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(http://example.com/other-style.css);\\", \\"screen and (orientation:landscape)\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(//example.com/style.css);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_3___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_4___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_5___, \\"screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Roboto);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);\\"]);
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);\\"]);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_6___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_7___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_8___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_9___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_10___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_11___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_12___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_13___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_14___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_15___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_16___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"supports(display: flex) screen and (orientation:landscape)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_17___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_19___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_19___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_18___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_20___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_21___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_22___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_23___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_24___);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\" \\\\\\";\\\\n@import \\\\\\"\\\\n\\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n\\\\n.class {\\\\n a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n @import 'path.css';\\\\n}\\\\n\\\\n.background {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n@import nourl(test.css);\\\\n@import '\\\\\\\\\\\\n\\\\\\\\\\\\n\\\\\\\\\\\\n';\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be one import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\\\n/* Should be two import and two css modules */\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"import" option should work with a value equal to "true": result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"screen and (orientation: landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test-nested-media.css",
"a {
b: b;
}
",
"screen and (orientation:landscape) and (min-width: 100px)",
],
Array [
"../../src/index.js?[ident]!./import/test-media.css",
".test {
c: c;
}
",
"screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/test-other.css",
".test {
d: d;
}
",
"(min-width: 100px)",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css#hash);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css?#hash);",
],
Array [
"./import/import.css",
"@import url(http://example.com/style.css?foo=bar#hash);",
],
Array [
"./import/import.css",
"@import url(http://example.com/other-style.css);",
"screen and (orientation:landscape)",
],
Array [
"./import/import.css",
"@import url(http://example.com/other-style.css);",
"screen and (orientation:landscape)",
],
Array [
"./import/import.css",
"@import url(//example.com/style.css);",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/package/test.css",
".test {
d: d
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/query.css?foo=1&bar=1",
".query {
e: e;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/other-query.css?foo=1&bar=1#hash",
".other-query {
f: f;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/other-query.css?foo=1&bar=1#hash",
".other-query {
f: f;
}
",
"screen and (orientation:landscape)",
],
Array [
"./import/import.css",
"@import url(https://fonts.googleapis.com/css?family=Roboto);",
],
Array [
"./import/import.css",
"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);",
],
Array [
"./import/import.css",
"@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto);",
],
Array [
"../../src/index.js?[ident]!./import/relative.css",
".relative {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/top-relative.css",
".top-relative {
color: black;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
".tilde {
color: yellow;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/alias.css",
".alias {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/url.css",
".background-imported {
background: url(/webpack/public/path/img.png);
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/te'st.css",
".strange {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test test.css",
".space {
color: gray;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/node_modules/package/tilde.css",
"a { color: red };",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css?foo=bar",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css?foo=bar#hash",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css?#hash",
".test {
a: a;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"supports(display: flex)",
],
Array [
"../../src/index.js?[ident]!./import/test.css",
".test {
a: a;
}
",
"supports(display: flex) screen and (orientation:landscape)",
],
Array [
"../../src/index.js?[ident]!./import/something.css",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#hash",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?bar=foo",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#one",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=bar#two",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=1&bar=2",
".my-box {
color: red;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./import/something.css?foo=2&bar=1",
".my-box {
color: red;
}
",
"",
],
Array [
"./import/import.css",
"@import url();
@import url('');
@import url(\\"\\");
@import '';
@import \\"\\";
@import \\" \\";
@import \\"
\\";
@import url();
@import url('');
@import url(\\"\\");
@import ;
@import foo-bar;
@import-normalize;
@import url('http://') :root {}
.class {
a: b c d;
}
.foo {
@import 'path.css';
}
.background {
background: url(/webpack/public/path/img.png);
}
@import nourl(test.css);
@import '\\\\
\\\\
\\\\
';
/* Should be one import and two css modules */
/* Should be one import and two css modules */
/* Should be one import and two css modules */
/* Should be two import and two css modules */
/* Should be two import and two css modules */
/* Should be two import and two css modules */
",
"",
],
]
`;
exports[`"import" option should work with a value equal to "true": warnings 1`] = `
Array [
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(105:1) Unable to find uri in \\"@import nourl(test.css)\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(106:1) Unable to find uri in \\"@import '\\\\
\\\\
\\\\
'\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(12:1) Unable to find uri in \\"@import url()\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(13:1) Unable to find uri in \\"@import url('')\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(14:1) Unable to find uri in \\"@import url(\\"\\")\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(17:1) Unable to find uri in \\"@import ''\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(18:1) Unable to find uri in \\"@import \\"\\"\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(19:1) Unable to find uri in \\"@import \\" \\"\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(20:1) Unable to find uri in \\"@import \\"
\\"\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(22:1) Unable to find uri in \\"@import url()\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(23:1) Unable to find uri in \\"@import url('')\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(24:1) Unable to find uri in \\"@import url(\\"\\")\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(40:1) Unable to find uri in \\"@import \\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(41:1) Unable to find uri in \\"@import foo-bar\\"",
"ModuleWarning: Module Warning (from \`replaced original path\`):
Warning
(43:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.",
]
`;
css-loader-5.0.1/test/__snapshots__/importLoaders-option.test.js.snap 0000664 0000000 0000000 00000022461 13750556245 0025775 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`"importLoaders" option should work when not specified: errors 1`] = `Array []`;
exports[`"importLoaders" option should work when not specified: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js!./imported.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js!./other-imported.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"importLoaders" option should work when not specified: result 1`] = `
Array [
Array [
"../../src/index.js!./nested-import/imported.css",
".bar {
color: blue;
color: rgb(0 0 100% / 90%);
}
",
"",
],
Array [
"../../src/index.js!./nested-import/other-imported.css",
".baz {
color: green;
color: rgb(0 0 100% / 90%);
}
",
"",
],
Array [
"./nested-import/source.css",
".foo {
color: red;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
]
`;
exports[`"importLoaders" option should work when not specified: warnings 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to ""1"" ("postcss-loader" before): errors 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to ""1"" ("postcss-loader" before): module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./imported.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./other-imported.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"importLoaders" option should work with a value equal to ""1"" ("postcss-loader" before): result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./nested-import/imported.css",
".bar {
color: blue;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"../../src/index.js?[ident]!./nested-import/other-imported.css",
".baz {
color: green;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"./nested-import/source.css",
".foo {
color: red;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
]
`;
exports[`"importLoaders" option should work with a value equal to ""1"" ("postcss-loader" before): warnings 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to "0" (\`postcss-loader\` before): errors 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to "0" (\`postcss-loader\` before): module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./imported.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./other-imported.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"importLoaders" option should work with a value equal to "0" (\`postcss-loader\` before): result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./nested-import/imported.css",
".bar {
color: blue;
color: rgb(0 0 100% / 90%);
}
",
"",
],
Array [
"../../src/index.js?[ident]!./nested-import/other-imported.css",
".baz {
color: green;
color: rgb(0 0 100% / 90%);
}
",
"",
],
Array [
"./nested-import/source.css",
".foo {
color: red;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
]
`;
exports[`"importLoaders" option should work with a value equal to "0" (\`postcss-loader\` before): warnings 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to "1" ("postcss-loader" before): errors 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to "1" ("postcss-loader" before): module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./imported.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./other-imported.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"importLoaders" option should work with a value equal to "1" ("postcss-loader" before): result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./nested-import/imported.css",
".bar {
color: blue;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"../../src/index.js?[ident]!./nested-import/other-imported.css",
".baz {
color: green;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"./nested-import/source.css",
".foo {
color: red;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
]
`;
exports[`"importLoaders" option should work with a value equal to "1" ("postcss-loader" before): warnings 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to "1" (no loaders before): errors 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to "1" (no loaders before): module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./imported.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./other-imported.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgb(0 0 100% / 90%);\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"importLoaders" option should work with a value equal to "1" (no loaders before): result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./nested-import/imported.css",
".bar {
color: blue;
color: rgb(0 0 100% / 90%);
}
",
"",
],
Array [
"../../src/index.js?[ident]!./nested-import/other-imported.css",
".baz {
color: green;
color: rgb(0 0 100% / 90%);
}
",
"",
],
Array [
"./nested-import/source.css",
".foo {
color: red;
color: rgb(0 0 100% / 90%);
}
",
"",
],
]
`;
exports[`"importLoaders" option should work with a value equal to "1" (no loaders before): warnings 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to "2" ("postcss-loader" before): errors 1`] = `Array []`;
exports[`"importLoaders" option should work with a value equal to "2" ("postcss-loader" before): module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../src/index.js??[ident]!./imported.css\\";
import ___CSS_LOADER_AT_RULE_IMPORT_1___ from \\"-!../../../src/index.js??[ident]!./other-imported.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n color: red;\\\\n color: rgba(0, 0, 255, 0.9);\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"importLoaders" option should work with a value equal to "2" ("postcss-loader" before): result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./nested-import/imported.css",
".bar {
color: blue;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"../../src/index.js?[ident]!./nested-import/other-imported.css",
".baz {
color: green;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
Array [
"./nested-import/source.css",
".foo {
color: red;
color: rgba(0, 0, 255, 0.9);
}
",
"",
],
]
`;
exports[`"importLoaders" option should work with a value equal to "2" ("postcss-loader" before): warnings 1`] = `Array []`;
css-loader-5.0.1/test/__snapshots__/loader.test.js.snap 0000664 0000000 0000000 00000102235 13750556245 0023107 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`loader issue #1033 (2): errors 1`] = `Array []`;
exports[`loader issue #1033 (2): module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader issue #1033 (2): result 1`] = `
Array [
Array [
"./modules/issue-1033/issue-1033.css",
"",
"",
],
]
`;
exports[`loader issue #1033 (2): warnings 1`] = `Array []`;
exports[`loader issue #1033: errors 1`] = `Array []`;
exports[`loader issue #1033: module 1`] = `
"// Exports
export default {
};
"
`;
exports[`loader issue #1033: result 1`] = `Object {}`;
exports[`loader issue #1033: warnings 1`] = `Array []`;
exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": errors 1`] = `Array []`;
exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": result 1`] = `
Array [
Array [
"./empty.css",
"",
"",
],
]
`;
exports[`loader should not generate console.warn when plugins disabled and hideNothingWarning is "true": warnings 1`] = `Array []`;
exports[`loader should reuse \`ast\` from "postcss-loader": errors 1`] = `Array []`;
exports[`loader should reuse \`ast\` from "postcss-loader": module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../src/runtime/getUrl.js\\";
import ___CSS_LOADER_URL_IMPORT_0___ from \\"./img1x.png\\";
import ___CSS_LOADER_URL_IMPORT_1___ from \\"./img2x.png\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\":root {\\\\n --fontSize: 1rem;\\\\n --mainColor: rgba(18,52,86,0.47059);\\\\n --secondaryColor: rgba(102, 51, 153, 0.9);\\\\n}\\\\n\\\\nhtml {\\\\n overflow-x: hidden;\\\\n overflow-y: auto;\\\\n overflow: hidden auto;\\\\n}\\\\n\\\\n@media (max-width: 50rem) {\\\\n body {\\\\n color: rgba(18,52,86,0.47059);\\\\n color: var(--mainColor);\\\\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;\\\\n font-size: 1rem;\\\\n font-size: var(--fontSize);\\\\n line-height: calc(1rem * 1.5);\\\\n line-height: calc(var(--fontSize) * 1.5);\\\\n word-wrap: break-word;\\\\n padding-left: calc(1rem / 2 + 1px);\\\\n padding-right: calc(1rem / 2 + 1px);\\\\n padding-left: calc(var(--fontSize) / 2 + 1px);\\\\n padding-right: calc(var(--fontSize) / 2 + 1px);\\\\n }\\\\n}\\\\n\\\\nh1,h2,h3,h4,h5,h6 {\\\\n margin-top: 0;\\\\n margin-bottom: 0;\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \\");\\\\n}\\\\n}\\\\n\\\\nmain.hero, .hero.main {\\\\n background-image: -webkit-image-set(url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \\") 2x);\\\\n background-image: image-set(url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\") 1x, url(\\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \\") 2x);\\\\n}\\\\n\\\\na {\\\\n color: rgba(0, 0, 255, 0.9)\\\\n}\\\\n\\\\na:hover {\\\\n color: #639;\\\\n }\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader should reuse \`ast\` from "postcss-loader": result 1`] = `
Array [
Array [
"./postcss-present-env/source.css",
":root {
--fontSize: 1rem;
--mainColor: rgba(18,52,86,0.47059);
--secondaryColor: rgba(102, 51, 153, 0.9);
}
html {
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
}
@media (max-width: 50rem) {
body {
color: rgba(18,52,86,0.47059);
color: var(--mainColor);
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
font-size: 1rem;
font-size: var(--fontSize);
line-height: calc(1rem * 1.5);
line-height: calc(var(--fontSize) * 1.5);
word-wrap: break-word;
padding-left: calc(1rem / 2 + 1px);
padding-right: calc(1rem / 2 + 1px);
padding-left: calc(var(--fontSize) / 2 + 1px);
padding-right: calc(var(--fontSize) / 2 + 1px);
}
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: 0;
}
main.hero, .hero.main {
background-image: url(/webpack/public/path/img1x.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
main.hero, .hero.main {
background-image: url(/webpack/public/path/img2x.png);
}
}
main.hero, .hero.main {
background-image: -webkit-image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x);
background-image: image-set(url(/webpack/public/path/img1x.png) 1x, url(/webpack/public/path/img2x.png) 2x);
}
a {
color: rgba(0, 0, 255, 0.9)
}
a:hover {
color: #639;
}
",
"",
],
]
`;
exports[`loader should reuse \`ast\` from "postcss-loader": warnings 1`] = `Array []`;
exports[`loader should throw an error on invisible spaces: errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
CssSyntaxError
(1:8) /test/fixtures/invisible-space.css Unknown word
> 1 | a {
color: red;
}
| ^
",
]
`;
exports[`loader should throw an error on invisible spaces: warnings 1`] = `Array []`;
exports[`loader should throw error on invalid css syntax: errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
CssSyntaxError
(2:3) /test/fixtures/error.css Unknown word
1 | .some {
> 2 | invalid css;
| ^
3 | }
4 |
",
]
`;
exports[`loader should throw error on invalid css syntax: warnings 1`] = `Array []`;
exports[`loader should throws error when no loader(s) for assets: errors 1`] = `
Array [
"ModuleParseError: Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)",
]
`;
exports[`loader should throws error when no loader(s) for assets: warnings 1`] = `Array []`;
exports[`loader should work with "asset" module type: errors 1`] = `Array []`;
exports[`loader should work with "asset" module type: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../src/index.js!./imported.css\\";
import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../src/runtime/getUrl.js\\";
import ___CSS_LOADER_URL_IMPORT_0___ from \\"./url/img.png\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader should work with "asset" module type: result 1`] = `
Array [
Array [
"../../src/index.js!./imported.css",
".foo {
color: red;
}
",
"",
],
Array [
"./basic.css",
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(/webpack/public/path/img.png);
}
.class-duplicate-url {
background: url(/webpack/public/path/img.png);
}
:root {
--foo: 1px;
--bar: 2px;
}
.class { a: b c d; }
.two {}
.u-m\\\\+ { a: b c d; }
.class { content: \\"\\\\F10C\\" }
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
.class {
content: \\"\\\\2193\\";
content: \\"\\\\2193\\\\2193\\";
content: \\"\\\\2193 \\\\2193\\";
content: \\"\\\\2193\\\\2193\\\\2193\\";
content: \\"\\\\2193 \\\\2193 \\\\2193\\";
}
.-top {}
.\\\\-top {}
#\\\\#test {}
.grid {
display: flex;
flex-wrap: wrap;
}
.grid.\\\\-top {
align-items: flex-start;
}
.grid.-top {
align-items: flex-start;
}
.grid.\\\\-middle {
align-items: center;
}
.grid.\\\\-bottom {
align-items: flex-end;
}
.u-m\\\\00002b {}
.u-m00002b {}
#u-m\\\\+ {}
body {
font-family: '微软雅黑'; /* some chinese font name */
}
.myStyle {
content: '\\\\e901';
}
.myStyle {
content: '\\\\E901';
}
.♫ {}
.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
#© {} /* matches the element with id=\\"©\\" */
:root {
--title-align: center;
--sr-only: {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
};
}
.test {
content: \\"\\\\2014\\\\A0\\";
content: \\"\\\\2014 \\\\A0\\";
content: \\"\\\\A0 \\\\2014\\";
content: \\"\\\\A0\\\\2014\\";
margin-top: 1px\\\\9;
background-color: #000\\\\9;
}
.light.on .bulb:before{
content: '💡';
}
.base64 {
background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
}
a[href=''] {
color: red;
}
a[href='' i] {
color: red;
}
a[href=\\"\\"] {
color: blue;
}
a[href=\\"\\" i] {
color: blue;
}
",
"",
],
]
`;
exports[`loader should work with "asset" module type: warnings 1`] = `Array []`;
exports[`loader should work with "sass-loader": errors 1`] = `Array []`;
exports[`loader should work with "sass-loader": module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"body {\\\\n font: 100% Helvetica, sans-serif;\\\\n color: #333;\\\\n}\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader should work with "sass-loader": result 1`] = `
Array [
Array [
"./scss/source.scss",
"body {
font: 100% Helvetica, sans-serif;
color: #333;
}",
"",
],
]
`;
exports[`loader should work with "sass-loader": warnings 1`] = `Array []`;
exports[`loader should work with ModuleConcatenationPlugin (file-loader): errors 1`] = `Array []`;
exports[`loader should work with ModuleConcatenationPlugin (file-loader): warnings 1`] = `Array []`;
exports[`loader should work with ModuleConcatenationPlugin (url-loader): errors 1`] = `Array []`;
exports[`loader should work with ModuleConcatenationPlugin (url-loader): warnings 1`] = `Array []`;
exports[`loader should work with ModuleConcatenationPlugin: errors 1`] = `Array []`;
exports[`loader should work with ModuleConcatenationPlugin: warnings 1`] = `Array []`;
exports[`loader should work with empty css: errors 1`] = `Array []`;
exports[`loader should work with empty css: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader should work with empty css: result 1`] = `
Array [
Array [
"./empty.css",
"",
"",
],
]
`;
exports[`loader should work with empty css: warnings 1`] = `Array []`;
exports[`loader should work with empty options: errors 1`] = `Array []`;
exports[`loader should work with empty options: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../src/index.js??[ident]!./imported.css\\";
import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../src/runtime/getUrl.js\\";
import ___CSS_LOADER_URL_IMPORT_0___ from \\"./url/img.png\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader should work with empty options: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./imported.css",
".foo {
color: red;
}
",
"",
],
Array [
"./basic.css",
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(/webpack/public/path/img.png);
}
.class-duplicate-url {
background: url(/webpack/public/path/img.png);
}
:root {
--foo: 1px;
--bar: 2px;
}
.class { a: b c d; }
.two {}
.u-m\\\\+ { a: b c d; }
.class { content: \\"\\\\F10C\\" }
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
.class {
content: \\"\\\\2193\\";
content: \\"\\\\2193\\\\2193\\";
content: \\"\\\\2193 \\\\2193\\";
content: \\"\\\\2193\\\\2193\\\\2193\\";
content: \\"\\\\2193 \\\\2193 \\\\2193\\";
}
.-top {}
.\\\\-top {}
#\\\\#test {}
.grid {
display: flex;
flex-wrap: wrap;
}
.grid.\\\\-top {
align-items: flex-start;
}
.grid.-top {
align-items: flex-start;
}
.grid.\\\\-middle {
align-items: center;
}
.grid.\\\\-bottom {
align-items: flex-end;
}
.u-m\\\\00002b {}
.u-m00002b {}
#u-m\\\\+ {}
body {
font-family: '微软雅黑'; /* some chinese font name */
}
.myStyle {
content: '\\\\e901';
}
.myStyle {
content: '\\\\E901';
}
.♫ {}
.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
#© {} /* matches the element with id=\\"©\\" */
:root {
--title-align: center;
--sr-only: {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
};
}
.test {
content: \\"\\\\2014\\\\A0\\";
content: \\"\\\\2014 \\\\A0\\";
content: \\"\\\\A0 \\\\2014\\";
content: \\"\\\\A0\\\\2014\\";
margin-top: 1px\\\\9;
background-color: #000\\\\9;
}
.light.on .bulb:before{
content: '💡';
}
.base64 {
background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
}
a[href=''] {
color: red;
}
a[href='' i] {
color: red;
}
a[href=\\"\\"] {
color: blue;
}
a[href=\\"\\" i] {
color: blue;
}
",
"",
],
]
`;
exports[`loader should work with empty options: warnings 1`] = `Array []`;
exports[`loader should work with none AST metadata: errors 1`] = `Array []`;
exports[`loader should work with none AST metadata: result 1`] = `
Array [
Array [
"./simple.css",
".some-class {
color: red;
}
",
"",
],
]
`;
exports[`loader should work with none AST metadata: warnings 1`] = `Array []`;
exports[`loader should work with the "modules.auto" option and the "importLoaders" option: errors 1`] = `Array []`;
exports[`loader should work with the "modules.auto" option and the "importLoaders" option: result 1`] = `
"/* Pure CSS */
.imported-by-pure {
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
}
.pure {
color: red;
}
/* PostCSS */
.imported-by-postcss {
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
}
.postcss {
color: rgba(0, 0, 255, 0.9)
}
.postcss:hover {
color: #639;
}
/* SCSS */
.imported-by-scss {
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
}
.scss {
font: 100% Helvetica, sans-serif;
color: #333;
}
/* CSS modules */
._1IwxFskZk1cbjNkH0QoBiv {
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
color: red;
}
.global {
color: blue;
}
/* CSS modules + SCSS */
.imported-by-module-scss {
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
}
._2on1B_I_5ZLmD6I3yY37jX {
color: #333;
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
}
.global {
color: #333;
}
"
`;
exports[`loader should work with the "modules.auto" option and the "importLoaders" option: warnings 1`] = `Array []`;
exports[`loader should work: errors 1`] = `Array []`;
exports[`loader should work: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../src/runtime/api.js\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../src/index.js??[ident]!./imported.css\\";
import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../src/runtime/getUrl.js\\";
import ___CSS_LOADER_URL_IMPORT_0___ from \\"./url/img.png\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\\\n.test {\\\\n content: \\\\\\"\\\\\\\\2014\\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2014 \\\\\\\\A0\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0 \\\\\\\\2014\\\\\\";\\\\n content: \\\\\\"\\\\\\\\A0\\\\\\\\2014\\\\\\";\\\\n margin-top: 1px\\\\\\\\9;\\\\n background-color: #000\\\\\\\\9;\\\\n}\\\\n\\\\n.light.on .bulb:before{\\\\n content: '💡';\\\\n}\\\\n\\\\n.base64 {\\\\n background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);\\\\n}\\\\n\\\\na[href=''] {\\\\n color: red;\\\\n}\\\\n\\\\na[href='' i] {\\\\n color: red;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\"] {\\\\n color: blue;\\\\n}\\\\n\\\\na[href=\\\\\\"\\\\\\" i] {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader should work: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./imported.css",
".foo {
color: red;
}
",
"",
],
Array [
"./basic.css",
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(/webpack/public/path/img.png);
}
.class-duplicate-url {
background: url(/webpack/public/path/img.png);
}
:root {
--foo: 1px;
--bar: 2px;
}
.class { a: b c d; }
.two {}
.u-m\\\\+ { a: b c d; }
.class { content: \\"\\\\F10C\\" }
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
.class {
content: \\"\\\\2193\\";
content: \\"\\\\2193\\\\2193\\";
content: \\"\\\\2193 \\\\2193\\";
content: \\"\\\\2193\\\\2193\\\\2193\\";
content: \\"\\\\2193 \\\\2193 \\\\2193\\";
}
.-top {}
.\\\\-top {}
#\\\\#test {}
.grid {
display: flex;
flex-wrap: wrap;
}
.grid.\\\\-top {
align-items: flex-start;
}
.grid.-top {
align-items: flex-start;
}
.grid.\\\\-middle {
align-items: center;
}
.grid.\\\\-bottom {
align-items: flex-end;
}
.u-m\\\\00002b {}
.u-m00002b {}
#u-m\\\\+ {}
body {
font-family: '微软雅黑'; /* some chinese font name */
}
.myStyle {
content: '\\\\e901';
}
.myStyle {
content: '\\\\E901';
}
.♫ {}
.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
#© {} /* matches the element with id=\\"©\\" */
:root {
--title-align: center;
--sr-only: {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
};
}
.test {
content: \\"\\\\2014\\\\A0\\";
content: \\"\\\\2014 \\\\A0\\";
content: \\"\\\\A0 \\\\2014\\";
content: \\"\\\\A0\\\\2014\\";
margin-top: 1px\\\\9;
background-color: #000\\\\9;
}
.light.on .bulb:before{
content: '💡';
}
.base64 {
background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
}
a[href=''] {
color: red;
}
a[href='' i] {
color: red;
}
a[href=\\"\\"] {
color: blue;
}
a[href=\\"\\" i] {
color: blue;
}
",
"",
],
]
`;
exports[`loader should work: warnings 1`] = `Array []`;
css-loader-5.0.1/test/__snapshots__/modules-option.test.js.snap 0000664 0000000 0000000 00002035573 13750556245 0024633 0 ustar 00root root 0000000 0000000 // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`"modules" option issue #286: errors 1`] = `Array []`;
exports[`"modules" option issue #286: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"./dep.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".b--main { }\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"main\\": \\"b--main \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"red\\"] + \\"\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #286: result 1`] = `
Array [
Array [
"./modules/issue-286/dep.css",
".a--red { color: red }
",
"",
],
Array [
"./modules/issue-286/source.css",
".b--main { }
",
"",
],
]
`;
exports[`"modules" option issue #286: warnings 1`] = `Array []`;
exports[`"modules" option issue #636: errors 1`] = `Array []`;
exports[`"modules" option issue #636: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./foo.scss\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".prefix-bar {\\\\n}\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"bar\\": \\"prefix-bar \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"] + \\"\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #636: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./modules/issue-636/foo.scss",
".prefix-foo {
color: red;
}",
"",
],
Array [
"./modules/issue-636/source.scss",
".prefix-bar {
}",
"",
],
]
`;
exports[`"modules" option issue #636: warnings 1`] = `Array []`;
exports[`"modules" option issue #861: errors 1`] = `Array []`;
exports[`"modules" option issue #861: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./node_modules/@localpackage/color.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./node_modules/@localpackage/style.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._3-xO98la0jTEyk-RMXJ1HB {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"] + \\";\\\\n margin: 0;\\\\n padding: 0;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"color-grey\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"color-grey\\"] + \\"\\",
\\"copyright\\": \\"_3-xO98la0jTEyk-RMXJ1HB \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"type-heading\\"] + \\"\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #861: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./modules/issue-861/node_modules/@localpackage/color.css",
"
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/issue-861/node_modules/@otherlocalpackage/style.css",
"._34OED9az7G510opLe4yb1c {
display: flex;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/issue-861/node_modules/@localpackage/style.css",
"._2blXC1CBMJb76yPAbnhQda {
color: red;
margin: 0;
padding: 0;
}
",
"",
],
Array [
"./modules/issue-861/resolving-from-node_modules.css",
"._3-xO98la0jTEyk-RMXJ1HB {
color: gray;
margin: 0;
padding: 0;
}
",
"",
],
]
`;
exports[`"modules" option issue #861: warnings 1`] = `Array []`;
exports[`"modules" option issue #966 - values in selectors aren't escaped properly: errors 1`] = `Array []`;
exports[`"modules" option issue #966 - values in selectors aren't escaped properly: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._7-foo-class {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\--bar-class {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\--baz-class {\\\\n color: red;\\\\n}\\\\n\\\\n.fooBaz-class-continuation {\\\\n color: red;\\\\n}\\\\n\\\\n.some.class {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo-class\\": \\"_7-foo-class\\",
\\"bar-class\\": \\"--bar-class\\",
\\"baz-class\\": \\"--baz-class\\",
\\"fooBaz-class\\": \\"fooBaz-class-continuation\\",
\\"some\\": \\"some\\",
\\"class\\": \\"class\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #966 - values in selectors aren't escaped properly: result 1`] = `
Array [
Array [
"./modules/issue-966/issue-966.css",
"._7-foo-class {
color: red;
}
.\\\\--bar-class {
color: red;
}
.\\\\--baz-class {
color: red;
}
.fooBaz-class-continuation {
color: red;
}
.some.class {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option issue #966 - values in selectors aren't escaped properly: warnings 1`] = `Array []`;
exports[`"modules" option issue #966: errors 1`] = `Array []`;
exports[`"modules" option issue #966: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".button-hey {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"button\\": \\"button-hey\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #966: result 1`] = `
Array [
Array [
"./modules/issue-966/button.css",
".button-hey {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option issue #966: warnings 1`] = `Array []`;
exports[`"modules" option issue #967: errors 1`] = `Array []`;
exports[`"modules" option issue #967: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".modules-issue-967-path-placeholder__foo__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {\\\\n color: red;\\\\n}\\\\n\\\\n.modules-issue-967-path-placeholder__foo\\\\\\\\/bar__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {\\\\n color: blue;\\\\n}\\\\n\\\\n.modules-issue-967-path-placeholder__\\\\\\\\[\\\\\\\\/\\\\\\\\?\\\\\\\\<\\\\\\\\>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\3A \\\\\\\\*\\\\\\\\|\\\\\\\\\\\\\\"\\\\\\\\3A \\\\\\\\]__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {\\\\n color: yellow;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"modules-issue-967-path-placeholder__foo__--sep---sep---sep---sep----sep---sep---sep---sep---sep--\\",
\\"foo/bar\\": \\"modules-issue-967-path-placeholder__foo/bar__--sep---sep---sep---sep----sep---sep---sep---sep---sep--\\",
\\"[/?<>\\\\\\\\\\\\\\\\:*|\\\\\\":]\\": \\"modules-issue-967-path-placeholder__[/?<>\\\\\\\\\\\\\\\\:*|\\\\\\":]__--sep---sep---sep---sep----sep---sep---sep---sep---sep--\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #967: result 1`] = `
Array [
Array [
"./modules/issue-967/path-placeholder.css",
".modules-issue-967-path-placeholder__foo__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
color: red;
}
.modules-issue-967-path-placeholder__foo\\\\/bar__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
color: blue;
}
.modules-issue-967-path-placeholder__\\\\[\\\\/\\\\?\\\\<\\\\>\\\\\\\\\\\\\\\\\\\\3A \\\\*\\\\|\\\\\\"\\\\3A \\\\]__--sep---sep---sep---sep----sep---sep---sep---sep---sep-- {
color: yellow;
}
",
"",
],
]
`;
exports[`"modules" option issue #967: warnings 1`] = `Array []`;
exports[`"modules" option issue #980: errors 1`] = `Array []`;
exports[`"modules" option issue #980: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".file-with-many-dots-in-name_a_3NWtD {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"a\\": \\"file-with-many-dots-in-name_a_3NWtD\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #980: result 1`] = `
Array [
Array [
"./modules/issue-980/file.with.many.dots.in.name.css",
".file-with-many-dots-in-name_a_3NWtD {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option issue #980: warnings 1`] = `Array []`;
exports[`"modules" option issue #995: errors 1`] = `Array []`;
exports[`"modules" option issue #995: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"/* class=\\\\\\"😀\\\\\\" */\\\\n.a {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀 😓\\\\\\" */\\\\n.a.b {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" > class=\\\\\\"😓\\\\\\" */\\\\n.a .b {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" */\\\\n.😀 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀 😓\\\\\\" */\\\\n.😀.😓 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" > class=\\\\\\"😓\\\\\\" */\\\\n.😀 .😓 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" */\\\\n.\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀 😓\\\\\\" */\\\\n.\\\\\\\\1F600.\\\\\\\\1F613 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" > class=\\\\\\"😓\\\\\\" */\\\\n.\\\\\\\\1F600 .\\\\\\\\1F613 {\\\\n color: red;\\\\n}\\\\n\\\\n/* Local */\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" */\\\\n.\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀 😓\\\\\\" */\\\\n.\\\\\\\\1F600.\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n/* class=\\\\\\"😀\\\\\\" > class=\\\\\\"😓\\\\\\" */\\\\n.\\\\\\\\1F600 .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F600 .a .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F600 .\\\\\\\\1F600 .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\ndiv:not(.\\\\\\\\1F600) {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F600 .b {\\\\n color: red;\\\\n}\\\\n\\\\n.b .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F613 .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F613 .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\\\n.\\\\\\\\1F600 > .\\\\\\\\1F600 > .\\\\\\\\1F600 {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"a\\": \\"😀\\",
\\"b\\": \\"😀\\",
\\"c\\": \\"😀\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #995: result 1`] = `
Array [
Array [
"./modules/issue-995/issue-995.css",
"/* class=\\"😀\\" */
.a {
color: red;
}
/* class=\\"😀 😓\\" */
.a.b {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.a .b {
color: red;
}
/* class=\\"😀\\" */
.😀 {
color: red;
}
/* class=\\"😀 😓\\" */
.😀.😓 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.😀 .😓 {
color: red;
}
/* class=\\"😀\\" */
.\\\\1F600 {
color: red;
}
/* class=\\"😀 😓\\" */
.\\\\1F600.\\\\1F613 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.\\\\1F600 .\\\\1F613 {
color: red;
}
/* Local */
/* class=\\"😀\\" */
.\\\\1F600 {
color: red;
}
/* class=\\"😀 😓\\" */
.\\\\1F600.\\\\1F600 {
color: red;
}
/* class=\\"😀\\" > class=\\"😓\\" */
.\\\\1F600 .\\\\1F600 {
color: red;
}
.\\\\1F600 .a .\\\\1F600 {
color: red;
}
.\\\\1F600 .\\\\1F600 .\\\\1F600 {
color: red;
}
div:not(.\\\\1F600) {
color: red;
}
.\\\\1F600 .b {
color: red;
}
.b .\\\\1F600 {
color: red;
}
.\\\\1F613 .\\\\1F600 {
color: red;
}
.\\\\1F613 .\\\\1F600 {
color: red;
}
.\\\\1F600 > .\\\\1F600 > .\\\\1F600 {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option issue #995: warnings 1`] = `Array []`;
exports[`"modules" option issue #1063 throw error: errors 1`] = `
Array [
"ModuleError: Module Error (from \`replaced original path\`):
options.mode must be either \\"global\\", \\"local\\" or \\"pure\\" (default \\"local\\")",
"ModuleError: Module Error (from \`replaced original path\`):
options.mode must be either \\"global\\", \\"local\\" or \\"pure\\" (default \\"local\\")",
"ModuleError: Module Error (from \`replaced original path\`):
options.mode must be either \\"global\\", \\"local\\" or \\"pure\\" (default \\"local\\")",
]
`;
exports[`"modules" option issue #1063 throw error: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".classNameLocalFile {\\\\n color: green;\\\\n}\\\\n\\\\n:global(.otherClassLocalFile) {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #1063 throw error: module 2`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".classNameGlobalFile {\\\\n color: black;\\\\n}\\\\n\\\\n:local(.otherClassGlobalFile) {\\\\n color: coral;\\\\n}\\\\n\\", \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #1063 throw error: result 1`] = `
".classNameLocalFile {
color: green;
}
:global(.otherClassLocalFile) {
color: blue;
}
.classNameGlobalFile {
color: black;
}
:local(.otherClassGlobalFile) {
color: coral;
}
.foo :local(.bar) {
color: red;
}
"
`;
exports[`"modules" option issue #1063 throw error: warnings 1`] = `Array []`;
exports[`"modules" option issue #1063: errors 1`] = `Array []`;
exports[`"modules" option issue #1063: module with the \`global\` mode 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".classNameGlobalFile {\\\\n color: black;\\\\n}\\\\n\\\\n._3R0IujoYmi1IYvOTm7aj1H {\\\\n color: coral;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"otherClassGlobalFile\\": \\"_3R0IujoYmi1IYvOTm7aj1H\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #1063: module with the \`local\` mode 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._1cIyygbEsOkwSiRENx8zVU {\\\\n color: green;\\\\n}\\\\n\\\\n.otherClassLocalFile {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"classNameLocalFile\\": \\"_1cIyygbEsOkwSiRENx8zVU\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #1063: module with the \`pure\` mode 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".J7gDrWoVJPVJUOkhFmzq8 .OtGfkbh5uxg2vpEPy7SOS {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"J7gDrWoVJPVJUOkhFmzq8\\",
\\"bar\\": \\"OtGfkbh5uxg2vpEPy7SOS\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #1063: result 1`] = `
"._1cIyygbEsOkwSiRENx8zVU {
color: green;
}
.otherClassLocalFile {
color: blue;
}
.classNameGlobalFile {
color: black;
}
._3R0IujoYmi1IYvOTm7aj1H {
color: coral;
}
.J7gDrWoVJPVJUOkhFmzq8 .OtGfkbh5uxg2vpEPy7SOS {
color: red;
}
"
`;
exports[`"modules" option issue #1063: warnings 1`] = `Array []`;
exports[`"modules" option issue #1191 - fallback to default getLocalIdent: errors 1`] = `Array []`;
exports[`"modules" option issue #1191 - fallback to default getLocalIdent: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".some-class {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"some-class\\": \\"some-class\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option issue #1191 - fallback to default getLocalIdent: result 1`] = `
Object {
"css1": Array [
Array [
"./modules/issue-1191/issue-1191.css",
".some-class {
color: red;
}
",
"",
],
],
"css2": Array [
Array [
"./modules/issue-1191/issue-1191-custom.css",
".custom-some-class {
color: red;
}
",
"",
],
],
}
`;
exports[`"modules" option issue #1191 - fallback to default getLocalIdent: warnings 1`] = `Array []`;
exports[`"modules" option should avoid unnecessary "require": errors 1`] = `Array []`;
exports[`"modules" option should avoid unnecessary "require": module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./imported-simple.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".Uf0ts_XDBSnJJxTj8_Gi9 {\\\\n color: red;\\\\n}\\\\n\\\\n._29pZs19QWYaZFzehTn6_hs {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"simple-foo\\": \\"Uf0ts_XDBSnJJxTj8_Gi9 \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-simple\\"] + \\"\\",
\\"simple-bar\\": \\"_29pZs19QWYaZFzehTn6_hs \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-simple\\"] + \\"\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should avoid unnecessary "require": result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./modules/composes/imported-simple.css",
"._1LcKtmpK51ikm2OTXu6tSg {
display: block;
}
",
"",
],
Array [
"./modules/composes/composes-duplicate.css",
".Uf0ts_XDBSnJJxTj8_Gi9 {
color: red;
}
._29pZs19QWYaZFzehTn6_hs {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should avoid unnecessary "require": warnings 1`] = `Array []`;
exports[`"modules" option should dedupe same modules in one module (issue #1037): errors 1`] = `Array []`;
exports[`"modules" option should dedupe same modules in one module (issue #1037): module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./buttons/primary-button.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./buttons/secondary-button.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._20J9N7rmF9MDlW1fCyqEJg\\\\n{\\\\n}\\\\n\\\\n.i6SVpQUP5kat3lVfJZKUL\\\\n{\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"nextButton\\": \\"_20J9N7rmF9MDlW1fCyqEJg \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"primaryButton\\"] + \\"\\",
\\"backButton\\": \\"i6SVpQUP5kat3lVfJZKUL \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"secondaryButton\\"] + \\"\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should dedupe same modules in one module (issue #1037): result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./modules/dedupe/buttons/button.css",
"._2QecNNc0kCyNGf0j-87ceF
{
border:none;
padding:7px 15px;
cursor:pointer;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/dedupe/buttons/primary-button.css",
".SnLsSJLK0FO19AzFIwO6E
{
background-color:blue;
color:white;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/dedupe/buttons/secondary-button.css",
"._2gUJA1nJv71y2Pdwgea_NW
{
background-color:#555;
color:white;
}
",
"",
],
Array [
"./modules/dedupe/source.css",
"._20J9N7rmF9MDlW1fCyqEJg
{
}
.i6SVpQUP5kat3lVfJZKUL
{
}
",
"",
],
]
`;
exports[`"modules" option should dedupe same modules in one module (issue #1037): warnings 1`] = `Array []`;
exports[`"modules" option should emit warning when localIdentName is emoji: errors 1`] = `Array []`;
exports[`"modules" option should emit warning when localIdentName is emoji: warnings 1`] = `
Array [
"ModuleWarning: Module Warning (from \`replaced original path\`):
(Emitted value instead of an instance of Error) Emoji is deprecated and will be removed in next major release.",
]
`;
exports[`"modules" option should keep order: errors 1`] = `Array []`;
exports[`"modules" option should keep order: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./order-1.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./order-2.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".taF3G8y3UAnqvB5fSLAmQ {\\\\n display: block;\\\\n}\\\\n\\\\n.kwnllpWBslZUOyrU8gnEM {\\\\n display: inline;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"simple\\": \\"taF3G8y3UAnqvB5fSLAmQ \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"order-1\\"] + \\" \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"order-2\\"] + \\" \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"order-1-1\\"] + \\" \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"order-2-2\\"] + \\"\\",
\\"simple-other\\": \\"kwnllpWBslZUOyrU8gnEM \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"order-1\\"] + \\"\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should keep order: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./modules/order/order-1.css",
".cHTwsuS7DF0hGrENHf7wG {
color: red;
}
._1AgYyBK75qpNfG2lfAnL-3 {
color: aliceblue;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/order/order-2.css",
".ahJ3jQTbr3MI8rE0s5n25 {
color: blue;
}
._3AyoF54A_OYtvKDlU-vBNW {
color: azure;
}
",
"",
],
Array [
"./modules/order/index.css",
".taF3G8y3UAnqvB5fSLAmQ {
display: block;
}
.kwnllpWBslZUOyrU8gnEM {
display: inline;
}
",
"",
],
]
`;
exports[`"modules" option should keep order: warnings 1`] = `Array []`;
exports[`"modules" option should resolve absolute path in composes: errors 1`] = `Array []`;
exports[`"modules" option should resolve absolute path in composes: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./imported-simple.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._2Qa8f_r4FS0cuNEBSCJGHl { color: red; }\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"simple\\": \\"_2Qa8f_r4FS0cuNEBSCJGHl \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"imported-simple\\"] + \\"\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should resolve absolute path in composes: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./modules/composes/imported-simple.css",
"._1LcKtmpK51ikm2OTXu6tSg {
display: block;
}
",
"",
],
Array [
"./modules/composes/composes-absolute.css",
"._2Qa8f_r4FS0cuNEBSCJGHl { color: red; }",
"",
],
]
`;
exports[`"modules" option should resolve absolute path in composes: warnings 1`] = `Array []`;
exports[`"modules" option should resolve package from node_modules with and without tilde: errors 1`] = `Array []`;
exports[`"modules" option should resolve package from node_modules with and without tilde: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!../node_modules/test/index.css\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._1HqHWmuBD5StTBui9tqzRJ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"] + \\";\\\\n background: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"bar\\"] + \\";\\\\n}\\\\n\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"] + \\"\\",
\\"bar\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"bar\\"] + \\"\\",
\\"className\\": \\"_1HqHWmuBD5StTBui9tqzRJ\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should resolve package from node_modules with and without tilde: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./modules/node_modules/test/index.css",
"
",
"",
],
Array [
"./modules/issue-914/source.css",
"._1HqHWmuBD5StTBui9tqzRJ {
color: red;
background: green;
}
",
"",
],
]
`;
exports[`"modules" option should resolve package from node_modules with and without tilde: warnings 1`] = `Array []`;
exports[`"modules" option should should work with two leading hyphens: errors 1`] = `Array []`;
exports[`"modules" option should should work with two leading hyphens: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._--test {\\\\n background: red;\\\\n}\\\\n\\\\n._--_test {\\\\n background: blue;\\\\n}\\\\n\\\\n._--className {\\\\n background: red;\\\\n}\\\\n\\\\n#_--someId {\\\\n background: green;\\\\n}\\\\n\\\\n._--className ._--subClass {\\\\n color: green;\\\\n}\\\\n\\\\n#_--someId ._--subClass {\\\\n color: blue;\\\\n}\\\\n\\\\n._---a0-34a___f {\\\\n color: red;\\\\n}\\\\n\\\\n._--m_x_\\\\\\\\@ {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n._--B\\\\\\\\&W\\\\\\\\? {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._--\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n._--\\\\\\\\31 a2b3c {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_--\\\\\\\\#fake-id {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_---a-b-c- {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#_--© {\\\\n color: black;\\\\n}\\\\n\\\\n._--♥ { background: lime; }\\\\n._--© { background: lime; }\\\\n._--“‘’” { background: lime; }\\\\n._--☺☃ { background: lime; }\\\\n._--⌘⌥ { background: lime; }\\\\n._--𝄞♪♩♫♬ { background: lime; }\\\\n._--💩 { background: lime; }\\\\n._--\\\\\\\\? { background: lime; }\\\\n._--\\\\\\\\@ { background: lime; }\\\\n._--\\\\\\\\. { background: lime; }\\\\n._--\\\\\\\\3A \\\\\\\\) { background: lime; }\\\\n._--\\\\\\\\3A \\\\\\\\\`\\\\\\\\( { background: lime; }\\\\n._--\\\\\\\\31 23 { background: lime; }\\\\n._--\\\\\\\\31 a2b3c { background: lime; }\\\\n._--\\\\\\\\
{ background: lime; }\\\\n._--\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\> { background: lime; }\\\\n._--\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\. { background: lime; }\\\\n._--\\\\\\\\# { background: lime; }\\\\n._--\\\\\\\\#\\\\\\\\# { background: lime; }\\\\n._--\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\# { background: lime; }\\\\n._--\\\\\\\\_ { background: lime; }\\\\n._--\\\\\\\\{\\\\\\\\} { background: lime; }\\\\n._--\\\\\\\\#fake\\\\\\\\-id { background: lime; }\\\\n._--foo\\\\\\\\.bar { background: lime; }\\\\n._--\\\\\\\\3A hover { background: lime; }\\\\n._--\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active { background: lime; }\\\\n._--\\\\\\\\[attr\\\\\\\\=value\\\\\\\\] { background: lime; }\\\\n._--f\\\\\\\\/o\\\\\\\\/o { background: lime; }\\\\n._--f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o { background: lime; }\\\\n._--f\\\\\\\\*o\\\\\\\\*o { background: lime; }\\\\n._--f\\\\\\\\!o\\\\\\\\!o { background: lime; }\\\\n._--f\\\\\\\\'o\\\\\\\\'o { background: lime; }\\\\n._--f\\\\\\\\~o\\\\\\\\~o { background: lime; }\\\\n._--f\\\\\\\\+o\\\\\\\\+o { background: lime; }\\\\n\\\\n._--foo\\\\\\\\/bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._--foo\\\\\\\\\\\\\\\\bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._--foo\\\\\\\\/bar\\\\\\\\/baz {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._--foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"_--123\\",
\\"test\\": \\"_--test\\",
\\"_test\\": \\"_--_test\\",
\\"className\\": \\"_--className\\",
\\"someId\\": \\"_--someId\\",
\\"subClass\\": \\"_--subClass\\",
\\"-a0-34a___f\\": \\"_---a0-34a___f\\",
\\"m_x_@\\": \\"_--m_x_@\\",
\\"B&W?\\": \\"_--B&W?\\",
\\":\`(\\": \\"_--:\`(\\",
\\"1a2b3c\\": \\"_--1a2b3c\\",
\\"#fake-id\\": \\"_--#fake-id\\",
\\"-a-b-c-\\": \\"_---a-b-c-\\",
\\"©\\": \\"_--©\\",
\\"♥\\": \\"_--♥\\",
\\"“‘’”\\": \\"_--“‘’”\\",
\\"☺☃\\": \\"_--☺☃\\",
\\"⌘⌥\\": \\"_--⌘⌥\\",
\\"𝄞♪♩♫♬\\": \\"_--𝄞♪♩♫♬\\",
\\"💩\\": \\"_--💩\\",
\\"?\\": \\"_--?\\",
\\"@\\": \\"_--@\\",
\\".\\": \\"_--.\\",
\\":)\\": \\"_--:)\\",
\\"\\": \\"_--
\\",
\\"<><<<>><>\\": \\"_--<><<<>><>\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"_--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\",
\\"#\\": \\"_--#\\",
\\"##\\": \\"_--##\\",
\\"#.#.#\\": \\"_--#.#.#\\",
\\"_\\": \\"_--_\\",
\\"{}\\": \\"_--{}\\",
\\"foo.bar\\": \\"_--foo.bar\\",
\\":hover\\": \\"_--:hover\\",
\\":hover:focus:active\\": \\"_--:hover:focus:active\\",
\\"[attr=value]\\": \\"_--[attr=value]\\",
\\"f/o/o\\": \\"_--f/o/o\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"_--f\\\\\\\\o\\\\\\\\o\\",
\\"f*o*o\\": \\"_--f*o*o\\",
\\"f!o!o\\": \\"_--f!o!o\\",
\\"f'o'o\\": \\"_--f'o'o\\",
\\"f~o~o\\": \\"_--f~o~o\\",
\\"f+o+o\\": \\"_--f+o+o\\",
\\"foo/bar\\": \\"_--foo/bar\\",
\\"foo\\\\\\\\bar\\": \\"_--foo\\\\\\\\bar\\",
\\"foo/bar/baz\\": \\"_--foo/bar/baz\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"_--foo\\\\\\\\bar\\\\\\\\baz\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should should work with two leading hyphens: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
"._--test {
background: red;
}
._--_test {
background: blue;
}
._--className {
background: red;
}
#_--someId {
background: green;
}
._--className ._--subClass {
color: green;
}
#_--someId ._--subClass {
color: blue;
}
._---a0-34a___f {
color: red;
}
._--m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
._--B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
._--\\\\3A \\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
._--\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#_--\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#_---a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#_--© {
color: black;
}
._--♥ { background: lime; }
._--© { background: lime; }
._--“‘’” { background: lime; }
._--☺☃ { background: lime; }
._--⌘⌥ { background: lime; }
._--𝄞♪♩♫♬ { background: lime; }
._--💩 { background: lime; }
._--\\\\? { background: lime; }
._--\\\\@ { background: lime; }
._--\\\\. { background: lime; }
._--\\\\3A \\\\) { background: lime; }
._--\\\\3A \\\\\`\\\\( { background: lime; }
._--\\\\31 23 { background: lime; }
._--\\\\31 a2b3c { background: lime; }
._--\\\\ { background: lime; }
._--\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
._--\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
._--\\\\# { background: lime; }
._--\\\\#\\\\# { background: lime; }
._--\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
._--\\\\_ { background: lime; }
._--\\\\{\\\\} { background: lime; }
._--\\\\#fake\\\\-id { background: lime; }
._--foo\\\\.bar { background: lime; }
._--\\\\3A hover { background: lime; }
._--\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
._--\\\\[attr\\\\=value\\\\] { background: lime; }
._--f\\\\/o\\\\/o { background: lime; }
._--f\\\\\\\\o\\\\\\\\o { background: lime; }
._--f\\\\*o\\\\*o { background: lime; }
._--f\\\\!o\\\\!o { background: lime; }
._--f\\\\'o\\\\'o { background: lime; }
._--f\\\\~o\\\\~o { background: lime; }
._--f\\\\+o\\\\+o { background: lime; }
._--foo\\\\/bar {
background: hotpink;
}
._--foo\\\\\\\\bar {
background: hotpink;
}
._--foo\\\\/bar\\\\/baz {
background: hotpink;
}
._--foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should should work with two leading hyphens: warnings 1`] = `Array []`;
exports[`"modules" option should should work with two leading underscore: errors 1`] = `Array []`;
exports[`"modules" option should should work with two leading underscore: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".__test {\\\\n background: red;\\\\n}\\\\n\\\\n.___test {\\\\n background: blue;\\\\n}\\\\n\\\\n.__className {\\\\n background: red;\\\\n}\\\\n\\\\n#__someId {\\\\n background: green;\\\\n}\\\\n\\\\n.__className .__subClass {\\\\n color: green;\\\\n}\\\\n\\\\n#__someId .__subClass {\\\\n color: blue;\\\\n}\\\\n\\\\n.__-a0-34a___f {\\\\n color: red;\\\\n}\\\\n\\\\n.__m_x_\\\\\\\\@ {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.__B\\\\\\\\&W\\\\\\\\? {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.__\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.__\\\\\\\\31 a2b3c {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#__\\\\\\\\#fake-id {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#__-a-b-c- {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#__© {\\\\n color: black;\\\\n}\\\\n\\\\n.__♥ { background: lime; }\\\\n.__© { background: lime; }\\\\n.__“‘’” { background: lime; }\\\\n.__☺☃ { background: lime; }\\\\n.__⌘⌥ { background: lime; }\\\\n.__𝄞♪♩♫♬ { background: lime; }\\\\n.__💩 { background: lime; }\\\\n.__\\\\\\\\? { background: lime; }\\\\n.__\\\\\\\\@ { background: lime; }\\\\n.__\\\\\\\\. { background: lime; }\\\\n.__\\\\\\\\3A \\\\\\\\) { background: lime; }\\\\n.__\\\\\\\\3A \\\\\\\\\`\\\\\\\\( { background: lime; }\\\\n.__\\\\\\\\31 23 { background: lime; }\\\\n.__\\\\\\\\31 a2b3c { background: lime; }\\\\n.__\\\\\\\\ { background: lime; }\\\\n.__\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\> { background: lime; }\\\\n.__\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\. { background: lime; }\\\\n.__\\\\\\\\# { background: lime; }\\\\n.__\\\\\\\\#\\\\\\\\# { background: lime; }\\\\n.__\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\# { background: lime; }\\\\n.__\\\\\\\\_ { background: lime; }\\\\n.__\\\\\\\\{\\\\\\\\} { background: lime; }\\\\n.__\\\\\\\\#fake\\\\\\\\-id { background: lime; }\\\\n.__foo\\\\\\\\.bar { background: lime; }\\\\n.__\\\\\\\\3A hover { background: lime; }\\\\n.__\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active { background: lime; }\\\\n.__\\\\\\\\[attr\\\\\\\\=value\\\\\\\\] { background: lime; }\\\\n.__f\\\\\\\\/o\\\\\\\\/o { background: lime; }\\\\n.__f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o { background: lime; }\\\\n.__f\\\\\\\\*o\\\\\\\\*o { background: lime; }\\\\n.__f\\\\\\\\!o\\\\\\\\!o { background: lime; }\\\\n.__f\\\\\\\\'o\\\\\\\\'o { background: lime; }\\\\n.__f\\\\\\\\~o\\\\\\\\~o { background: lime; }\\\\n.__f\\\\\\\\+o\\\\\\\\+o { background: lime; }\\\\n\\\\n.__foo\\\\\\\\/bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.__foo\\\\\\\\\\\\\\\\bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.__foo\\\\\\\\/bar\\\\\\\\/baz {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.__foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"__123\\",
\\"test\\": \\"__test\\",
\\"_test\\": \\"___test\\",
\\"className\\": \\"__className\\",
\\"someId\\": \\"__someId\\",
\\"subClass\\": \\"__subClass\\",
\\"-a0-34a___f\\": \\"__-a0-34a___f\\",
\\"m_x_@\\": \\"__m_x_@\\",
\\"B&W?\\": \\"__B&W?\\",
\\":\`(\\": \\"__:\`(\\",
\\"1a2b3c\\": \\"__1a2b3c\\",
\\"#fake-id\\": \\"__#fake-id\\",
\\"-a-b-c-\\": \\"__-a-b-c-\\",
\\"©\\": \\"__©\\",
\\"♥\\": \\"__♥\\",
\\"“‘’”\\": \\"__“‘’”\\",
\\"☺☃\\": \\"__☺☃\\",
\\"⌘⌥\\": \\"__⌘⌥\\",
\\"𝄞♪♩♫♬\\": \\"__𝄞♪♩♫♬\\",
\\"💩\\": \\"__💩\\",
\\"?\\": \\"__?\\",
\\"@\\": \\"__@\\",
\\".\\": \\"__.\\",
\\":)\\": \\"__:)\\",
\\"\\": \\"__
\\",
\\"<><<<>><>\\": \\"__<><<<>><>\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"__++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\",
\\"#\\": \\"__#\\",
\\"##\\": \\"__##\\",
\\"#.#.#\\": \\"__#.#.#\\",
\\"_\\": \\"___\\",
\\"{}\\": \\"__{}\\",
\\"foo.bar\\": \\"__foo.bar\\",
\\":hover\\": \\"__:hover\\",
\\":hover:focus:active\\": \\"__:hover:focus:active\\",
\\"[attr=value]\\": \\"__[attr=value]\\",
\\"f/o/o\\": \\"__f/o/o\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"__f\\\\\\\\o\\\\\\\\o\\",
\\"f*o*o\\": \\"__f*o*o\\",
\\"f!o!o\\": \\"__f!o!o\\",
\\"f'o'o\\": \\"__f'o'o\\",
\\"f~o~o\\": \\"__f~o~o\\",
\\"f+o+o\\": \\"__f+o+o\\",
\\"foo/bar\\": \\"__foo/bar\\",
\\"foo\\\\\\\\bar\\": \\"__foo\\\\\\\\bar\\",
\\"foo/bar/baz\\": \\"__foo/bar/baz\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"__foo\\\\\\\\bar\\\\\\\\baz\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should should work with two leading underscore: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".__test {
background: red;
}
.___test {
background: blue;
}
.__className {
background: red;
}
#__someId {
background: green;
}
.__className .__subClass {
color: green;
}
#__someId .__subClass {
color: blue;
}
.__-a0-34a___f {
color: red;
}
.__m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
.__B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.__\\\\3A \\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.__\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#__\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#__-a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#__© {
color: black;
}
.__♥ { background: lime; }
.__© { background: lime; }
.__“‘’” { background: lime; }
.__☺☃ { background: lime; }
.__⌘⌥ { background: lime; }
.__𝄞♪♩♫♬ { background: lime; }
.__💩 { background: lime; }
.__\\\\? { background: lime; }
.__\\\\@ { background: lime; }
.__\\\\. { background: lime; }
.__\\\\3A \\\\) { background: lime; }
.__\\\\3A \\\\\`\\\\( { background: lime; }
.__\\\\31 23 { background: lime; }
.__\\\\31 a2b3c { background: lime; }
.__\\\\ { background: lime; }
.__\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
.__\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
.__\\\\# { background: lime; }
.__\\\\#\\\\# { background: lime; }
.__\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
.__\\\\_ { background: lime; }
.__\\\\{\\\\} { background: lime; }
.__\\\\#fake\\\\-id { background: lime; }
.__foo\\\\.bar { background: lime; }
.__\\\\3A hover { background: lime; }
.__\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
.__\\\\[attr\\\\=value\\\\] { background: lime; }
.__f\\\\/o\\\\/o { background: lime; }
.__f\\\\\\\\o\\\\\\\\o { background: lime; }
.__f\\\\*o\\\\*o { background: lime; }
.__f\\\\!o\\\\!o { background: lime; }
.__f\\\\'o\\\\'o { background: lime; }
.__f\\\\~o\\\\~o { background: lime; }
.__f\\\\+o\\\\+o { background: lime; }
.__foo\\\\/bar {
background: hotpink;
}
.__foo\\\\\\\\bar {
background: hotpink;
}
.__foo\\\\/bar\\\\/baz {
background: hotpink;
}
.__foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should should work with two leading underscore: warnings 1`] = `Array []`;
exports[`"modules" option should support resolving in composes preprocessor files with extensions: errors 1`] = `Array []`;
exports[`"modules" option should support resolving in composes preprocessor files with extensions: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./values.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./less-file.less\\";
import ___CSS_LOADER_ICSS_IMPORT_2___ from \\"-!../../../../src/index.js??[ident]!./scss-file.scss\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_2___, \\"\\", true);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".globalClassName {\\\\n color: orange;\\\\n}\\\\n\\\\n._2d7R2XcZsl6OcUNKfX7pmx {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._31rsAVggND7BS1fjrxMLrr {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-foo\\"] + \\";\\\\n}\\\\n\\\\n.dfrcIRfvBBvQ_nBbSyURY {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"v-bar\\"] + \\";\\\\n}\\\\n\\\\n.GL-qbZRhX1_a4FD6-aplW {\\\\n background: #000;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\"\\",
\\"v-foo\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-foo\\"] + \\"\\",
\\"v-bar\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"v-bar\\"] + \\"\\",
\\"globalClassName\\": \\"globalClassName\\",
\\"ghi\\": \\"_2d7R2XcZsl6OcUNKfX7pmx\\",
\\"class\\": \\"_31rsAVggND7BS1fjrxMLrr \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"lessClass\\"] + \\"\\",
\\"other\\": \\"dfrcIRfvBBvQ_nBbSyURY \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"scssClass\\"] + \\"\\",
\\"otherClassName\\": \\"GL-qbZRhX1_a4FD6-aplW globalClassName\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should support resolving in composes preprocessor files with extensions: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./modules/composes/values.css",
"
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/composes/less-file.less",
".AU34OOlIeGkUgT2KVHTK_ {
padding: 5px;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/composes/scss-file.scss",
"$color: red;
._14lUoCryZnM4Rrkm49iWuC {
color: $color;
padding: 15px;
}
",
"",
],
Array [
"./modules/composes/composes-preprocessors.css",
".globalClassName {
color: orange;
}
._2d7R2XcZsl6OcUNKfX7pmx {
color: red;
}
._31rsAVggND7BS1fjrxMLrr {
color: green;
}
.dfrcIRfvBBvQ_nBbSyURY {
color: white;
}
.GL-qbZRhX1_a4FD6-aplW {
background: #000;
}
",
"",
],
]
`;
exports[`"modules" option should support resolving in composes preprocessor files with extensions: warnings 1`] = `Array []`;
exports[`"modules" option should support resolving in composes: errors 1`] = `Array []`;
exports[`"modules" option should support resolving in composes: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./values.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./something.css\\";
import ___CSS_LOADER_ICSS_IMPORT_2___ from \\"-!../../../../src/index.js??[ident]!./imported-simple.css\\";
import ___CSS_LOADER_ICSS_IMPORT_3___ from \\"-!../../../../src/index.js??[ident]!./relative.css\\";
import ___CSS_LOADER_ICSS_IMPORT_4___ from \\"-!../../../../src/index.js??[ident]!./top-relative.css\\";
import ___CSS_LOADER_ICSS_IMPORT_5___ from \\"-!../../../../src/index.js??[ident]!../issue-861/node_modules/package/style.css\\";
import ___CSS_LOADER_ICSS_IMPORT_6___ from \\"-!../../../../src/index.js??[ident]!./alias.css\\";
import ___CSS_LOADER_ICSS_IMPORT_7___ from \\"-!../../../../src/index.js??[ident]!./scss-file.scss\\";
import ___CSS_LOADER_AT_RULE_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./test-other.css\\";
import ___CSS_LOADER_GET_URL_IMPORT___ from \\"../../../../src/runtime/getUrl.js\\";
import ___CSS_LOADER_URL_IMPORT_0___ from \\"../../url/img.png\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"(min-width: 100px)\\");
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_0___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_1___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_2___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_3___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_4___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_5___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_6___, \\"\\", true);
___CSS_LOADER_EXPORT___.i(___CSS_LOADER_ICSS_IMPORT_7___, \\"\\", true);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._2ZmR2b3YBVn0i8sme-abcC {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._1Tjau9FSqr5WLTBHaIm1rH {\\\\n color: blue;\\\\n}\\\\n\\\\n.EcQSwQce4PuQ5vNAybT9N {\\\\n display: block;\\\\n}\\\\n\\\\n.hTH4alr_d-S0jPncN6ib3 {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n._7sobwviowI6_CZkzLjYZG {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.YpDepip9R1BGGAy-rGgvc {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._3dfrN27nghAjb3tcT6R_Ov {\\\\n color: red;\\\\n}\\\\n\\\\n._3aPunKIij5oyAtcB6y9-Xm {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3Qp0o615k38gm2l4OVRknw {\\\\n color: gray;\\\\n}\\\\n\\\\n._1kgUMo7v00lYmyGBHv2COz {\\\\n color: gray;\\\\n}\\\\n\\\\n._3itMfHbLQSSkBisENyA8TF {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._2ChGydqcGYRLzAo3_Iomr2 {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ai7yu9kkZ_8JwK0EMbe6U {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.OX01CBO1Ma7xJh6yAybXq {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2Yk-wvfy8t_ESEwwB1Fc0y {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\" {\\\\n ._2Yk-wvfy8t_ESEwwB1Fc0y {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n\\\\n._2PhbElc8FsODw7KMuxWJyk {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: /* comment */ 10px /* comment */;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\\\n._1qvhWcgsRpzv9-_jaooxI0 {\\\\n background: url(\\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \\");\\\\n}\\\\n\\\\n._1-QX-dLNLF1zFn-cPfLHcH {\\\\n background: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\"\\",
\\"v-other\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\"\\",
\\"s-white\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"s-white\\"] + \\"\\",
\\"m-small\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"m-small\\"] + \\"\\",
\\"v-something\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\"\\",
\\"v-foo\\": \\"blue\\",
\\"v-bar\\": \\"block\\",
\\"v-primary\\": \\"#BF4040\\",
\\"s-black\\": \\"black-selector\\",
\\"m-large\\": \\"(min-width: 960px)\\",
\\"v-ident\\": \\"validIdent\\",
\\"v-pre-defined-ident\\": \\"left\\",
\\"v-string\\": \\"'content'\\",
\\"v-string-1\\": \\"''\\",
\\"v-url\\": \\"url(https://www.exammple.com/images/my-background.png)\\",
\\"v-url-1\\": \\"url('https://www.exammple.com/images/my-background.png')\\",
\\"v-url-2\\": \\"url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\")\\",
\\"v-integer\\": \\"100\\",
\\"v-integer-1\\": \\"-100\\",
\\"v-integer-2\\": \\"+100\\",
\\"v-number\\": \\".60\\",
\\"v-number-1\\": \\"-456.8\\",
\\"v-number-2\\": \\"-3.4e-2\\",
\\"v-dimension\\": \\"12px\\",
\\"v-percentage\\": \\"100%\\",
\\"v-hex\\": \\"#fff\\",
\\"v-comment\\": \\" /* comment */\\",
\\"v-function\\": \\"rgb(0,0,0)\\",
\\"v-unicode-range\\": \\"U+0025-00FF\\",
\\"ghi\\": \\"_2ZmR2b3YBVn0i8sme-abcC\\",
\\"my-class\\": \\"_1Tjau9FSqr5WLTBHaIm1rH\\",
\\"other\\": \\"EcQSwQce4PuQ5vNAybT9N\\",
\\"other-other\\": \\"hTH4alr_d-S0jPncN6ib3\\",
\\"green\\": \\"_7sobwviowI6_CZkzLjYZG\\",
\\"foo\\": \\"YpDepip9R1BGGAy-rGgvc\\",
\\"simple\\": \\"_3dfrN27nghAjb3tcT6R_Ov \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"imported-simple\\"] + \\"\\",
\\"relative\\": \\"_3aPunKIij5oyAtcB6y9-Xm \\" + ___CSS_LOADER_ICSS_IMPORT_3___.locals[\\"imported-relative\\"] + \\"\\",
\\"top-relative\\": \\"_3Qp0o615k38gm2l4OVRknw \\" + ___CSS_LOADER_ICSS_IMPORT_4___.locals[\\"imported-relative\\"] + \\"\\",
\\"my-module\\": \\"_1kgUMo7v00lYmyGBHv2COz \\" + ___CSS_LOADER_ICSS_IMPORT_5___.locals[\\"imported-module\\"] + \\"\\",
\\"alias\\": \\"_3itMfHbLQSSkBisENyA8TF \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\",
\\"alias-duplicate\\": \\"_2ChGydqcGYRLzAo3_Iomr2 \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\",
\\"primary-selector\\": \\"_1ai7yu9kkZ_8JwK0EMbe6U\\",
\\"black-selector\\": \\"OX01CBO1Ma7xJh6yAybXq\\",
\\"header\\": \\"_2Yk-wvfy8t_ESEwwB1Fc0y\\",
\\"foobarbaz\\": \\"_2PhbElc8FsODw7KMuxWJyk\\",
\\"url\\": \\"_1qvhWcgsRpzv9-_jaooxI0\\",
\\"main\\": \\"_1-QX-dLNLF1zFn-cPfLHcH \\" + ___CSS_LOADER_ICSS_IMPORT_7___.locals[\\"scssClass\\"] + \\"\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should support resolving in composes: result 1`] = `
Array [
Array [
"../../src/index.js?[ident]!./modules/composes/test-other.css",
"._24axXNO_oC23T0D0YAz-0Y {
d: d;
}
",
"(min-width: 100px)",
],
Array [
"../../src/index.js?[ident]!./modules/composes/values.css",
"
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/composes/something.css",
"
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/composes/imported-simple.css",
"._1LcKtmpK51ikm2OTXu6tSg {
display: block;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/composes/relative.css",
"._1bYd-W6Pwrt_8yXpE4FBEu {
display: inline;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/composes/top-relative.css",
"._2fqgZtBtapTNVy6bnJZjkP {
display: flex;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/issue-861/node_modules/package/style.css",
"._2212NWEpBgAjfmZAD6jJwU {
display: inline-block;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/composes/alias.css",
".gASNE59vLxrkyu1XPoUrX {
display: table;
}
",
"",
],
Array [
"../../src/index.js?[ident]!./modules/composes/scss-file.scss",
"._14lUoCryZnM4Rrkm49iWuC {
color: red;
padding: 15px;
}",
"",
],
Array [
"./modules/composes/composes.css",
"._2ZmR2b3YBVn0i8sme-abcC {
color: red;
}
._1Tjau9FSqr5WLTBHaIm1rH {
color: blue;
}
.EcQSwQce4PuQ5vNAybT9N {
display: block;
}
.hTH4alr_d-S0jPncN6ib3 {
width: 2112moon;
}
._7sobwviowI6_CZkzLjYZG {
color: green;
}
.YpDepip9R1BGGAy-rGgvc {
prop: red;
duplicate: green;
}
._3dfrN27nghAjb3tcT6R_Ov {
color: red;
}
._3aPunKIij5oyAtcB6y9-Xm {
color: yellow;
}
._3Qp0o615k38gm2l4OVRknw {
color: gray;
}
._1kgUMo7v00lYmyGBHv2COz {
color: gray;
}
._3itMfHbLQSSkBisENyA8TF {
color: gainsboro;
}
._2ChGydqcGYRLzAo3_Iomr2 {
color: gainsboro;
}
._1ai7yu9kkZ_8JwK0EMbe6U {
color: #BF4040;
}
.OX01CBO1Ma7xJh6yAybXq {
color: black;
}
@media (min-width: 960px) {
._2Yk-wvfy8t_ESEwwB1Fc0y {
padding: 0 20px;
}
}
.white {
color: white;
}
@media (min-width: 320px) {
._2Yk-wvfy8t_ESEwwB1Fc0y {
padding: 20px 20px;
}
}
._2PhbElc8FsODw7KMuxWJyk {
v-ident: validIdent;
v-pre-defined-ident: left;
v-string: 'content';
v-string-1: '';
v-url: url(https://www.exammple.com/images/my-background.png);
v-url-1: url('https://www.exammple.com/images/my-background.png');
v-url-2: url(\\"https://www.exammple.com/images/my-background.png\\");
v-integer: 100;
v-integer-1: -100;
v-integer-2: +100;
v-number: .60;
v-number-1: -456.8;
v-number-2: -3.4e-2;
v-dimension: 12px;
v-percentage: 100%;
v-hex: #fff;
v-comment: /* comment */ 10px /* comment */;
v-function: rgb(0,0,0);
v-unicode-range: U+0025-00FF;
mutliple: #fff .60 100%;
}
a {
content: 'content';
}
@supports (content: 'content') {
a {
content: 'content';
}
}
[class~='content'] {
color:green;
}
._1qvhWcgsRpzv9-_jaooxI0 {
background: url(/webpack/public/path/img.png);
}
._1-QX-dLNLF1zFn-cPfLHcH {
background: red;
}
",
"",
],
]
`;
exports[`"modules" option should support resolving in composes: warnings 1`] = `Array []`;
exports[`"modules" option should throw an error on unresolved import: errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
Error: Can't resolve './unresolved.css' in '/test/fixtures/modules/unresolved'",
]
`;
exports[`"modules" option should throw an error on unresolved import: warnings 1`] = `Array []`;
exports[`"modules" option should throw an error when class has unsupported name (JavaScript reserved words): errors 1`] = `
Array [
"ModuleParseError: Module parse failed: Unexpected keyword 'class' (7:13)
File was processed with these loaders:",
]
`;
exports[`"modules" option should throw an error when class has unsupported name (JavaScript reserved words): warnings 1`] = `Array []`;
exports[`"modules" option should throw an error when the "namedExport" is enabled and the "exportLocalsConvention" options has not "camelCaseOnly" value: errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
Error: The \\"modules.namedExport\\" option requires the \\"modules.exportLocalsConvention\\" option to be \\"camelCaseOnly\\" or \\"dashesOnly\\"",
]
`;
exports[`"modules" option should throw an error when the "namedExport" is enabled and the "exportLocalsConvention" options has not "camelCaseOnly" value: warnings 1`] = `Array []`;
exports[`"modules" option should throw an error when the "namedExport" option is "true", but the "esModule" is "false": errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
Error: The \\"modules.namedExport\\" option requires the \\"esModules\\" option to be enabled",
]
`;
exports[`"modules" option should throw an error when the "namedExport" option is "true", but the "esModule" is "false": warnings 1`] = `Array []`;
exports[`"modules" option should throw error with composes when the "namedExport" is enabled and "exportLocalsConvention" options has invalid value: errors 1`] = `
Array [
"ModuleBuildError: Module build failed (from \`replaced original path\`):
Error: The \\"modules.namedExport\\" option requires the \\"modules.exportLocalsConvention\\" option to be \\"camelCaseOnly\\" or \\"dashesOnly\\"",
]
`;
exports[`"modules" option should throw error with composes when the "namedExport" is enabled and "exportLocalsConvention" options has invalid value: warnings 1`] = `Array []`;
exports[`"modules" option should work and correctly replace escaped symbols: errors 1`] = `Array []`;
exports[`"modules" option should work and correctly replace escaped symbols: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".test--2Ojp {\\\\n background: red;\\\\n}\\\\n\\\\n._test--2pZu {\\\\n background: blue;\\\\n}\\\\n\\\\n.className--2ame {\\\\n background: red;\\\\n}\\\\n\\\\n#someId--2SKU {\\\\n background: green;\\\\n}\\\\n\\\\n.className--2ame .subClass--2IUT {\\\\n color: green;\\\\n}\\\\n\\\\n#someId--2SKU .subClass--2IUT {\\\\n color: blue;\\\\n}\\\\n\\\\n.-a0-34a___f--10bK {\\\\n color: red;\\\\n}\\\\n\\\\n.m_x_\\\\\\\\@--25pk {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.B\\\\\\\\&W\\\\\\\\?--2aTc {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--3cIU {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.\\\\\\\\31 a2b3c--3Llv {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#\\\\\\\\#fake-id--2yX_ {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#-a-b-c---3S11 {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#©--3eZ3 {\\\\n color: black;\\\\n}\\\\n\\\\n.♥--TxKD { background: lime; }\\\\n.©--3eZ3 { background: lime; }\\\\n.“‘’”--f6cc { background: lime; }\\\\n.☺☃--2c3D { background: lime; }\\\\n.⌘⌥--3J3I { background: lime; }\\\\n.𝄞♪♩♫♬--sMom { background: lime; }\\\\n.💩--Q31q { background: lime; }\\\\n.\\\\\\\\?--3mhI { background: lime; }\\\\n.\\\\\\\\@--1f2I { background: lime; }\\\\n.\\\\\\\\.--3OGC { background: lime; }\\\\n.\\\\\\\\3A \\\\\\\\)--396- { background: lime; }\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--3cIU { background: lime; }\\\\n.\\\\\\\\31 23--3QaX { background: lime; }\\\\n.\\\\\\\\31 a2b3c--3Llv { background: lime; }\\\\n.\\\\\\\\--2iQr { background: lime; }\\\\n.\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--wY_8 { background: lime; }\\\\n.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--2fRy { background: lime; }\\\\n.\\\\\\\\#--g8wr { background: lime; }\\\\n.\\\\\\\\#\\\\\\\\#--1Tef { background: lime; }\\\\n.\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--3JZu { background: lime; }\\\\n.\\\\\\\\_--2Wg2 { background: lime; }\\\\n.\\\\\\\\{\\\\\\\\}--3Y7c { background: lime; }\\\\n.\\\\\\\\#fake\\\\\\\\-id--2yX_ { background: lime; }\\\\n.foo\\\\\\\\.bar--2UOh { background: lime; }\\\\n.\\\\\\\\3A hover--1pVo { background: lime; }\\\\n.\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--3hSa { background: lime; }\\\\n.\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--1LDK { background: lime; }\\\\n.f\\\\\\\\/o\\\\\\\\/o--22wO { background: lime; }\\\\n.f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--17p- { background: lime; }\\\\n.f\\\\\\\\*o\\\\\\\\*o--329E { background: lime; }\\\\n.f\\\\\\\\!o\\\\\\\\!o--1JV- { background: lime; }\\\\n.f\\\\\\\\'o\\\\\\\\'o--g73D { background: lime; }\\\\n.f\\\\\\\\~o\\\\\\\\~o--3JcD { background: lime; }\\\\n.f\\\\\\\\+o\\\\\\\\+o--2gIh { background: lime; }\\\\n\\\\n.foo\\\\\\\\/bar--2M1f {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\\\\\\\\\bar--3y6A {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\/bar\\\\\\\\/baz--Zmhg {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--3Jov {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"123--3QaX\\",
\\"test\\": \\"test--2Ojp\\",
\\"_test\\": \\"_test--2pZu\\",
\\"className\\": \\"className--2ame\\",
\\"someId\\": \\"someId--2SKU\\",
\\"subClass\\": \\"subClass--2IUT\\",
\\"-a0-34a___f\\": \\"-a0-34a___f--10bK\\",
\\"m_x_@\\": \\"m_x_@--25pk\\",
\\"B&W?\\": \\"B&W?--2aTc\\",
\\":\`(\\": \\":\`(--3cIU\\",
\\"1a2b3c\\": \\"1a2b3c--3Llv\\",
\\"#fake-id\\": \\"#fake-id--2yX_\\",
\\"-a-b-c-\\": \\"-a-b-c---3S11\\",
\\"©\\": \\"©--3eZ3\\",
\\"♥\\": \\"♥--TxKD\\",
\\"“‘’”\\": \\"“‘’”--f6cc\\",
\\"☺☃\\": \\"☺☃--2c3D\\",
\\"⌘⌥\\": \\"⌘⌥--3J3I\\",
\\"𝄞♪♩♫♬\\": \\"𝄞♪♩♫♬--sMom\\",
\\"💩\\": \\"💩--Q31q\\",
\\"?\\": \\"?--3mhI\\",
\\"@\\": \\"@--1f2I\\",
\\".\\": \\".--3OGC\\",
\\":)\\": \\":)--396-\\",
\\"\\": \\"
--2iQr\\",
\\"<><<<>><>\\": \\"<><<<>><>--wY_8\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--2fRy\\",
\\"#\\": \\"#--g8wr\\",
\\"##\\": \\"##--1Tef\\",
\\"#.#.#\\": \\"#.#.#--3JZu\\",
\\"_\\": \\"_--2Wg2\\",
\\"{}\\": \\"{}--3Y7c\\",
\\"foo.bar\\": \\"foo.bar--2UOh\\",
\\":hover\\": \\":hover--1pVo\\",
\\":hover:focus:active\\": \\":hover:focus:active--3hSa\\",
\\"[attr=value]\\": \\"[attr=value]--1LDK\\",
\\"f/o/o\\": \\"f/o/o--22wO\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"f\\\\\\\\o\\\\\\\\o--17p-\\",
\\"f*o*o\\": \\"f*o*o--329E\\",
\\"f!o!o\\": \\"f!o!o--1JV-\\",
\\"f'o'o\\": \\"f'o'o--g73D\\",
\\"f~o~o\\": \\"f~o~o--3JcD\\",
\\"f+o+o\\": \\"f+o+o--2gIh\\",
\\"foo/bar\\": \\"foo/bar--2M1f\\",
\\"foo\\\\\\\\bar\\": \\"foo\\\\\\\\bar--3y6A\\",
\\"foo/bar/baz\\": \\"foo/bar/baz--Zmhg\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"foo\\\\\\\\bar\\\\\\\\baz--3Jov\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and correctly replace escaped symbols: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".test--2Ojp {
background: red;
}
._test--2pZu {
background: blue;
}
.className--2ame {
background: red;
}
#someId--2SKU {
background: green;
}
.className--2ame .subClass--2IUT {
color: green;
}
#someId--2SKU .subClass--2IUT {
color: blue;
}
.-a0-34a___f--10bK {
color: red;
}
.m_x_\\\\@--25pk {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\&W\\\\?--2aTc {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.\\\\3A \\\\\`\\\\(--3cIU {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\31 a2b3c--3Llv {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\#fake-id--2yX_ {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---3S11 {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--3eZ3 {
color: black;
}
.♥--TxKD { background: lime; }
.©--3eZ3 { background: lime; }
.“‘’”--f6cc { background: lime; }
.☺☃--2c3D { background: lime; }
.⌘⌥--3J3I { background: lime; }
.𝄞♪♩♫♬--sMom { background: lime; }
.💩--Q31q { background: lime; }
.\\\\?--3mhI { background: lime; }
.\\\\@--1f2I { background: lime; }
.\\\\.--3OGC { background: lime; }
.\\\\3A \\\\)--396- { background: lime; }
.\\\\3A \\\\\`\\\\(--3cIU { background: lime; }
.\\\\31 23--3QaX { background: lime; }
.\\\\31 a2b3c--3Llv { background: lime; }
.\\\\--2iQr { background: lime; }
.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--wY_8 { background: lime; }
.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--2fRy { background: lime; }
.\\\\#--g8wr { background: lime; }
.\\\\#\\\\#--1Tef { background: lime; }
.\\\\#\\\\.\\\\#\\\\.\\\\#--3JZu { background: lime; }
.\\\\_--2Wg2 { background: lime; }
.\\\\{\\\\}--3Y7c { background: lime; }
.\\\\#fake\\\\-id--2yX_ { background: lime; }
.foo\\\\.bar--2UOh { background: lime; }
.\\\\3A hover--1pVo { background: lime; }
.\\\\3A hover\\\\3A focus\\\\3A active--3hSa { background: lime; }
.\\\\[attr\\\\=value\\\\]--1LDK { background: lime; }
.f\\\\/o\\\\/o--22wO { background: lime; }
.f\\\\\\\\o\\\\\\\\o--17p- { background: lime; }
.f\\\\*o\\\\*o--329E { background: lime; }
.f\\\\!o\\\\!o--1JV- { background: lime; }
.f\\\\'o\\\\'o--g73D { background: lime; }
.f\\\\~o\\\\~o--3JcD { background: lime; }
.f\\\\+o\\\\+o--2gIh { background: lime; }
.foo\\\\/bar--2M1f {
background: hotpink;
}
.foo\\\\\\\\bar--3y6A {
background: hotpink;
}
.foo\\\\/bar\\\\/baz--Zmhg {
background: hotpink;
}
.foo\\\\\\\\bar\\\\\\\\baz--3Jov {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and correctly replace escaped symbols: warnings 1`] = `Array []`;
exports[`"modules" option should work and has "undefined" context if no context was given: errors 1`] = `Array []`;
exports[`"modules" option should work and has "undefined" context if no context was given: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n background: red;\\\\n}\\\\n\\\\n.foo {\\\\n background: blue;\\\\n}\\\\n\\\\n.foo {\\\\n background: red;\\\\n}\\\\n\\\\n#foo {\\\\n background: green;\\\\n}\\\\n\\\\n.foo .foo {\\\\n color: green;\\\\n}\\\\n\\\\n#foo .foo {\\\\n color: blue;\\\\n}\\\\n\\\\n.foo {\\\\n color: red;\\\\n}\\\\n\\\\n.foo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.foo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.foo {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.foo {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#foo {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#foo {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#foo {\\\\n color: black;\\\\n}\\\\n\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"foo\\",
\\"test\\": \\"foo\\",
\\"_test\\": \\"foo\\",
\\"className\\": \\"foo\\",
\\"someId\\": \\"foo\\",
\\"subClass\\": \\"foo\\",
\\"-a0-34a___f\\": \\"foo\\",
\\"m_x_@\\": \\"foo\\",
\\"B&W?\\": \\"foo\\",
\\":\`(\\": \\"foo\\",
\\"1a2b3c\\": \\"foo\\",
\\"#fake-id\\": \\"foo\\",
\\"-a-b-c-\\": \\"foo\\",
\\"©\\": \\"foo\\",
\\"♥\\": \\"foo\\",
\\"“‘’”\\": \\"foo\\",
\\"☺☃\\": \\"foo\\",
\\"⌘⌥\\": \\"foo\\",
\\"𝄞♪♩♫♬\\": \\"foo\\",
\\"💩\\": \\"foo\\",
\\"?\\": \\"foo\\",
\\"@\\": \\"foo\\",
\\".\\": \\"foo\\",
\\":)\\": \\"foo\\",
\\"\\": \\"foo\\",
\\"<><<<>><>\\": \\"foo\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"foo\\",
\\"#\\": \\"foo\\",
\\"##\\": \\"foo\\",
\\"#.#.#\\": \\"foo\\",
\\"_\\": \\"foo\\",
\\"{}\\": \\"foo\\",
\\"foo.bar\\": \\"foo\\",
\\":hover\\": \\"foo\\",
\\":hover:focus:active\\": \\"foo\\",
\\"[attr=value]\\": \\"foo\\",
\\"f/o/o\\": \\"foo\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"foo\\",
\\"f*o*o\\": \\"foo\\",
\\"f!o!o\\": \\"foo\\",
\\"f'o'o\\": \\"foo\\",
\\"f~o~o\\": \\"foo\\",
\\"f+o+o\\": \\"foo\\",
\\"foo/bar\\": \\"foo\\",
\\"foo\\\\\\\\bar\\": \\"foo\\",
\\"foo/bar/baz\\": \\"foo\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"foo\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and has "undefined" context if no context was given: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".foo {
background: red;
}
.foo {
background: blue;
}
.foo {
background: red;
}
#foo {
background: green;
}
.foo .foo {
color: green;
}
#foo .foo {
color: blue;
}
.foo {
color: red;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.foo {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.foo {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#foo {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#foo {
color: azure;
}
/* matches the element with id=\\"©\\" */
#foo {
color: black;
}
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and has "undefined" context if no context was given: warnings 1`] = `Array []`;
exports[`"modules" option should work and prefix leading hyphen when digit is first: errors 1`] = `Array []`;
exports[`"modules" option should work and prefix leading hyphen when digit is first: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._-1test {\\\\n background: red;\\\\n}\\\\n\\\\n._-1_test {\\\\n background: blue;\\\\n}\\\\n\\\\n._-1className {\\\\n background: red;\\\\n}\\\\n\\\\n#_-1someId {\\\\n background: green;\\\\n}\\\\n\\\\n._-1className ._-1subClass {\\\\n color: green;\\\\n}\\\\n\\\\n#_-1someId ._-1subClass {\\\\n color: blue;\\\\n}\\\\n\\\\n._-1-a0-34a___f {\\\\n color: red;\\\\n}\\\\n\\\\n._-1m_x_\\\\\\\\@ {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n._-1B\\\\\\\\&W\\\\\\\\? {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._-1\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n._-1\\\\\\\\31 a2b3c {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_-1\\\\\\\\#fake-id {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_-1-a-b-c- {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#_-1© {\\\\n color: black;\\\\n}\\\\n\\\\n._-1♥ { background: lime; }\\\\n._-1© { background: lime; }\\\\n._-1“‘’” { background: lime; }\\\\n._-1☺☃ { background: lime; }\\\\n._-1⌘⌥ { background: lime; }\\\\n._-1𝄞♪♩♫♬ { background: lime; }\\\\n._-1💩 { background: lime; }\\\\n._-1\\\\\\\\? { background: lime; }\\\\n._-1\\\\\\\\@ { background: lime; }\\\\n._-1\\\\\\\\. { background: lime; }\\\\n._-1\\\\\\\\3A \\\\\\\\) { background: lime; }\\\\n._-1\\\\\\\\3A \\\\\\\\\`\\\\\\\\( { background: lime; }\\\\n._-1\\\\\\\\31 23 { background: lime; }\\\\n._-1\\\\\\\\31 a2b3c { background: lime; }\\\\n._-1\\\\\\\\ { background: lime; }\\\\n._-1\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\> { background: lime; }\\\\n._-1\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\. { background: lime; }\\\\n._-1\\\\\\\\# { background: lime; }\\\\n._-1\\\\\\\\#\\\\\\\\# { background: lime; }\\\\n._-1\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\# { background: lime; }\\\\n._-1\\\\\\\\_ { background: lime; }\\\\n._-1\\\\\\\\{\\\\\\\\} { background: lime; }\\\\n._-1\\\\\\\\#fake\\\\\\\\-id { background: lime; }\\\\n._-1foo\\\\\\\\.bar { background: lime; }\\\\n._-1\\\\\\\\3A hover { background: lime; }\\\\n._-1\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active { background: lime; }\\\\n._-1\\\\\\\\[attr\\\\\\\\=value\\\\\\\\] { background: lime; }\\\\n._-1f\\\\\\\\/o\\\\\\\\/o { background: lime; }\\\\n._-1f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o { background: lime; }\\\\n._-1f\\\\\\\\*o\\\\\\\\*o { background: lime; }\\\\n._-1f\\\\\\\\!o\\\\\\\\!o { background: lime; }\\\\n._-1f\\\\\\\\'o\\\\\\\\'o { background: lime; }\\\\n._-1f\\\\\\\\~o\\\\\\\\~o { background: lime; }\\\\n._-1f\\\\\\\\+o\\\\\\\\+o { background: lime; }\\\\n\\\\n._-1foo\\\\\\\\/bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._-1foo\\\\\\\\\\\\\\\\bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._-1foo\\\\\\\\/bar\\\\\\\\/baz {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._-1foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"_-1123\\",
\\"test\\": \\"_-1test\\",
\\"_test\\": \\"_-1_test\\",
\\"className\\": \\"_-1className\\",
\\"someId\\": \\"_-1someId\\",
\\"subClass\\": \\"_-1subClass\\",
\\"-a0-34a___f\\": \\"_-1-a0-34a___f\\",
\\"m_x_@\\": \\"_-1m_x_@\\",
\\"B&W?\\": \\"_-1B&W?\\",
\\":\`(\\": \\"_-1:\`(\\",
\\"1a2b3c\\": \\"_-11a2b3c\\",
\\"#fake-id\\": \\"_-1#fake-id\\",
\\"-a-b-c-\\": \\"_-1-a-b-c-\\",
\\"©\\": \\"_-1©\\",
\\"♥\\": \\"_-1♥\\",
\\"“‘’”\\": \\"_-1“‘’”\\",
\\"☺☃\\": \\"_-1☺☃\\",
\\"⌘⌥\\": \\"_-1⌘⌥\\",
\\"𝄞♪♩♫♬\\": \\"_-1𝄞♪♩♫♬\\",
\\"💩\\": \\"_-1💩\\",
\\"?\\": \\"_-1?\\",
\\"@\\": \\"_-1@\\",
\\".\\": \\"_-1.\\",
\\":)\\": \\"_-1:)\\",
\\"\\": \\"_-1
\\",
\\"<><<<>><>\\": \\"_-1<><<<>><>\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"_-1++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\",
\\"#\\": \\"_-1#\\",
\\"##\\": \\"_-1##\\",
\\"#.#.#\\": \\"_-1#.#.#\\",
\\"_\\": \\"_-1_\\",
\\"{}\\": \\"_-1{}\\",
\\"foo.bar\\": \\"_-1foo.bar\\",
\\":hover\\": \\"_-1:hover\\",
\\":hover:focus:active\\": \\"_-1:hover:focus:active\\",
\\"[attr=value]\\": \\"_-1[attr=value]\\",
\\"f/o/o\\": \\"_-1f/o/o\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"_-1f\\\\\\\\o\\\\\\\\o\\",
\\"f*o*o\\": \\"_-1f*o*o\\",
\\"f!o!o\\": \\"_-1f!o!o\\",
\\"f'o'o\\": \\"_-1f'o'o\\",
\\"f~o~o\\": \\"_-1f~o~o\\",
\\"f+o+o\\": \\"_-1f+o+o\\",
\\"foo/bar\\": \\"_-1foo/bar\\",
\\"foo\\\\\\\\bar\\": \\"_-1foo\\\\\\\\bar\\",
\\"foo/bar/baz\\": \\"_-1foo/bar/baz\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"_-1foo\\\\\\\\bar\\\\\\\\baz\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and prefix leading hyphen when digit is first: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
"._-1test {
background: red;
}
._-1_test {
background: blue;
}
._-1className {
background: red;
}
#_-1someId {
background: green;
}
._-1className ._-1subClass {
color: green;
}
#_-1someId ._-1subClass {
color: blue;
}
._-1-a0-34a___f {
color: red;
}
._-1m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
._-1B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
._-1\\\\3A \\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
._-1\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#_-1\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#_-1-a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#_-1© {
color: black;
}
._-1♥ { background: lime; }
._-1© { background: lime; }
._-1“‘’” { background: lime; }
._-1☺☃ { background: lime; }
._-1⌘⌥ { background: lime; }
._-1𝄞♪♩♫♬ { background: lime; }
._-1💩 { background: lime; }
._-1\\\\? { background: lime; }
._-1\\\\@ { background: lime; }
._-1\\\\. { background: lime; }
._-1\\\\3A \\\\) { background: lime; }
._-1\\\\3A \\\\\`\\\\( { background: lime; }
._-1\\\\31 23 { background: lime; }
._-1\\\\31 a2b3c { background: lime; }
._-1\\\\ { background: lime; }
._-1\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
._-1\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
._-1\\\\# { background: lime; }
._-1\\\\#\\\\# { background: lime; }
._-1\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
._-1\\\\_ { background: lime; }
._-1\\\\{\\\\} { background: lime; }
._-1\\\\#fake\\\\-id { background: lime; }
._-1foo\\\\.bar { background: lime; }
._-1\\\\3A hover { background: lime; }
._-1\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
._-1\\\\[attr\\\\=value\\\\] { background: lime; }
._-1f\\\\/o\\\\/o { background: lime; }
._-1f\\\\\\\\o\\\\\\\\o { background: lime; }
._-1f\\\\*o\\\\*o { background: lime; }
._-1f\\\\!o\\\\!o { background: lime; }
._-1f\\\\'o\\\\'o { background: lime; }
._-1f\\\\~o\\\\~o { background: lime; }
._-1f\\\\+o\\\\+o { background: lime; }
._-1foo\\\\/bar {
background: hotpink;
}
._-1foo\\\\\\\\bar {
background: hotpink;
}
._-1foo\\\\/bar\\\\/baz {
background: hotpink;
}
._-1foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and prefix leading hyphen when digit is first: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "context" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "context" option: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._3THChI84 {\\\\n background: red;\\\\n}\\\\n\\\\n._1Ic0T6E2 {\\\\n background: blue;\\\\n}\\\\n\\\\n._1cIQwwGF {\\\\n background: red;\\\\n}\\\\n\\\\n#_2KQxkXGn {\\\\n background: green;\\\\n}\\\\n\\\\n._1cIQwwGF ._1SaZq9UR {\\\\n color: green;\\\\n}\\\\n\\\\n#_2KQxkXGn ._1SaZq9UR {\\\\n color: blue;\\\\n}\\\\n\\\\n._3_8fOv5C {\\\\n color: red;\\\\n}\\\\n\\\\n.oSCIyXHs {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n._1YhNoA0P {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n._1OM1XhAs {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n._1bpu3ISw {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_1CCtldT2 {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_2TwUosNR {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#_2DQauKX- {\\\\n color: black;\\\\n}\\\\n\\\\n._1OsGHnKz { background: lime; }\\\\n._2DQauKX- { background: lime; }\\\\n._2KvI5OuP { background: lime; }\\\\n._2yQjBRc3 { background: lime; }\\\\n._3fcdfPoZ { background: lime; }\\\\n._36_8UGtJ { background: lime; }\\\\n.uHOC9vIJ { background: lime; }\\\\n._3yhO8sbF { background: lime; }\\\\n._2FM4HzQ0 { background: lime; }\\\\n._3XwjsUQg { background: lime; }\\\\n._3RekpnZr { background: lime; }\\\\n._1OM1XhAs { background: lime; }\\\\n._3rkg9Zga { background: lime; }\\\\n._1bpu3ISw { background: lime; }\\\\n._2NpJOkGO { background: lime; }\\\\n._3rLnDN1Z { background: lime; }\\\\n.fBy3xycY { background: lime; }\\\\n._1mZzxf-Y { background: lime; }\\\\n._31Eihfoq { background: lime; }\\\\n._3aQjUey8 { background: lime; }\\\\n.Fi_vbOb0 { background: lime; }\\\\n._2PPE1yBA { background: lime; }\\\\n._1CCtldT2 { background: lime; }\\\\n._1CwcQl0I { background: lime; }\\\\n._1wJ1HEuW { background: lime; }\\\\n._2bgUHCtB { background: lime; }\\\\n._2kDs761Y { background: lime; }\\\\n.kDF4zPFr { background: lime; }\\\\n._11wgSOLK { background: lime; }\\\\n._3SaQaoVD { background: lime; }\\\\n._3WN_yiXA { background: lime; }\\\\n.uiCGuCDO { background: lime; }\\\\n._1Wue4zTM { background: lime; }\\\\n._3x4WJytB { background: lime; }\\\\n\\\\n._3S7V-jWX {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._3mkt5Iq- {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._2x1dgPlv {\\\\n background: hotpink;\\\\n}\\\\n\\\\n._2a8NOF62 {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"_3rkg9Zga\\",
\\"test\\": \\"_3THChI84\\",
\\"_test\\": \\"_1Ic0T6E2\\",
\\"className\\": \\"_1cIQwwGF\\",
\\"someId\\": \\"_2KQxkXGn\\",
\\"subClass\\": \\"_1SaZq9UR\\",
\\"-a0-34a___f\\": \\"_3_8fOv5C\\",
\\"m_x_@\\": \\"oSCIyXHs\\",
\\"B&W?\\": \\"_1YhNoA0P\\",
\\":\`(\\": \\"_1OM1XhAs\\",
\\"1a2b3c\\": \\"_1bpu3ISw\\",
\\"#fake-id\\": \\"_1CCtldT2\\",
\\"-a-b-c-\\": \\"_2TwUosNR\\",
\\"©\\": \\"_2DQauKX-\\",
\\"♥\\": \\"_1OsGHnKz\\",
\\"“‘’”\\": \\"_2KvI5OuP\\",
\\"☺☃\\": \\"_2yQjBRc3\\",
\\"⌘⌥\\": \\"_3fcdfPoZ\\",
\\"𝄞♪♩♫♬\\": \\"_36_8UGtJ\\",
\\"💩\\": \\"uHOC9vIJ\\",
\\"?\\": \\"_3yhO8sbF\\",
\\"@\\": \\"_2FM4HzQ0\\",
\\".\\": \\"_3XwjsUQg\\",
\\":)\\": \\"_3RekpnZr\\",
\\"\\": \\"_2NpJOkGO\\",
\\"<><<<>><>\\": \\"_3rLnDN1Z\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"fBy3xycY\\",
\\"#\\": \\"_1mZzxf-Y\\",
\\"##\\": \\"_31Eihfoq\\",
\\"#.#.#\\": \\"_3aQjUey8\\",
\\"_\\": \\"Fi_vbOb0\\",
\\"{}\\": \\"_2PPE1yBA\\",
\\"foo.bar\\": \\"_1CwcQl0I\\",
\\":hover\\": \\"_1wJ1HEuW\\",
\\":hover:focus:active\\": \\"_2bgUHCtB\\",
\\"[attr=value]\\": \\"_2kDs761Y\\",
\\"f/o/o\\": \\"kDF4zPFr\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"_11wgSOLK\\",
\\"f*o*o\\": \\"_3SaQaoVD\\",
\\"f!o!o\\": \\"_3WN_yiXA\\",
\\"f'o'o\\": \\"uiCGuCDO\\",
\\"f~o~o\\": \\"_1Wue4zTM\\",
\\"f+o+o\\": \\"_3x4WJytB\\",
\\"foo/bar\\": \\"_3S7V-jWX\\",
\\"foo\\\\\\\\bar\\": \\"_3mkt5Iq-\\",
\\"foo/bar/baz\\": \\"_2x1dgPlv\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"_2a8NOF62\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "context" option: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
"._3THChI84 {
background: red;
}
._1Ic0T6E2 {
background: blue;
}
._1cIQwwGF {
background: red;
}
#_2KQxkXGn {
background: green;
}
._1cIQwwGF ._1SaZq9UR {
color: green;
}
#_2KQxkXGn ._1SaZq9UR {
color: blue;
}
._3_8fOv5C {
color: red;
}
.oSCIyXHs {
margin-left: auto !important;
margin-right: auto !important;
}
._1YhNoA0P {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
._1OM1XhAs {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
._1bpu3ISw {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#_1CCtldT2 {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#_2TwUosNR {
color: azure;
}
/* matches the element with id=\\"©\\" */
#_2DQauKX- {
color: black;
}
._1OsGHnKz { background: lime; }
._2DQauKX- { background: lime; }
._2KvI5OuP { background: lime; }
._2yQjBRc3 { background: lime; }
._3fcdfPoZ { background: lime; }
._36_8UGtJ { background: lime; }
.uHOC9vIJ { background: lime; }
._3yhO8sbF { background: lime; }
._2FM4HzQ0 { background: lime; }
._3XwjsUQg { background: lime; }
._3RekpnZr { background: lime; }
._1OM1XhAs { background: lime; }
._3rkg9Zga { background: lime; }
._1bpu3ISw { background: lime; }
._2NpJOkGO { background: lime; }
._3rLnDN1Z { background: lime; }
.fBy3xycY { background: lime; }
._1mZzxf-Y { background: lime; }
._31Eihfoq { background: lime; }
._3aQjUey8 { background: lime; }
.Fi_vbOb0 { background: lime; }
._2PPE1yBA { background: lime; }
._1CCtldT2 { background: lime; }
._1CwcQl0I { background: lime; }
._1wJ1HEuW { background: lime; }
._2bgUHCtB { background: lime; }
._2kDs761Y { background: lime; }
.kDF4zPFr { background: lime; }
._11wgSOLK { background: lime; }
._3SaQaoVD { background: lime; }
._3WN_yiXA { background: lime; }
.uiCGuCDO { background: lime; }
._1Wue4zTM { background: lime; }
._3x4WJytB { background: lime; }
._3S7V-jWX {
background: hotpink;
}
._3mkt5Iq- {
background: hotpink;
}
._2x1dgPlv {
background: hotpink;
}
._2a8NOF62 {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "context" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "exportOnlyLocals" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "exportOnlyLocals" option: module 1`] = `
"// Imports
import ___CSS_LOADER_ICSS_IMPORT_0___ from \\"-!../../../../src/index.js??[ident]!./values.css\\";
import ___CSS_LOADER_ICSS_IMPORT_1___ from \\"-!../../../../src/index.js??[ident]!./something.css\\";
import ___CSS_LOADER_ICSS_IMPORT_2___ from \\"-!../../../../src/index.js??[ident]!./imported-simple.css\\";
import ___CSS_LOADER_ICSS_IMPORT_3___ from \\"-!../../../../src/index.js??[ident]!./relative.css\\";
import ___CSS_LOADER_ICSS_IMPORT_4___ from \\"-!../../../../src/index.js??[ident]!./top-relative.css\\";
import ___CSS_LOADER_ICSS_IMPORT_5___ from \\"-!../../../../src/index.js??[ident]!../issue-861/node_modules/package/style.css\\";
import ___CSS_LOADER_ICSS_IMPORT_6___ from \\"-!../../../../src/index.js??[ident]!./alias.css\\";
import ___CSS_LOADER_ICSS_IMPORT_7___ from \\"-!../../../../src/index.js??[ident]!./scss-file.scss\\";
// Exports
export default {
\\"v-def\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___[\\"v-def\\"] + \\"\\",
\\"v-other\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___[\\"v-other\\"] + \\"\\",
\\"s-white\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___[\\"s-white\\"] + \\"\\",
\\"m-small\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_0___[\\"m-small\\"] + \\"\\",
\\"v-something\\": \\"\\" + ___CSS_LOADER_ICSS_IMPORT_1___[\\"v-something\\"] + \\"\\",
\\"v-foo\\": \\"blue\\",
\\"v-bar\\": \\"block\\",
\\"v-primary\\": \\"#BF4040\\",
\\"s-black\\": \\"black-selector\\",
\\"m-large\\": \\"(min-width: 960px)\\",
\\"v-ident\\": \\"validIdent\\",
\\"v-pre-defined-ident\\": \\"left\\",
\\"v-string\\": \\"'content'\\",
\\"v-string-1\\": \\"''\\",
\\"v-url\\": \\"url(https://www.exammple.com/images/my-background.png)\\",
\\"v-url-1\\": \\"url('https://www.exammple.com/images/my-background.png')\\",
\\"v-url-2\\": \\"url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\")\\",
\\"v-integer\\": \\"100\\",
\\"v-integer-1\\": \\"-100\\",
\\"v-integer-2\\": \\"+100\\",
\\"v-number\\": \\".60\\",
\\"v-number-1\\": \\"-456.8\\",
\\"v-number-2\\": \\"-3.4e-2\\",
\\"v-dimension\\": \\"12px\\",
\\"v-percentage\\": \\"100%\\",
\\"v-hex\\": \\"#fff\\",
\\"v-comment\\": \\" /* comment */\\",
\\"v-function\\": \\"rgb(0,0,0)\\",
\\"v-unicode-range\\": \\"U+0025-00FF\\",
\\"ghi\\": \\"_ghi\\",
\\"my-class\\": \\"_my-class\\",
\\"other\\": \\"_other\\",
\\"other-other\\": \\"_other-other\\",
\\"green\\": \\"_green\\",
\\"foo\\": \\"_foo\\",
\\"simple\\": \\"_simple \\" + ___CSS_LOADER_ICSS_IMPORT_2___[\\"imported-simple\\"] + \\"\\",
\\"relative\\": \\"_relative \\" + ___CSS_LOADER_ICSS_IMPORT_3___[\\"imported-relative\\"] + \\"\\",
\\"top-relative\\": \\"_top-relative \\" + ___CSS_LOADER_ICSS_IMPORT_4___[\\"imported-relative\\"] + \\"\\",
\\"my-module\\": \\"_my-module \\" + ___CSS_LOADER_ICSS_IMPORT_5___[\\"imported-module\\"] + \\"\\",
\\"alias\\": \\"_alias \\" + ___CSS_LOADER_ICSS_IMPORT_6___[\\"imported-alias\\"] + \\"\\",
\\"alias-duplicate\\": \\"_alias-duplicate \\" + ___CSS_LOADER_ICSS_IMPORT_6___[\\"imported-alias\\"] + \\"\\",
\\"primary-selector\\": \\"_primary-selector\\",
\\"black-selector\\": \\"_black-selector\\",
\\"header\\": \\"_header\\",
\\"foobarbaz\\": \\"_foobarbaz\\",
\\"url\\": \\"_url\\",
\\"main\\": \\"_main \\" + ___CSS_LOADER_ICSS_IMPORT_7___[\\"scssClass\\"] + \\"\\"
};
"
`;
exports[`"modules" option should work and respect the "exportOnlyLocals" option: result 1`] = `
Object {
"alias": "_alias _imported-alias",
"alias-duplicate": "_alias-duplicate _imported-alias",
"black-selector": "_black-selector",
"foo": "_foo",
"foobarbaz": "_foobarbaz",
"ghi": "_ghi",
"green": "_green",
"header": "_header",
"m-large": "(min-width: 960px)",
"m-small": "(min-width: 320px)",
"main": "_main _scssClass",
"my-class": "_my-class",
"my-module": "_my-module _imported-module",
"other": "_other",
"other-other": "_other-other",
"primary-selector": "_primary-selector",
"relative": "_relative _imported-relative",
"s-black": "black-selector",
"s-white": "white",
"simple": "_simple _imported-simple",
"top-relative": "_top-relative _imported-relative",
"url": "_url",
"v-bar": "block",
"v-comment": " /* comment */",
"v-def": "red",
"v-dimension": "12px",
"v-foo": "blue",
"v-function": "rgb(0,0,0)",
"v-hex": "#fff",
"v-ident": "validIdent",
"v-integer": "100",
"v-integer-1": "-100",
"v-integer-2": "+100",
"v-number": ".60",
"v-number-1": "-456.8",
"v-number-2": "-3.4e-2",
"v-other": "green",
"v-percentage": "100%",
"v-pre-defined-ident": "left",
"v-primary": "#BF4040",
"v-something": "2112moon",
"v-string": "'content'",
"v-string-1": "''",
"v-unicode-range": "U+0025-00FF",
"v-url": "url(https://www.exammple.com/images/my-background.png)",
"v-url-1": "url('https://www.exammple.com/images/my-background.png')",
"v-url-2": "url(\\"https://www.exammple.com/images/my-background.png\\")",
}
`;
exports[`"modules" option should work and respect the "exportOnlyLocals" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "getLocalIdent" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "getLocalIdent" option: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".foo {\\\\n background: red;\\\\n}\\\\n\\\\n.foo {\\\\n background: blue;\\\\n}\\\\n\\\\n.foo {\\\\n background: red;\\\\n}\\\\n\\\\n#foo {\\\\n background: green;\\\\n}\\\\n\\\\n.foo .foo {\\\\n color: green;\\\\n}\\\\n\\\\n#foo .foo {\\\\n color: blue;\\\\n}\\\\n\\\\n.foo {\\\\n color: red;\\\\n}\\\\n\\\\n.foo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.foo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.foo {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.foo {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#foo {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#foo {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#foo {\\\\n color: black;\\\\n}\\\\n\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n.foo { background: lime; }\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"foo\\",
\\"test\\": \\"foo\\",
\\"_test\\": \\"foo\\",
\\"className\\": \\"foo\\",
\\"someId\\": \\"foo\\",
\\"subClass\\": \\"foo\\",
\\"-a0-34a___f\\": \\"foo\\",
\\"m_x_@\\": \\"foo\\",
\\"B&W?\\": \\"foo\\",
\\":\`(\\": \\"foo\\",
\\"1a2b3c\\": \\"foo\\",
\\"#fake-id\\": \\"foo\\",
\\"-a-b-c-\\": \\"foo\\",
\\"©\\": \\"foo\\",
\\"♥\\": \\"foo\\",
\\"“‘’”\\": \\"foo\\",
\\"☺☃\\": \\"foo\\",
\\"⌘⌥\\": \\"foo\\",
\\"𝄞♪♩♫♬\\": \\"foo\\",
\\"💩\\": \\"foo\\",
\\"?\\": \\"foo\\",
\\"@\\": \\"foo\\",
\\".\\": \\"foo\\",
\\":)\\": \\"foo\\",
\\"
\\": \\"foo\\",
\\"<><<<>><>\\": \\"foo\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"foo\\",
\\"#\\": \\"foo\\",
\\"##\\": \\"foo\\",
\\"#.#.#\\": \\"foo\\",
\\"_\\": \\"foo\\",
\\"{}\\": \\"foo\\",
\\"foo.bar\\": \\"foo\\",
\\":hover\\": \\"foo\\",
\\":hover:focus:active\\": \\"foo\\",
\\"[attr=value]\\": \\"foo\\",
\\"f/o/o\\": \\"foo\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"foo\\",
\\"f*o*o\\": \\"foo\\",
\\"f!o!o\\": \\"foo\\",
\\"f'o'o\\": \\"foo\\",
\\"f~o~o\\": \\"foo\\",
\\"f+o+o\\": \\"foo\\",
\\"foo/bar\\": \\"foo\\",
\\"foo\\\\\\\\bar\\": \\"foo\\",
\\"foo/bar/baz\\": \\"foo\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"foo\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "getLocalIdent" option: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".foo {
background: red;
}
.foo {
background: blue;
}
.foo {
background: red;
}
#foo {
background: green;
}
.foo .foo {
color: green;
}
#foo .foo {
color: blue;
}
.foo {
color: red;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
.foo {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.foo {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.foo {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#foo {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#foo {
color: azure;
}
/* matches the element with id=\\"©\\" */
#foo {
color: black;
}
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo { background: lime; }
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
.foo {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "getLocalIdent" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashPrefix" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "hashPrefix" option: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".test--b41321249ebb0685e6618911156e3110 {\\\\n background: red;\\\\n}\\\\n\\\\n._test--e605d9d2b9f8d108a3bc1e3815bc5742 {\\\\n background: blue;\\\\n}\\\\n\\\\n.className--22bb9d8df40e3da04687c7b7a35cee6c {\\\\n background: red;\\\\n}\\\\n\\\\n#someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3 {\\\\n background: green;\\\\n}\\\\n\\\\n.className--22bb9d8df40e3da04687c7b7a35cee6c .subClass--f26ced8fae092bbf6c32c0755b4b2689 {\\\\n color: green;\\\\n}\\\\n\\\\n#someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3 .subClass--f26ced8fae092bbf6c32c0755b4b2689 {\\\\n color: blue;\\\\n}\\\\n\\\\n.-a0-34a___f--343ba76509d402297336aa3ccd13f346 {\\\\n color: red;\\\\n}\\\\n\\\\n.m_x_\\\\\\\\@--158b897c83b122dd76838523634e11b7 {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.B\\\\\\\\&W\\\\\\\\?--dec830b310ac5c6931031f5077fd515f {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--6d8fd179dc072fe27c949b1fd22eda29 {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.\\\\\\\\31 a2b3c--0db261be3609287250bfbcbc24d1fc95 {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#\\\\\\\\#fake-id--bbd4261c5829e34c0c3185ef34318fd5 {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#-a-b-c---95878fa86c34e277bf41bdd102e87a5a {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#©--20a969c38eb11e123e2bfc547bdc5e08 {\\\\n color: black;\\\\n}\\\\n\\\\n.♥--f3cf6aeaca5cf1740681d26c65f0ec65 { background: lime; }\\\\n.©--20a969c38eb11e123e2bfc547bdc5e08 { background: lime; }\\\\n.“‘’”--a3778ef4d4572ec12c922b10b7512025 { background: lime; }\\\\n.☺☃--3ed5e5b440ef4083dbf310b404b800ed { background: lime; }\\\\n.⌘⌥--7af7e8771036a97e9167554027da67e7 { background: lime; }\\\\n.𝄞♪♩♫♬--b6c998ac9c840d38186128795cfd45c9 { background: lime; }\\\\n.💩--cd06cdeb5495e92691f624dd75e3a38e { background: lime; }\\\\n.\\\\\\\\?--ba4cda6564fd664118a1b291a5eff0d7 { background: lime; }\\\\n.\\\\\\\\@--0c1336757223ea7e8a2972e22c471795 { background: lime; }\\\\n.\\\\\\\\.--4385e8c15fa5c58ca9bbc1b4ad166f56 { background: lime; }\\\\n.\\\\\\\\3A \\\\\\\\)--8943cc547b2d37b17f21e702ab3f99ba { background: lime; }\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--6d8fd179dc072fe27c949b1fd22eda29 { background: lime; }\\\\n.\\\\\\\\31 23--1f55ef8239fee16777731cf45fa529b8 { background: lime; }\\\\n.\\\\\\\\31 a2b3c--0db261be3609287250bfbcbc24d1fc95 { background: lime; }\\\\n.\\\\\\\\--d2e7501107d4092029d4db45e8ae9e72 { background: lime; }\\\\n.\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--a80379f802d9488b6714fd98930aa1ba { background: lime; }\\\\n.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--8ea662cb37796e437224e3ce0ea5314e { background: lime; }\\\\n.\\\\\\\\#--a343f54935572672cb08973a510e4b2e { background: lime; }\\\\n.\\\\\\\\#\\\\\\\\#--4bbe051c6da4e2351b9fbbd221787752 { background: lime; }\\\\n.\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--f565f781d2204a02f13c1aa1b7353cfa { background: lime; }\\\\n.\\\\\\\\_--b8e05650bf8b01093e4a07aab4788d2f { background: lime; }\\\\n.\\\\\\\\{\\\\\\\\}--bbe33250951aae8c915a981318ab4a7a { background: lime; }\\\\n.\\\\\\\\#fake\\\\\\\\-id--bbd4261c5829e34c0c3185ef34318fd5 { background: lime; }\\\\n.foo\\\\\\\\.bar--0551f095c83cc1760d6fb7744921345f { background: lime; }\\\\n.\\\\\\\\3A hover--b6212951efdcca7b9aceb46749f23bcd { background: lime; }\\\\n.\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--7bc9104f0ba7a97d19e5211e52743e40 { background: lime; }\\\\n.\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--999e975b969750094580fc2015bd6840 { background: lime; }\\\\n.f\\\\\\\\/o\\\\\\\\/o--4afed9bcde7e2902a43566ee6b9ce203 { background: lime; }\\\\n.f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--f817fb0fdeb8ab9770a97595177ec49f { background: lime; }\\\\n.f\\\\\\\\*o\\\\\\\\*o--9ed47d92adad9861729359a6a55c7fae { background: lime; }\\\\n.f\\\\\\\\!o\\\\\\\\!o--aad099478379012e2b7fd745e46719df { background: lime; }\\\\n.f\\\\\\\\'o\\\\\\\\'o--ce931aafc17a7d70c933153c66801161 { background: lime; }\\\\n.f\\\\\\\\~o\\\\\\\\~o--316f0e2fe35eb8a83f4d081bf17affce { background: lime; }\\\\n.f\\\\\\\\+o\\\\\\\\+o--89904935c50f3d0737ac0cd81e50193e { background: lime; }\\\\n\\\\n.foo\\\\\\\\/bar--90160e88d07232be7a64629760892d77 {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\\\\\\\\\bar--5697404c682c28f24c0ff83947dc5fd7 {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\/bar\\\\\\\\/baz--a8c3f89a8e8c169e02875e1211c99fb0 {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--2ae3a61419e61dda045a78f0e0358c93 {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"123--1f55ef8239fee16777731cf45fa529b8\\",
\\"test\\": \\"test--b41321249ebb0685e6618911156e3110\\",
\\"_test\\": \\"_test--e605d9d2b9f8d108a3bc1e3815bc5742\\",
\\"className\\": \\"className--22bb9d8df40e3da04687c7b7a35cee6c\\",
\\"someId\\": \\"someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3\\",
\\"subClass\\": \\"subClass--f26ced8fae092bbf6c32c0755b4b2689\\",
\\"-a0-34a___f\\": \\"-a0-34a___f--343ba76509d402297336aa3ccd13f346\\",
\\"m_x_@\\": \\"m_x_@--158b897c83b122dd76838523634e11b7\\",
\\"B&W?\\": \\"B&W?--dec830b310ac5c6931031f5077fd515f\\",
\\":\`(\\": \\":\`(--6d8fd179dc072fe27c949b1fd22eda29\\",
\\"1a2b3c\\": \\"1a2b3c--0db261be3609287250bfbcbc24d1fc95\\",
\\"#fake-id\\": \\"#fake-id--bbd4261c5829e34c0c3185ef34318fd5\\",
\\"-a-b-c-\\": \\"-a-b-c---95878fa86c34e277bf41bdd102e87a5a\\",
\\"©\\": \\"©--20a969c38eb11e123e2bfc547bdc5e08\\",
\\"♥\\": \\"♥--f3cf6aeaca5cf1740681d26c65f0ec65\\",
\\"“‘’”\\": \\"“‘’”--a3778ef4d4572ec12c922b10b7512025\\",
\\"☺☃\\": \\"☺☃--3ed5e5b440ef4083dbf310b404b800ed\\",
\\"⌘⌥\\": \\"⌘⌥--7af7e8771036a97e9167554027da67e7\\",
\\"𝄞♪♩♫♬\\": \\"𝄞♪♩♫♬--b6c998ac9c840d38186128795cfd45c9\\",
\\"💩\\": \\"💩--cd06cdeb5495e92691f624dd75e3a38e\\",
\\"?\\": \\"?--ba4cda6564fd664118a1b291a5eff0d7\\",
\\"@\\": \\"@--0c1336757223ea7e8a2972e22c471795\\",
\\".\\": \\".--4385e8c15fa5c58ca9bbc1b4ad166f56\\",
\\":)\\": \\":)--8943cc547b2d37b17f21e702ab3f99ba\\",
\\"\\": \\"
--d2e7501107d4092029d4db45e8ae9e72\\",
\\"<><<<>><>\\": \\"<><<<>><>--a80379f802d9488b6714fd98930aa1ba\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--8ea662cb37796e437224e3ce0ea5314e\\",
\\"#\\": \\"#--a343f54935572672cb08973a510e4b2e\\",
\\"##\\": \\"##--4bbe051c6da4e2351b9fbbd221787752\\",
\\"#.#.#\\": \\"#.#.#--f565f781d2204a02f13c1aa1b7353cfa\\",
\\"_\\": \\"_--b8e05650bf8b01093e4a07aab4788d2f\\",
\\"{}\\": \\"{}--bbe33250951aae8c915a981318ab4a7a\\",
\\"foo.bar\\": \\"foo.bar--0551f095c83cc1760d6fb7744921345f\\",
\\":hover\\": \\":hover--b6212951efdcca7b9aceb46749f23bcd\\",
\\":hover:focus:active\\": \\":hover:focus:active--7bc9104f0ba7a97d19e5211e52743e40\\",
\\"[attr=value]\\": \\"[attr=value]--999e975b969750094580fc2015bd6840\\",
\\"f/o/o\\": \\"f/o/o--4afed9bcde7e2902a43566ee6b9ce203\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"f\\\\\\\\o\\\\\\\\o--f817fb0fdeb8ab9770a97595177ec49f\\",
\\"f*o*o\\": \\"f*o*o--9ed47d92adad9861729359a6a55c7fae\\",
\\"f!o!o\\": \\"f!o!o--aad099478379012e2b7fd745e46719df\\",
\\"f'o'o\\": \\"f'o'o--ce931aafc17a7d70c933153c66801161\\",
\\"f~o~o\\": \\"f~o~o--316f0e2fe35eb8a83f4d081bf17affce\\",
\\"f+o+o\\": \\"f+o+o--89904935c50f3d0737ac0cd81e50193e\\",
\\"foo/bar\\": \\"foo/bar--90160e88d07232be7a64629760892d77\\",
\\"foo\\\\\\\\bar\\": \\"foo\\\\\\\\bar--5697404c682c28f24c0ff83947dc5fd7\\",
\\"foo/bar/baz\\": \\"foo/bar/baz--a8c3f89a8e8c169e02875e1211c99fb0\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"foo\\\\\\\\bar\\\\\\\\baz--2ae3a61419e61dda045a78f0e0358c93\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "hashPrefix" option: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".test--b41321249ebb0685e6618911156e3110 {
background: red;
}
._test--e605d9d2b9f8d108a3bc1e3815bc5742 {
background: blue;
}
.className--22bb9d8df40e3da04687c7b7a35cee6c {
background: red;
}
#someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3 {
background: green;
}
.className--22bb9d8df40e3da04687c7b7a35cee6c .subClass--f26ced8fae092bbf6c32c0755b4b2689 {
color: green;
}
#someId--8c0f0ebc91d4fb36eb39c7b6ff7dd5b3 .subClass--f26ced8fae092bbf6c32c0755b4b2689 {
color: blue;
}
.-a0-34a___f--343ba76509d402297336aa3ccd13f346 {
color: red;
}
.m_x_\\\\@--158b897c83b122dd76838523634e11b7 {
margin-left: auto !important;
margin-right: auto !important;
}
.B\\\\&W\\\\?--dec830b310ac5c6931031f5077fd515f {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.\\\\3A \\\\\`\\\\(--6d8fd179dc072fe27c949b1fd22eda29 {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.\\\\31 a2b3c--0db261be3609287250bfbcbc24d1fc95 {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#\\\\#fake-id--bbd4261c5829e34c0c3185ef34318fd5 {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#-a-b-c---95878fa86c34e277bf41bdd102e87a5a {
color: azure;
}
/* matches the element with id=\\"©\\" */
#©--20a969c38eb11e123e2bfc547bdc5e08 {
color: black;
}
.♥--f3cf6aeaca5cf1740681d26c65f0ec65 { background: lime; }
.©--20a969c38eb11e123e2bfc547bdc5e08 { background: lime; }
.“‘’”--a3778ef4d4572ec12c922b10b7512025 { background: lime; }
.☺☃--3ed5e5b440ef4083dbf310b404b800ed { background: lime; }
.⌘⌥--7af7e8771036a97e9167554027da67e7 { background: lime; }
.𝄞♪♩♫♬--b6c998ac9c840d38186128795cfd45c9 { background: lime; }
.💩--cd06cdeb5495e92691f624dd75e3a38e { background: lime; }
.\\\\?--ba4cda6564fd664118a1b291a5eff0d7 { background: lime; }
.\\\\@--0c1336757223ea7e8a2972e22c471795 { background: lime; }
.\\\\.--4385e8c15fa5c58ca9bbc1b4ad166f56 { background: lime; }
.\\\\3A \\\\)--8943cc547b2d37b17f21e702ab3f99ba { background: lime; }
.\\\\3A \\\\\`\\\\(--6d8fd179dc072fe27c949b1fd22eda29 { background: lime; }
.\\\\31 23--1f55ef8239fee16777731cf45fa529b8 { background: lime; }
.\\\\31 a2b3c--0db261be3609287250bfbcbc24d1fc95 { background: lime; }
.\\\\--d2e7501107d4092029d4db45e8ae9e72 { background: lime; }
.\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--a80379f802d9488b6714fd98930aa1ba { background: lime; }
.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--8ea662cb37796e437224e3ce0ea5314e { background: lime; }
.\\\\#--a343f54935572672cb08973a510e4b2e { background: lime; }
.\\\\#\\\\#--4bbe051c6da4e2351b9fbbd221787752 { background: lime; }
.\\\\#\\\\.\\\\#\\\\.\\\\#--f565f781d2204a02f13c1aa1b7353cfa { background: lime; }
.\\\\_--b8e05650bf8b01093e4a07aab4788d2f { background: lime; }
.\\\\{\\\\}--bbe33250951aae8c915a981318ab4a7a { background: lime; }
.\\\\#fake\\\\-id--bbd4261c5829e34c0c3185ef34318fd5 { background: lime; }
.foo\\\\.bar--0551f095c83cc1760d6fb7744921345f { background: lime; }
.\\\\3A hover--b6212951efdcca7b9aceb46749f23bcd { background: lime; }
.\\\\3A hover\\\\3A focus\\\\3A active--7bc9104f0ba7a97d19e5211e52743e40 { background: lime; }
.\\\\[attr\\\\=value\\\\]--999e975b969750094580fc2015bd6840 { background: lime; }
.f\\\\/o\\\\/o--4afed9bcde7e2902a43566ee6b9ce203 { background: lime; }
.f\\\\\\\\o\\\\\\\\o--f817fb0fdeb8ab9770a97595177ec49f { background: lime; }
.f\\\\*o\\\\*o--9ed47d92adad9861729359a6a55c7fae { background: lime; }
.f\\\\!o\\\\!o--aad099478379012e2b7fd745e46719df { background: lime; }
.f\\\\'o\\\\'o--ce931aafc17a7d70c933153c66801161 { background: lime; }
.f\\\\~o\\\\~o--316f0e2fe35eb8a83f4d081bf17affce { background: lime; }
.f\\\\+o\\\\+o--89904935c50f3d0737ac0cd81e50193e { background: lime; }
.foo\\\\/bar--90160e88d07232be7a64629760892d77 {
background: hotpink;
}
.foo\\\\\\\\bar--5697404c682c28f24c0ff83947dc5fd7 {
background: hotpink;
}
.foo\\\\/bar\\\\/baz--a8c3f89a8e8c169e02875e1211c99fb0 {
background: hotpink;
}
.foo\\\\\\\\bar\\\\\\\\baz--2ae3a61419e61dda045a78f0e0358c93 {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "hashPrefix" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "asIs" value: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "asIs" value: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"bar\\",
\\"my-btn-info_is-disabled\\": \\"value\\",
\\"btn-info_is-disabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
\\"btn--info_is-disabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
\\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
\\"foo_bar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localConvention" option with the "asIs" value: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
"._2Q1V4VOWJJw_SluZvvIlhU {
color: blue;
}
._3gHYo9kyEfgQSONFjm5nvh {
color: blue;
}
._2jczkRmOmQX2P5z27ZjpPQ {
color: red;
}
a {
color: yellow;
}
._3VtSmmeR_mxHj2SfhVM4Hm {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localConvention" option with the "asIs" value: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"bar\\",
\\"my-btn-info_is-disabled\\": \\"value\\",
\\"myBtnInfoIsDisabled\\": \\"value\\",
\\"btn-info_is-disabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
\\"btnInfoIsDisabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
\\"btn--info_is-disabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
\\"btnInfoIsDisabled1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
\\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
\\"foo_bar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\",
\\"fooBar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
"._2Q1V4VOWJJw_SluZvvIlhU {
color: blue;
}
._3gHYo9kyEfgQSONFjm5nvh {
color: blue;
}
._2jczkRmOmQX2P5z27ZjpPQ {
color: red;
}
a {
color: yellow;
}
._3VtSmmeR_mxHj2SfhVM4Hm {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCase" value: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"bar\\",
\\"myBtnInfoIsDisabled\\": \\"value\\",
\\"btnInfoIsDisabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
\\"btnInfoIsDisabled1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
\\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
\\"fooBar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
"._2Q1V4VOWJJw_SluZvvIlhU {
color: blue;
}
._3gHYo9kyEfgQSONFjm5nvh {
color: blue;
}
._2jczkRmOmQX2P5z27ZjpPQ {
color: red;
}
a {
color: yellow;
}
._3VtSmmeR_mxHj2SfhVM4Hm {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localConvention" option with the "camelCaseOnly" value: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"bar\\",
\\"my-btn-info_is-disabled\\": \\"value\\",
\\"myBtnInfo_isDisabled\\": \\"value\\",
\\"btn-info_is-disabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
\\"btnInfo_isDisabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
\\"btn--info_is-disabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
\\"btnInfo_isDisabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
\\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
\\"foo_bar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
"._2Q1V4VOWJJw_SluZvvIlhU {
color: blue;
}
._3gHYo9kyEfgQSONFjm5nvh {
color: blue;
}
._2jczkRmOmQX2P5z27ZjpPQ {
color: red;
}
a {
color: yellow;
}
._3VtSmmeR_mxHj2SfhVM4Hm {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashes" value: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._2Q1V4VOWJJw_SluZvvIlhU {\\\\n color: blue;\\\\n}\\\\n\\\\n._3gHYo9kyEfgQSONFjm5nvh {\\\\n color: blue;\\\\n}\\\\n\\\\n._2jczkRmOmQX2P5z27ZjpPQ {\\\\n color: red;\\\\n}\\\\n\\\\na {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3VtSmmeR_mxHj2SfhVM4Hm {\\\\n color: red;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"bar\\",
\\"myBtnInfo_isDisabled\\": \\"value\\",
\\"btnInfo_isDisabled\\": \\"_2Q1V4VOWJJw_SluZvvIlhU\\",
\\"btnInfo_isDisabled_1\\": \\"_3gHYo9kyEfgQSONFjm5nvh\\",
\\"simple\\": \\"_2jczkRmOmQX2P5z27ZjpPQ\\",
\\"foo_bar\\": \\"_3VtSmmeR_mxHj2SfhVM4Hm\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: result 1`] = `
Array [
Array [
"./modules/localsConvention/localsConvention.css",
"._2Q1V4VOWJJw_SluZvvIlhU {
color: blue;
}
._3gHYo9kyEfgQSONFjm5nvh {
color: blue;
}
._2jczkRmOmQX2P5z27ZjpPQ {
color: red;
}
a {
color: yellow;
}
._3VtSmmeR_mxHj2SfhVM4Hm {
color: red;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localConvention" option with the "dashesOnly" value: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentName" option: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "localIdentName" option: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".localIdentName--test--3THCh {\\\\n background: red;\\\\n}\\\\n\\\\n.localIdentName--_test--1Ic0T {\\\\n background: blue;\\\\n}\\\\n\\\\n.localIdentName--className--1cIQw {\\\\n background: red;\\\\n}\\\\n\\\\n#localIdentName--someId--2KQxk {\\\\n background: green;\\\\n}\\\\n\\\\n.localIdentName--className--1cIQw .localIdentName--subClass--1SaZq {\\\\n color: green;\\\\n}\\\\n\\\\n#localIdentName--someId--2KQxk .localIdentName--subClass--1SaZq {\\\\n color: blue;\\\\n}\\\\n\\\\n.localIdentName---a0-34a___f--3_8fO {\\\\n color: red;\\\\n}\\\\n\\\\n.localIdentName--m_x_\\\\\\\\@--oSCIy {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.localIdentName--B\\\\\\\\&W\\\\\\\\?--1YhNo {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.localIdentName--\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--1OM1X {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.localIdentName--\\\\\\\\31 a2b3c--1bpu3 {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#localIdentName--\\\\\\\\#fake-id--1CCtl {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#localIdentName---a-b-c---2TwUo {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#localIdentName--©--2DQau {\\\\n color: black;\\\\n}\\\\n\\\\n.localIdentName--♥--1OsGH { background: lime; }\\\\n.localIdentName--©--2DQau { background: lime; }\\\\n.localIdentName--“‘’”--2KvI5 { background: lime; }\\\\n.localIdentName--☺☃--2yQjB { background: lime; }\\\\n.localIdentName--⌘⌥--3fcdf { background: lime; }\\\\n.localIdentName--𝄞♪♩♫♬--36_8U { background: lime; }\\\\n.localIdentName--💩--uHOC9 { background: lime; }\\\\n.localIdentName--\\\\\\\\?--3yhO8 { background: lime; }\\\\n.localIdentName--\\\\\\\\@--2FM4H { background: lime; }\\\\n.localIdentName--\\\\\\\\.--3Xwjs { background: lime; }\\\\n.localIdentName--\\\\\\\\3A \\\\\\\\)--3Rekp { background: lime; }\\\\n.localIdentName--\\\\\\\\3A \\\\\\\\\`\\\\\\\\(--1OM1X { background: lime; }\\\\n.localIdentName--\\\\\\\\31 23--3rkg9 { background: lime; }\\\\n.localIdentName--\\\\\\\\31 a2b3c--1bpu3 { background: lime; }\\\\n.localIdentName--\\\\\\\\--2NpJO { background: lime; }\\\\n.localIdentName--\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\>--3rLnD { background: lime; }\\\\n.localIdentName--\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.--fBy3x { background: lime; }\\\\n.localIdentName--\\\\\\\\#--1mZzx { background: lime; }\\\\n.localIdentName--\\\\\\\\#\\\\\\\\#--31Eih { background: lime; }\\\\n.localIdentName--\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\#--3aQjU { background: lime; }\\\\n.localIdentName--\\\\\\\\_--Fi_vb { background: lime; }\\\\n.localIdentName--\\\\\\\\{\\\\\\\\}--2PPE1 { background: lime; }\\\\n.localIdentName--\\\\\\\\#fake\\\\\\\\-id--1CCtl { background: lime; }\\\\n.localIdentName--foo\\\\\\\\.bar--1CwcQ { background: lime; }\\\\n.localIdentName--\\\\\\\\3A hover--1wJ1H { background: lime; }\\\\n.localIdentName--\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active--2bgUH { background: lime; }\\\\n.localIdentName--\\\\\\\\[attr\\\\\\\\=value\\\\\\\\]--2kDs7 { background: lime; }\\\\n.localIdentName--f\\\\\\\\/o\\\\\\\\/o--kDF4z { background: lime; }\\\\n.localIdentName--f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o--11wgS { background: lime; }\\\\n.localIdentName--f\\\\\\\\*o\\\\\\\\*o--3SaQa { background: lime; }\\\\n.localIdentName--f\\\\\\\\!o\\\\\\\\!o--3WN_y { background: lime; }\\\\n.localIdentName--f\\\\\\\\'o\\\\\\\\'o--uiCGu { background: lime; }\\\\n.localIdentName--f\\\\\\\\~o\\\\\\\\~o--1Wue4 { background: lime; }\\\\n.localIdentName--f\\\\\\\\+o\\\\\\\\+o--3x4WJ { background: lime; }\\\\n\\\\n.localIdentName--foo\\\\\\\\/bar--3S7V- {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.localIdentName--foo\\\\\\\\\\\\\\\\bar--3mkt5 {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.localIdentName--foo\\\\\\\\/bar\\\\\\\\/baz--2x1dg {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.localIdentName--foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz--2a8NO {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"localIdentName--123--3rkg9\\",
\\"test\\": \\"localIdentName--test--3THCh\\",
\\"_test\\": \\"localIdentName--_test--1Ic0T\\",
\\"className\\": \\"localIdentName--className--1cIQw\\",
\\"someId\\": \\"localIdentName--someId--2KQxk\\",
\\"subClass\\": \\"localIdentName--subClass--1SaZq\\",
\\"-a0-34a___f\\": \\"localIdentName---a0-34a___f--3_8fO\\",
\\"m_x_@\\": \\"localIdentName--m_x_@--oSCIy\\",
\\"B&W?\\": \\"localIdentName--B&W?--1YhNo\\",
\\":\`(\\": \\"localIdentName--:\`(--1OM1X\\",
\\"1a2b3c\\": \\"localIdentName--1a2b3c--1bpu3\\",
\\"#fake-id\\": \\"localIdentName--#fake-id--1CCtl\\",
\\"-a-b-c-\\": \\"localIdentName---a-b-c---2TwUo\\",
\\"©\\": \\"localIdentName--©--2DQau\\",
\\"♥\\": \\"localIdentName--♥--1OsGH\\",
\\"“‘’”\\": \\"localIdentName--“‘’”--2KvI5\\",
\\"☺☃\\": \\"localIdentName--☺☃--2yQjB\\",
\\"⌘⌥\\": \\"localIdentName--⌘⌥--3fcdf\\",
\\"𝄞♪♩♫♬\\": \\"localIdentName--𝄞♪♩♫♬--36_8U\\",
\\"💩\\": \\"localIdentName--💩--uHOC9\\",
\\"?\\": \\"localIdentName--?--3yhO8\\",
\\"@\\": \\"localIdentName--@--2FM4H\\",
\\".\\": \\"localIdentName--.--3Xwjs\\",
\\":)\\": \\"localIdentName--:)--3Rekp\\",
\\"\\": \\"localIdentName--
--2NpJO\\",
\\"<><<<>><>\\": \\"localIdentName--<><<<>><>--3rLnD\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"localIdentName--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--fBy3x\\",
\\"#\\": \\"localIdentName--#--1mZzx\\",
\\"##\\": \\"localIdentName--##--31Eih\\",
\\"#.#.#\\": \\"localIdentName--#.#.#--3aQjU\\",
\\"_\\": \\"localIdentName--_--Fi_vb\\",
\\"{}\\": \\"localIdentName--{}--2PPE1\\",
\\"foo.bar\\": \\"localIdentName--foo.bar--1CwcQ\\",
\\":hover\\": \\"localIdentName--:hover--1wJ1H\\",
\\":hover:focus:active\\": \\"localIdentName--:hover:focus:active--2bgUH\\",
\\"[attr=value]\\": \\"localIdentName--[attr=value]--2kDs7\\",
\\"f/o/o\\": \\"localIdentName--f/o/o--kDF4z\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"localIdentName--f\\\\\\\\o\\\\\\\\o--11wgS\\",
\\"f*o*o\\": \\"localIdentName--f*o*o--3SaQa\\",
\\"f!o!o\\": \\"localIdentName--f!o!o--3WN_y\\",
\\"f'o'o\\": \\"localIdentName--f'o'o--uiCGu\\",
\\"f~o~o\\": \\"localIdentName--f~o~o--1Wue4\\",
\\"f+o+o\\": \\"localIdentName--f+o+o--3x4WJ\\",
\\"foo/bar\\": \\"localIdentName--foo/bar--3S7V-\\",
\\"foo\\\\\\\\bar\\": \\"localIdentName--foo\\\\\\\\bar--3mkt5\\",
\\"foo/bar/baz\\": \\"localIdentName--foo/bar/baz--2x1dg\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"localIdentName--foo\\\\\\\\bar\\\\\\\\baz--2a8NO\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "localIdentName" option: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".localIdentName--test--3THCh {
background: red;
}
.localIdentName--_test--1Ic0T {
background: blue;
}
.localIdentName--className--1cIQw {
background: red;
}
#localIdentName--someId--2KQxk {
background: green;
}
.localIdentName--className--1cIQw .localIdentName--subClass--1SaZq {
color: green;
}
#localIdentName--someId--2KQxk .localIdentName--subClass--1SaZq {
color: blue;
}
.localIdentName---a0-34a___f--3_8fO {
color: red;
}
.localIdentName--m_x_\\\\@--oSCIy {
margin-left: auto !important;
margin-right: auto !important;
}
.localIdentName--B\\\\&W\\\\?--1YhNo {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.localIdentName--\\\\3A \\\\\`\\\\(--1OM1X {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.localIdentName--\\\\31 a2b3c--1bpu3 {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#localIdentName--\\\\#fake-id--1CCtl {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#localIdentName---a-b-c---2TwUo {
color: azure;
}
/* matches the element with id=\\"©\\" */
#localIdentName--©--2DQau {
color: black;
}
.localIdentName--♥--1OsGH { background: lime; }
.localIdentName--©--2DQau { background: lime; }
.localIdentName--“‘’”--2KvI5 { background: lime; }
.localIdentName--☺☃--2yQjB { background: lime; }
.localIdentName--⌘⌥--3fcdf { background: lime; }
.localIdentName--𝄞♪♩♫♬--36_8U { background: lime; }
.localIdentName--💩--uHOC9 { background: lime; }
.localIdentName--\\\\?--3yhO8 { background: lime; }
.localIdentName--\\\\@--2FM4H { background: lime; }
.localIdentName--\\\\.--3Xwjs { background: lime; }
.localIdentName--\\\\3A \\\\)--3Rekp { background: lime; }
.localIdentName--\\\\3A \\\\\`\\\\(--1OM1X { background: lime; }
.localIdentName--\\\\31 23--3rkg9 { background: lime; }
.localIdentName--\\\\31 a2b3c--1bpu3 { background: lime; }
.localIdentName--\\\\--2NpJO { background: lime; }
.localIdentName--\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\>--3rLnD { background: lime; }
.localIdentName--\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\.--fBy3x { background: lime; }
.localIdentName--\\\\#--1mZzx { background: lime; }
.localIdentName--\\\\#\\\\#--31Eih { background: lime; }
.localIdentName--\\\\#\\\\.\\\\#\\\\.\\\\#--3aQjU { background: lime; }
.localIdentName--\\\\_--Fi_vb { background: lime; }
.localIdentName--\\\\{\\\\}--2PPE1 { background: lime; }
.localIdentName--\\\\#fake\\\\-id--1CCtl { background: lime; }
.localIdentName--foo\\\\.bar--1CwcQ { background: lime; }
.localIdentName--\\\\3A hover--1wJ1H { background: lime; }
.localIdentName--\\\\3A hover\\\\3A focus\\\\3A active--2bgUH { background: lime; }
.localIdentName--\\\\[attr\\\\=value\\\\]--2kDs7 { background: lime; }
.localIdentName--f\\\\/o\\\\/o--kDF4z { background: lime; }
.localIdentName--f\\\\\\\\o\\\\\\\\o--11wgS { background: lime; }
.localIdentName--f\\\\*o\\\\*o--3SaQa { background: lime; }
.localIdentName--f\\\\!o\\\\!o--3WN_y { background: lime; }
.localIdentName--f\\\\'o\\\\'o--uiCGu { background: lime; }
.localIdentName--f\\\\~o\\\\~o--1Wue4 { background: lime; }
.localIdentName--f\\\\+o\\\\+o--3x4WJ { background: lime; }
.localIdentName--foo\\\\/bar--3S7V- {
background: hotpink;
}
.localIdentName--foo\\\\\\\\bar--3mkt5 {
background: hotpink;
}
.localIdentName--foo\\\\/bar\\\\/baz--2x1dg {
background: hotpink;
}
.localIdentName--foo\\\\\\\\bar\\\\\\\\baz--2a8NO {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "localIdentName" option: warnings 1`] = `Array []`;
exports[`"modules" option should work and respect the "path" placeholder: errors 1`] = `Array []`;
exports[`"modules" option should work and respect the "path" placeholder: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".fixtures-modules-localIdentName-localIdentName__test {\\\\n background: red;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName___test {\\\\n background: blue;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__className {\\\\n background: red;\\\\n}\\\\n\\\\n#fixtures-modules-localIdentName-localIdentName__someId {\\\\n background: green;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__className .fixtures-modules-localIdentName-localIdentName__subClass {\\\\n color: green;\\\\n}\\\\n\\\\n#fixtures-modules-localIdentName-localIdentName__someId .fixtures-modules-localIdentName-localIdentName__subClass {\\\\n color: blue;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__-a0-34a___f {\\\\n color: red;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__m_x_\\\\\\\\@ {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__B\\\\\\\\&W\\\\\\\\? {\\\\n margin-left: auto !important;\\\\n margin-right: auto !important;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {\\\\n color: aqua;\\\\n}\\\\n\\\\n/* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\31 a2b3c {\\\\n color: aliceblue;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#fixtures-modules-localIdentName-localIdentName__\\\\\\\\#fake-id {\\\\n color: antiquewhite;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#fixtures-modules-localIdentName-localIdentName__-a-b-c- {\\\\n color: azure;\\\\n}\\\\n\\\\n/* matches the element with id=\\\\\\"©\\\\\\" */\\\\n#fixtures-modules-localIdentName-localIdentName__© {\\\\n color: black;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__♥ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__© { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__“‘’” { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__☺☃ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__⌘⌥ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__𝄞♪♩♫♬ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__💩 { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\? { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\@ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\. { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A \\\\\\\\) { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A \\\\\\\\\`\\\\\\\\( { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\31 23 { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\31 a2b3c { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\<\\\\\\\\>\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\>\\\\\\\\>\\\\\\\\<\\\\\\\\> { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\[\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\>\\\\\\\\+\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\<\\\\\\\\-\\\\\\\\]\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\<\\\\\\\\<\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\.\\\\\\\\+\\\\\\\\+\\\\\\\\+\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\-\\\\\\\\.\\\\\\\\>\\\\\\\\+\\\\\\\\.\\\\\\\\>\\\\\\\\. { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\# { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\#\\\\\\\\# { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\#\\\\\\\\.\\\\\\\\#\\\\\\\\.\\\\\\\\# { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\_ { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\{\\\\\\\\} { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\#fake\\\\\\\\-id { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\.bar { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A hover { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\3A hover\\\\\\\\3A focus\\\\\\\\3A active { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__\\\\\\\\[attr\\\\\\\\=value\\\\\\\\] { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\/o\\\\\\\\/o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\\\\\\\\\o\\\\\\\\\\\\\\\\o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\*o\\\\\\\\*o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\!o\\\\\\\\!o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\'o\\\\\\\\'o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\~o\\\\\\\\~o { background: lime; }\\\\n.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\+o\\\\\\\\+o { background: lime; }\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\/bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\\\\\\\\\bar {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\/bar\\\\\\\\/baz {\\\\n background: hotpink;\\\\n}\\\\n\\\\n.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\\\\\\\\\bar\\\\\\\\\\\\\\\\baz {\\\\n background: hotpink;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"123\\": \\"fixtures-modules-localIdentName-localIdentName__123\\",
\\"test\\": \\"fixtures-modules-localIdentName-localIdentName__test\\",
\\"_test\\": \\"fixtures-modules-localIdentName-localIdentName___test\\",
\\"className\\": \\"fixtures-modules-localIdentName-localIdentName__className\\",
\\"someId\\": \\"fixtures-modules-localIdentName-localIdentName__someId\\",
\\"subClass\\": \\"fixtures-modules-localIdentName-localIdentName__subClass\\",
\\"-a0-34a___f\\": \\"fixtures-modules-localIdentName-localIdentName__-a0-34a___f\\",
\\"m_x_@\\": \\"fixtures-modules-localIdentName-localIdentName__m_x_@\\",
\\"B&W?\\": \\"fixtures-modules-localIdentName-localIdentName__B&W?\\",
\\":\`(\\": \\"fixtures-modules-localIdentName-localIdentName__:\`(\\",
\\"1a2b3c\\": \\"fixtures-modules-localIdentName-localIdentName__1a2b3c\\",
\\"#fake-id\\": \\"fixtures-modules-localIdentName-localIdentName__#fake-id\\",
\\"-a-b-c-\\": \\"fixtures-modules-localIdentName-localIdentName__-a-b-c-\\",
\\"©\\": \\"fixtures-modules-localIdentName-localIdentName__©\\",
\\"♥\\": \\"fixtures-modules-localIdentName-localIdentName__♥\\",
\\"“‘’”\\": \\"fixtures-modules-localIdentName-localIdentName__“‘’”\\",
\\"☺☃\\": \\"fixtures-modules-localIdentName-localIdentName__☺☃\\",
\\"⌘⌥\\": \\"fixtures-modules-localIdentName-localIdentName__⌘⌥\\",
\\"𝄞♪♩♫♬\\": \\"fixtures-modules-localIdentName-localIdentName__𝄞♪♩♫♬\\",
\\"💩\\": \\"fixtures-modules-localIdentName-localIdentName__💩\\",
\\"?\\": \\"fixtures-modules-localIdentName-localIdentName__?\\",
\\"@\\": \\"fixtures-modules-localIdentName-localIdentName__@\\",
\\".\\": \\"fixtures-modules-localIdentName-localIdentName__.\\",
\\":)\\": \\"fixtures-modules-localIdentName-localIdentName__:)\\",
\\"\\": \\"fixtures-modules-localIdentName-localIdentName__
\\",
\\"<><<<>><>\\": \\"fixtures-modules-localIdentName-localIdentName__<><<<>><>\\",
\\"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\": \\"fixtures-modules-localIdentName-localIdentName__++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\\",
\\"#\\": \\"fixtures-modules-localIdentName-localIdentName__#\\",
\\"##\\": \\"fixtures-modules-localIdentName-localIdentName__##\\",
\\"#.#.#\\": \\"fixtures-modules-localIdentName-localIdentName__#.#.#\\",
\\"_\\": \\"fixtures-modules-localIdentName-localIdentName___\\",
\\"{}\\": \\"fixtures-modules-localIdentName-localIdentName__{}\\",
\\"foo.bar\\": \\"fixtures-modules-localIdentName-localIdentName__foo.bar\\",
\\":hover\\": \\"fixtures-modules-localIdentName-localIdentName__:hover\\",
\\":hover:focus:active\\": \\"fixtures-modules-localIdentName-localIdentName__:hover:focus:active\\",
\\"[attr=value]\\": \\"fixtures-modules-localIdentName-localIdentName__[attr=value]\\",
\\"f/o/o\\": \\"fixtures-modules-localIdentName-localIdentName__f/o/o\\",
\\"f\\\\\\\\o\\\\\\\\o\\": \\"fixtures-modules-localIdentName-localIdentName__f\\\\\\\\o\\\\\\\\o\\",
\\"f*o*o\\": \\"fixtures-modules-localIdentName-localIdentName__f*o*o\\",
\\"f!o!o\\": \\"fixtures-modules-localIdentName-localIdentName__f!o!o\\",
\\"f'o'o\\": \\"fixtures-modules-localIdentName-localIdentName__f'o'o\\",
\\"f~o~o\\": \\"fixtures-modules-localIdentName-localIdentName__f~o~o\\",
\\"f+o+o\\": \\"fixtures-modules-localIdentName-localIdentName__f+o+o\\",
\\"foo/bar\\": \\"fixtures-modules-localIdentName-localIdentName__foo/bar\\",
\\"foo\\\\\\\\bar\\": \\"fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar\\",
\\"foo/bar/baz\\": \\"fixtures-modules-localIdentName-localIdentName__foo/bar/baz\\",
\\"foo\\\\\\\\bar\\\\\\\\baz\\": \\"fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar\\\\\\\\baz\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and respect the "path" placeholder: result 1`] = `
Array [
Array [
"./modules/localIdentName/localIdentName.css",
".fixtures-modules-localIdentName-localIdentName__test {
background: red;
}
.fixtures-modules-localIdentName-localIdentName___test {
background: blue;
}
.fixtures-modules-localIdentName-localIdentName__className {
background: red;
}
#fixtures-modules-localIdentName-localIdentName__someId {
background: green;
}
.fixtures-modules-localIdentName-localIdentName__className .fixtures-modules-localIdentName-localIdentName__subClass {
color: green;
}
#fixtures-modules-localIdentName-localIdentName__someId .fixtures-modules-localIdentName-localIdentName__subClass {
color: blue;
}
.fixtures-modules-localIdentName-localIdentName__-a0-34a___f {
color: red;
}
.fixtures-modules-localIdentName-localIdentName__m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
.fixtures-modules-localIdentName-localIdentName__B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
.fixtures-modules-localIdentName-localIdentName__\\\\3A \\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
.fixtures-modules-localIdentName-localIdentName__\\\\31 a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#fixtures-modules-localIdentName-localIdentName__\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#fixtures-modules-localIdentName-localIdentName__-a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#fixtures-modules-localIdentName-localIdentName__© {
color: black;
}
.fixtures-modules-localIdentName-localIdentName__♥ { background: lime; }
.fixtures-modules-localIdentName-localIdentName__© { background: lime; }
.fixtures-modules-localIdentName-localIdentName__“‘’” { background: lime; }
.fixtures-modules-localIdentName-localIdentName__☺☃ { background: lime; }
.fixtures-modules-localIdentName-localIdentName__⌘⌥ { background: lime; }
.fixtures-modules-localIdentName-localIdentName__𝄞♪♩♫♬ { background: lime; }
.fixtures-modules-localIdentName-localIdentName__💩 { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\? { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\@ { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\. { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\3A \\\\) { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\3A \\\\\`\\\\( { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\31 23 { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\31 a2b3c { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\ { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<\\\\-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\-\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\# { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\#\\\\# { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\_ { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\{\\\\} { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\#fake\\\\-id { background: lime; }
.fixtures-modules-localIdentName-localIdentName__foo\\\\.bar { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\3A hover { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\3A hover\\\\3A focus\\\\3A active { background: lime; }
.fixtures-modules-localIdentName-localIdentName__\\\\[attr\\\\=value\\\\] { background: lime; }
.fixtures-modules-localIdentName-localIdentName__f\\\\/o\\\\/o { background: lime; }
.fixtures-modules-localIdentName-localIdentName__f\\\\\\\\o\\\\\\\\o { background: lime; }
.fixtures-modules-localIdentName-localIdentName__f\\\\*o\\\\*o { background: lime; }
.fixtures-modules-localIdentName-localIdentName__f\\\\!o\\\\!o { background: lime; }
.fixtures-modules-localIdentName-localIdentName__f\\\\'o\\\\'o { background: lime; }
.fixtures-modules-localIdentName-localIdentName__f\\\\~o\\\\~o { background: lime; }
.fixtures-modules-localIdentName-localIdentName__f\\\\+o\\\\+o { background: lime; }
.fixtures-modules-localIdentName-localIdentName__foo\\\\/bar {
background: hotpink;
}
.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar {
background: hotpink;
}
.fixtures-modules-localIdentName-localIdentName__foo\\\\/bar\\\\/baz {
background: hotpink;
}
.fixtures-modules-localIdentName-localIdentName__foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
",
"",
],
]
`;
exports[`"modules" option should work and respect the "path" placeholder: warnings 1`] = `Array []`;
exports[`"modules" option should work and support "pure" mode #2: errors 1`] = `Array []`;
exports[`"modules" option should work and support "pure" mode #2: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._1u_NtoKhpaUNZX7yiJVIiY {\\\\n color: red;\\\\n}\\\\n\\\\nh1 .UCShdZTu4s3n7oXJOhzrK {\\\\n color: green;\\\\n}\\\\n\\\\n._3mfZHE9XqYBUx_E24Rn3UG h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n.CvML8FKPF660KwN3nSNSe h1 ._2Qqlcv7vRMswReW-DKC_IZ {\\\\n color: red;\\\\n}\\\\n\\\\n#_2xp6Er0qRUlWxHQh1ROAc1 {\\\\n color: red;\\\\n}\\\\n\\\\nh1 #_14PgYX9AnCgTBatBghNmOB {\\\\n color: green;\\\\n}\\\\n\\\\n#_2SOsIDB25B_Yrw86eby8OG h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n#_1LkHG2nV0HloeZOXYEK8cH h1 #_e3BBhro5bf0ZsgUTOLnT {\\\\n color: red;\\\\n}\\\\n\\\\n._39A31JnHJWqKuTZf-fX3Vt .bar .TGSef9fpByYTb8vhFGgJZ {\\\\n color: white;\\\\n}\\\\n\\\\n._1KJPrddvuAKs2XObDlRWOx ._19kxTSs8JMPxGQiFY45wzD .ioThrUUaohmyS5xZAilPn {\\\\n color: black;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"_1u_NtoKhpaUNZX7yiJVIiY\\",
\\"foo-1\\": \\"UCShdZTu4s3n7oXJOhzrK\\",
\\"foo-2\\": \\"_3mfZHE9XqYBUx_E24Rn3UG\\",
\\"foo-3\\": \\"CvML8FKPF660KwN3nSNSe\\",
\\"foo-4\\": \\"_2Qqlcv7vRMswReW-DKC_IZ\\",
\\"foo-5\\": \\"_2xp6Er0qRUlWxHQh1ROAc1\\",
\\"foo-6\\": \\"_14PgYX9AnCgTBatBghNmOB\\",
\\"foo-7\\": \\"_2SOsIDB25B_Yrw86eby8OG\\",
\\"foo-8\\": \\"_1LkHG2nV0HloeZOXYEK8cH\\",
\\"foo-9\\": \\"_e3BBhro5bf0ZsgUTOLnT\\",
\\"bar-1\\": \\"_39A31JnHJWqKuTZf-fX3Vt\\",
\\"bar-2\\": \\"TGSef9fpByYTb8vhFGgJZ\\",
\\"baz-3\\": \\"_1KJPrddvuAKs2XObDlRWOx\\",
\\"baz\\": \\"_19kxTSs8JMPxGQiFY45wzD\\",
\\"bar-4\\": \\"ioThrUUaohmyS5xZAilPn\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and support "pure" mode #2: result 1`] = `
Array [
Array [
"./modules/pure/pure.css",
"._1u_NtoKhpaUNZX7yiJVIiY {
color: red;
}
h1 .UCShdZTu4s3n7oXJOhzrK {
color: green;
}
._3mfZHE9XqYBUx_E24Rn3UG h1 {
color: blue;
}
.CvML8FKPF660KwN3nSNSe h1 ._2Qqlcv7vRMswReW-DKC_IZ {
color: red;
}
#_2xp6Er0qRUlWxHQh1ROAc1 {
color: red;
}
h1 #_14PgYX9AnCgTBatBghNmOB {
color: green;
}
#_2SOsIDB25B_Yrw86eby8OG h1 {
color: blue;
}
#_1LkHG2nV0HloeZOXYEK8cH h1 #_e3BBhro5bf0ZsgUTOLnT {
color: red;
}
._39A31JnHJWqKuTZf-fX3Vt .bar .TGSef9fpByYTb8vhFGgJZ {
color: white;
}
._1KJPrddvuAKs2XObDlRWOx ._19kxTSs8JMPxGQiFY45wzD .ioThrUUaohmyS5xZAilPn {
color: black;
}
",
"",
],
]
`;
exports[`"modules" option should work and support "pure" mode #2: warnings 1`] = `Array []`;
exports[`"modules" option should work and support "pure" mode: errors 1`] = `Array []`;
exports[`"modules" option should work and support "pure" mode: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\"._1u_NtoKhpaUNZX7yiJVIiY {\\\\n color: red;\\\\n}\\\\n\\\\nh1 .UCShdZTu4s3n7oXJOhzrK {\\\\n color: green;\\\\n}\\\\n\\\\n._3mfZHE9XqYBUx_E24Rn3UG h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n.CvML8FKPF660KwN3nSNSe h1 ._2Qqlcv7vRMswReW-DKC_IZ {\\\\n color: red;\\\\n}\\\\n\\\\n#_2xp6Er0qRUlWxHQh1ROAc1 {\\\\n color: red;\\\\n}\\\\n\\\\nh1 #_14PgYX9AnCgTBatBghNmOB {\\\\n color: green;\\\\n}\\\\n\\\\n#_2SOsIDB25B_Yrw86eby8OG h1 {\\\\n color: blue;\\\\n}\\\\n\\\\n#_1LkHG2nV0HloeZOXYEK8cH h1 #_e3BBhro5bf0ZsgUTOLnT {\\\\n color: red;\\\\n}\\\\n\\\\n._39A31JnHJWqKuTZf-fX3Vt .bar .TGSef9fpByYTb8vhFGgJZ {\\\\n color: white;\\\\n}\\\\n\\\\n._1KJPrddvuAKs2XObDlRWOx ._19kxTSs8JMPxGQiFY45wzD .ioThrUUaohmyS5xZAilPn {\\\\n color: black;\\\\n}\\\\n\\", \\"\\"]);
// Exports
___CSS_LOADER_EXPORT___.locals = {
\\"foo\\": \\"_1u_NtoKhpaUNZX7yiJVIiY\\",
\\"foo-1\\": \\"UCShdZTu4s3n7oXJOhzrK\\",
\\"foo-2\\": \\"_3mfZHE9XqYBUx_E24Rn3UG\\",
\\"foo-3\\": \\"CvML8FKPF660KwN3nSNSe\\",
\\"foo-4\\": \\"_2Qqlcv7vRMswReW-DKC_IZ\\",
\\"foo-5\\": \\"_2xp6Er0qRUlWxHQh1ROAc1\\",
\\"foo-6\\": \\"_14PgYX9AnCgTBatBghNmOB\\",
\\"foo-7\\": \\"_2SOsIDB25B_Yrw86eby8OG\\",
\\"foo-8\\": \\"_1LkHG2nV0HloeZOXYEK8cH\\",
\\"foo-9\\": \\"_e3BBhro5bf0ZsgUTOLnT\\",
\\"bar-1\\": \\"_39A31JnHJWqKuTZf-fX3Vt\\",
\\"bar-2\\": \\"TGSef9fpByYTb8vhFGgJZ\\",
\\"baz-3\\": \\"_1KJPrddvuAKs2XObDlRWOx\\",
\\"baz\\": \\"_19kxTSs8JMPxGQiFY45wzD\\",
\\"bar-4\\": \\"ioThrUUaohmyS5xZAilPn\\"
};
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work and support "pure" mode: result 1`] = `
Array [
Array [
"./modules/pure/pure.css",
"._1u_NtoKhpaUNZX7yiJVIiY {
color: red;
}
h1 .UCShdZTu4s3n7oXJOhzrK {
color: green;
}
._3mfZHE9XqYBUx_E24Rn3UG h1 {
color: blue;
}
.CvML8FKPF660KwN3nSNSe h1 ._2Qqlcv7vRMswReW-DKC_IZ {
color: red;
}
#_2xp6Er0qRUlWxHQh1ROAc1 {
color: red;
}
h1 #_14PgYX9AnCgTBatBghNmOB {
color: green;
}
#_2SOsIDB25B_Yrw86eby8OG h1 {
color: blue;
}
#_1LkHG2nV0HloeZOXYEK8cH h1 #_e3BBhro5bf0ZsgUTOLnT {
color: red;
}
._39A31JnHJWqKuTZf-fX3Vt .bar .TGSef9fpByYTb8vhFGgJZ {
color: white;
}
._1KJPrddvuAKs2XObDlRWOx ._19kxTSs8JMPxGQiFY45wzD .ioThrUUaohmyS5xZAilPn {
color: black;
}
",
"",
],
]
`;
exports[`"modules" option should work and support "pure" mode: warnings 1`] = `Array []`;
exports[`"modules" option should work js template with "namedExport" option: errors 1`] = `Array []`;
exports[`"modules" option should work js template with "namedExport" option: module 1`] = `
"// Imports
import ___CSS_LOADER_API_IMPORT___ from \\"../../../../../src/runtime/api.js\\";
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.id, \\".header-baz {\\\\n color: red;\\\\n}\\\\n\\\\n.body {\\\\n color: coral;\\\\n}\\\\n\\\\n.footer {\\\\n color: blue;\\\\n}\\\\n\\", \\"\\"]);
// Exports
export const headerBaz = \\"header-baz\\";
export const body = \\"body\\";
export const footer = \\"footer\\";
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`"modules" option should work js template with "namedExport" option: result 1`] = `
Object {
"css": Array [
Array [
"./modules/namedExport/template/index.css",
".header-baz {
color: red;
}
.body {
color: coral;
}
.footer {
color: blue;
}
",
"",
],
],
"html": "