\`; +export { _15 as "
" };
+var _16 = \`_--<><<<>><>\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`_--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`_--#\`;
+export { _18 as "#" };
+var _19 = \`_--##\`;
+export { _19 as "##" };
+var _1a = \`_--#.#.#\`;
+export { _1a as "#.#.#" };
+export var _ = \`_--_\`;
+var _1b = \`_--{}\`;
+export { _1b as "{}" };
+var _1c = \`_--foo.bar\`;
+export { _1c as "foo.bar" };
+var _1d = \`_--:hover\`;
+export { _1d as ":hover" };
+var _1e = \`_--:hover:focus:active\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`_--[attr=value]\`;
+export { _1f as "[attr=value]" };
+var _20 = \`_--f/o/o\`;
+export { _20 as "f/o/o" };
+var _21 = \`_--f\\\\o\\\\o\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`_--f*o*o\`;
+export { _22 as "f*o*o" };
+var _23 = \`_--f!o!o\`;
+export { _23 as "f!o!o" };
+var _24 = \`_--f'o'o\`;
+export { _24 as "f'o'o" };
+var _25 = \`_--f~o~o\`;
+export { _25 as "f~o~o" };
+var _26 = \`_--f+o+o\`;
+export { _26 as "f+o+o" };
+var _27 = \`_--foo/bar\`;
+export { _27 as "foo/bar" };
+var _28 = \`_--foo\\\\bar\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`_--foo/bar/baz\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`_--foo\\\\bar\\\\baz\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should should work with two leading hyphens: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ "._--test {
+ background: red;
}
-`;
-exports[`modules case \`declaration-value\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".rUmYXW8EUSiAHIrtvLLrL {
- border: 1px solid red;
+._--_test {
+ background: blue;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`declaration-value\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+._--className {
+ background: red;
+}
-exports[`modules case \`declaration-value\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+#_--someId {
+ background: green;
+}
-exports[`modules case \`declaration-value\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "blue": "red",
+._--className ._--subClass {
+ color: green;
}
-`;
-exports[`modules case \`declaration-value\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a {
- border: 1px solid red;
+#_--someId ._--subClass {
+ color: blue;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`declaration-value\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+._---a0-34a___f {
+ color: red;
+}
-exports[`modules case \`declaration-value\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+._--m_x_\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`declaration-value\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "a": "_a",
- "blue": "red",
+._--B\\&W\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-`;
-exports[`modules case \`declaration-value\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._a {
- border: 1px solid red;
+/* matches elements with class=":\`(" */
+._--\\3A \\\`\\( {
+ color: aqua;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`declaration-value\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+._--\\31 a2b3c {
+ color: aliceblue;
+}
-exports[`modules case \`declaration-value\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#_--\\#fake-id {
+ color: antiquewhite;
+}
-exports[`modules case \`declaration-value\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "a": "rUmYXW8EUSiAHIrtvLLrL",
- "blue": "red",
+/* matches the element with id="-a-b-c-" */
+#_---a-b-c- {
+ color: azure;
}
-`;
-exports[`modules case \`declaration-value\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".rUmYXW8EUSiAHIrtvLLrL {
- border: 1px solid red;
+/* matches the element with id="©" */
+#_--© {
+ color: black;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`declaration-value\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+._--♥ { background: lime; }
+._--© { 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; }
+._--\\ \`;
+export { _15 as " " };
+var _16 = \`__<><<<>><>\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`__++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`__#\`;
+export { _18 as "#" };
+var _19 = \`__##\`;
+export { _19 as "##" };
+var _1a = \`__#.#.#\`;
+export { _1a as "#.#.#" };
+export var _ = \`___\`;
+var _1b = \`__{}\`;
+export { _1b as "{}" };
+var _1c = \`__foo.bar\`;
+export { _1c as "foo.bar" };
+var _1d = \`__:hover\`;
+export { _1d as ":hover" };
+var _1e = \`__:hover:focus:active\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`__[attr=value]\`;
+export { _1f as "[attr=value]" };
+var _20 = \`__f/o/o\`;
+export { _20 as "f/o/o" };
+var _21 = \`__f\\\\o\\\\o\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`__f*o*o\`;
+export { _22 as "f*o*o" };
+var _23 = \`__f!o!o\`;
+export { _23 as "f!o!o" };
+var _24 = \`__f'o'o\`;
+export { _24 as "f'o'o" };
+var _25 = \`__f~o~o\`;
+export { _25 as "f~o~o" };
+var _26 = \`__f+o+o\`;
+export { _26 as "f+o+o" };
+var _27 = \`__foo/bar\`;
+export { _27 as "foo/bar" };
+var _28 = \`__foo\\\\bar\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`__foo/bar/baz\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`__foo\\\\bar\\\\baz\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should should work with two leading underscore: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".__test {
+ background: red;
}
-@-webkit-keyframes bounce2 {
- 0% {
- transform: translateY(-100%);
- opacity: 0;
- }
- 5% {
- transform: translateY(-100%);
- opacity: 0;
- }
+.___test {
+ background: blue;
}
-.bounce {
- animation-name: bounce;
- animation: bounce2 1s ease;
+.__className {
+ background: red;
}
-.bounce2 {
- color: green;
- animation: bounce 1s ease;
- animation-name: bounce2;
+#__someId {
+ background: green;
}
-.bounce3 {
- animation: bounce 1s ease, bounce2
+.__className .__subClass {
+ color: green;
}
-.bounce4 {
- animation: bounce 1s ease, bounce2;
+#__someId .__subClass {
+ color: blue;
}
-.b {
- color: green;
+.__-a0-34a___f {
+ color: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`keyframes-and-animation\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+.__m_x_\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`keyframes-and-animation\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+.__B\\&W\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`keyframes-and-animation\` (\`modules\` value is \`global)\`: locals 1`] = `undefined`;
+/* matches elements with class=":\`(" */
+.__\\3A \\\`\\( {
+ color: aqua;
+}
-exports[`modules case \`keyframes-and-animation\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a {
- color: green;
+/* matches elements with class="1a2b3c" */
+.__\\31 a2b3c {
+ color: aliceblue;
}
-@keyframes bounce {
- 0% {
- transform: translateY(-100%);
- opacity: 0;
- }
- 5% {
- transform: translateY(-100%);
- opacity: 0;
- }
+/* matches the element with id="#fake-id" */
+#__\\#fake-id {
+ color: antiquewhite;
}
-@-webkit-keyframes bounce2 {
- 0% {
- transform: translateY(-100%);
- opacity: 0;
- }
- 5% {
- transform: translateY(-100%);
- opacity: 0;
- }
+/* matches the element with id="-a-b-c-" */
+#__-a-b-c- {
+ color: azure;
}
-.bounce {
- animation-name: bounce;
- animation: bounce2 1s ease;
+/* matches the element with id="©" */
+#__© {
+ color: black;
}
-.bounce2 {
- color: green;
- animation: bounce 1s ease;
- animation-name: bounce2;
+.__♥ { background: lime; }
+.__© { 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; }
+.__\\ --TdAx\`;
+export { _15 as " " };
+var _16 = \`<><<<>><>--ozNs\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--ByKo\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`#--HkwI\`;
+export { _18 as "#" };
+var _19 = \`##--IJc6\`;
+export { _19 as "##" };
+var _1a = \`#.#.#--BnPp\`;
+export { _1a as "#.#.#" };
+export var _ = \`_--bCwk\`;
+var _1b = \`{}--IZkB\`;
+export { _1b as "{}" };
+var _1c = \`foo.bar--uajo\`;
+export { _1c as "foo.bar" };
+var _1d = \`:hover--HVud\`;
+export { _1d as ":hover" };
+var _1e = \`:hover:focus:active--Zlaa\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`[attr=value]--PWvC\`;
+export { _1f as "[attr=value]" };
+var _20 = \`f/o/o--A5l5\`;
+export { _20 as "f/o/o" };
+var _21 = \`f\\\\o\\\\o--DFfh\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`f*o*o--gv1E\`;
+export { _22 as "f*o*o" };
+var _23 = \`f!o!o--_aIy\`;
+export { _23 as "f!o!o" };
+var _24 = \`f'o'o--HSXN\`;
+export { _24 as "f'o'o" };
+var _25 = \`f~o~o--MrVz\`;
+export { _25 as "f~o~o" };
+var _26 = \`f+o+o--EvMH\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo/bar--hei2\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\\\\bar--IgSz\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo/bar/baz--p6KJ\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\\\\bar\\\\baz--HZer\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and correctly replace escaped symbols: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".test--KuIS {
+ background: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`leak-scope\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+._test--Lb3f {
+ background: blue;
+}
-exports[`modules case \`leak-scope\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+.className--Ldhp {
+ background: red;
+}
-exports[`modules case \`leak-scope\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "a": "_1OjK2G7L6Ypn9Qqa8lly-H",
- "b": "_2cTRWn5QG4xtPeFL2wrKvv",
- "c": "_3MHGI9_Tl4A_kJUxXx1q2j",
- "c1": "_1PQ8UpcdVbFbAcYs6wdRXj",
- "c2": "_3JhTjOsNov-pQXnd3o0JJ",
- "c3": "_9skQ6KRXi6qCorV5zNSyV",
- "c4": "_1Gh6Pqr28qXCExbnssOGX9",
- "d2": "_35GAwk8Rb2LyIN0pSAXjyy",
+#someId--b0rh {
+ background: green;
}
-`;
-exports[`modules case \`leak-scope\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._1OjK2G7L6Ypn9Qqa8lly-H {
- color: green;
- animation: _1OjK2G7L6Ypn9Qqa8lly-H;
+.className--Ldhp .subClass--Mw9j {
+ color: green;
}
-@keyframes _2cTRWn5QG4xtPeFL2wrKvv {
- 0% { left: 10px; }
- 100% { left: 20px; }
+#someId--b0rh .subClass--Mw9j {
+ color: blue;
}
-._2cTRWn5QG4xtPeFL2wrKvv {
- animation: _2cTRWn5QG4xtPeFL2wrKvv;
+.-a0-34a___f--DdFW {
+ color: red;
}
-@keyframes c {
- 0% { left: 10px; }
- 100% { left: 20px; }
+.m_x_\\@--OdAm {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.B\\&W\\?--h4SE {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-._3MHGI9_Tl4A_kJUxXx1q2j {
- animation: _1PQ8UpcdVbFbAcYs6wdRXj;
- animation: _3JhTjOsNov-pQXnd3o0JJ, _9skQ6KRXi6qCorV5zNSyV, _1Gh6Pqr28qXCExbnssOGX9;
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(--fKJQ {
+ color: aqua;
}
-@keyframes d {
- 0% { left: 10px; }
- 100% { left: 20px; }
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c--YR1u {
+ color: aliceblue;
}
-.d1 {
- animation: d1;
- animation: d2, d3, d4;
+/* matches the element with id="#fake-id" */
+#\\#fake-id--AqiA {
+ color: antiquewhite;
}
-.d2 {
- animation: _35GAwk8Rb2LyIN0pSAXjyy;
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---CwXv {
+ color: azure;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`leak-scope\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+/* matches the element with id="©" */
+#©--jBj0 {
+ color: black;
+}
-exports[`modules case \`local\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+.♥--vJl9 { background: lime; }
+.©--jBj0 { background: lime; }
+.😍--CNLr { background: lime; }
+.“‘’”--GM0Y { background: lime; }
+.☺☃--NKrB { background: lime; }
+.⌘⌥--edHW { background: lime; }
+.𝄞♪♩♫♬--QyMp { background: lime; }
+.💩--B82Y { background: lime; }
+.\\?--ndmp { background: lime; }
+.\\@--v3gq { background: lime; }
+.\\.--zd5u { background: lime; }
+.\\3A \\)--ZiZn { background: lime; }
+.\\3A \\\`\\(--fKJQ { background: lime; }
+.\\31 23--oqRG { background: lime; }
+.\\31 a2b3c--YR1u { background: lime; }
+.\\ ", _11 as "?", _12 as "@", _13 as "B&W?", _14 as "[attr=value]", _15 as "_", _16 as "_test", _17 as "className", _18 as "f!o!o", _19 as "f'o'o", _1a as "f*o*o", _1b as "f+o+o", _1c as "f/o/o", _1d as "f\\\\o\\\\o", _1e as "foo.bar", _1f as "foo/bar", _20 as "foo/bar/baz", _21 as "foo\\\\bar", _22 as "foo\\\\bar\\\\baz", _23 as "f~o~o", _24 as "m_x_@", _25 as "someId", _26 as "subClass", _27 as "test", _28 as "{}", _29 as "©", _2a as "“‘’”", _2b as "⌘⌥", _2c as "☺☃", _2d as "♥", _2e as "𝄞♪♩♫♬", _2f as "💩", _30 as "😍" }
+"
+`;
+
+exports[`"modules" option should work and generate the same classes for client and server: client result 1`] = `
+{
+ "#": "HkwIsjW5i7WNAxVRd5cg",
+ "##": "IJc6Xl4ZKVZvSoeIuI2Q",
+ "#.#.#": "BnPpnJmPeNr51pj2ZTlf",
+ "#fake-id": "AqiAGSfnwaXj3eqg0Om8",
+ "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.": "ByKoYcSrMT2cN3V2iAgZ",
+ "-a-b-c-": "CwXv27VMwyQqKBvNNaFr",
+ "-a0-34a___f": "DdFWMPoluIgmQirKzoS6",
+ ".": "zd5uIZq6KrAWTwBjwZdC",
+ "123": "oqRGsO4UR7_DWiqWXJMz",
+ "1a2b3c": "YR1u_buYf6paLzzUM6Vc",
+ ":)": "ZiZnRjRT03NgoqVQwkGO",
+ ":\`(": "fKJQkLarfQOel4wwbIrn",
+ ":hover": "HVudUNXnLNQoCLpVn82S",
+ ":hover:focus:active": "ZlaaXvHLUsJOCFzItB_1",
+ "<><<<>><>": "ozNsTIG0LL2gSQdL5dzv",
+ " ": "TdAx2ZSkw7Hbktc7KR72",
+ "?": "ndmpvNNltJXbDVvqKuxt",
+ "@": "v3gq0wPogd6ZPfq_pfyZ",
+ "B&W?": "h4SEF34CLwChRsak1742",
+ "[attr=value]": "PWvC4jVM5SwUmKmw2tfW",
+ "_": "bCwkZEDuxDAOhKnMdLVF",
+ "_test": "Lb3fhDAuJv4v7BXOPttP",
+ "className": "LdhpkZRWyKT7zDwJ0lt8",
+ "f!o!o": "_aIyR9ETAs8ipXmRrrDO",
+ "f'o'o": "HSXNnSjt1QaHBHUb_UIs",
+ "f*o*o": "gv1E2n_bVvy0iT8TaHIv",
+ "f+o+o": "EvMHRmCudyKg3GpLjAfj",
+ "f/o/o": "A5l5sDODF4CQBW_PtlQD",
+ "f\\o\\o": "DFfh4KyqOODVQsTPb3wt",
+ "foo.bar": "uajo7mHzD_tTqOXqaqdg",
+ "foo/bar": "hei2uQgDeX2YNkppCHp9",
+ "foo/bar/baz": "p6KJMhNWwmCU2bXHJB93",
+ "foo\\bar": "IgSzmmsCqiJBl4SibwgR",
+ "foo\\bar\\baz": "HZerWgmU0ffpPzySVi_g",
+ "f~o~o": "MrVzSIcSXyoDsr5G0K5_",
+ "m_x_@": "OdAmghrme3xnUYOdzoDw",
+ "someId": "b0rhwJStMR3eH63oapwW",
+ "subClass": "Mw9j4nIdjx1xCGDt7d6a",
+ "test": "KuIShlgsYfxvLoLHT1mu",
+ "{}": "IZkBfE9iUPen76w2bB_q",
+ "©": "jBj0sZiWBysiwRyGu_go",
+ "“‘’”": "GM0Y0nFCPtkVMz6Esfno",
+ "⌘⌥": "edHWpSne18gmGmfN6SV6",
+ "☺☃": "NKrBw7EAqPT7Cgn7JzrA",
+ "♥": "vJl9A9Ds21oujVsd5UD2",
+ "𝄞♪♩♫♬": "QyMp9YMEoYUmEHEdpRal",
+ "💩": "B82YxwgREHbKn8IpgaWw",
+ "😍": "CNLr9yJwqs3dm6FgpOqA",
+}
+`;
+
+exports[`"modules" option should work and generate the same classes for client and server: client warnings 1`] = `[]`;
+
+exports[`"modules" option should work and generate the same classes for client and server: server errors 1`] = `[]`;
+
+exports[`"modules" option should work and generate the same classes for client and server: server module 1`] = `
+"// Exports
+var _1 = \`oqRGsO4UR7_DWiqWXJMz\`;
+export { _1 as "123" };
+export var test = \`KuIShlgsYfxvLoLHT1mu\`;
+export var _test = \`Lb3fhDAuJv4v7BXOPttP\`;
+export var className = \`LdhpkZRWyKT7zDwJ0lt8\`;
+export var someId = \`b0rhwJStMR3eH63oapwW\`;
+export var subClass = \`Mw9j4nIdjx1xCGDt7d6a\`;
+var _2 = \`DdFWMPoluIgmQirKzoS6\`;
+export { _2 as "-a0-34a___f" };
+var _3 = \`OdAmghrme3xnUYOdzoDw\`;
+export { _3 as "m_x_@" };
+var _4 = \`h4SEF34CLwChRsak1742\`;
+export { _4 as "B&W?" };
+var _5 = \`fKJQkLarfQOel4wwbIrn\`;
+export { _5 as ":\`(" };
+var _6 = \`YR1u_buYf6paLzzUM6Vc\`;
+export { _6 as "1a2b3c" };
+var _7 = \`AqiAGSfnwaXj3eqg0Om8\`;
+export { _7 as "#fake-id" };
+var _8 = \`CwXv27VMwyQqKBvNNaFr\`;
+export { _8 as "-a-b-c-" };
+var _9 = \`jBj0sZiWBysiwRyGu_go\`;
+export { _9 as "©" };
+var _a = \`vJl9A9Ds21oujVsd5UD2\`;
+export { _a as "♥" };
+var _b = \`CNLr9yJwqs3dm6FgpOqA\`;
+export { _b as "😍" };
+var _c = \`GM0Y0nFCPtkVMz6Esfno\`;
+export { _c as "“‘’”" };
+var _d = \`NKrBw7EAqPT7Cgn7JzrA\`;
+export { _d as "☺☃" };
+var _e = \`edHWpSne18gmGmfN6SV6\`;
+export { _e as "⌘⌥" };
+var _f = \`QyMp9YMEoYUmEHEdpRal\`;
+export { _f as "𝄞♪♩♫♬" };
+var _10 = \`B82YxwgREHbKn8IpgaWw\`;
+export { _10 as "💩" };
+var _11 = \`ndmpvNNltJXbDVvqKuxt\`;
+export { _11 as "?" };
+var _12 = \`v3gq0wPogd6ZPfq_pfyZ\`;
+export { _12 as "@" };
+var _13 = \`zd5uIZq6KrAWTwBjwZdC\`;
+export { _13 as "." };
+var _14 = \`ZiZnRjRT03NgoqVQwkGO\`;
+export { _14 as ":)" };
+var _15 = \`TdAx2ZSkw7Hbktc7KR72\`;
+export { _15 as " " };
+var _16 = \`ozNsTIG0LL2gSQdL5dzv\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`ByKoYcSrMT2cN3V2iAgZ\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`HkwIsjW5i7WNAxVRd5cg\`;
+export { _18 as "#" };
+var _19 = \`IJc6Xl4ZKVZvSoeIuI2Q\`;
+export { _19 as "##" };
+var _1a = \`BnPpnJmPeNr51pj2ZTlf\`;
+export { _1a as "#.#.#" };
+export var _ = \`bCwkZEDuxDAOhKnMdLVF\`;
+var _1b = \`IZkBfE9iUPen76w2bB_q\`;
+export { _1b as "{}" };
+var _1c = \`uajo7mHzD_tTqOXqaqdg\`;
+export { _1c as "foo.bar" };
+var _1d = \`HVudUNXnLNQoCLpVn82S\`;
+export { _1d as ":hover" };
+var _1e = \`ZlaaXvHLUsJOCFzItB_1\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`PWvC4jVM5SwUmKmw2tfW\`;
+export { _1f as "[attr=value]" };
+var _20 = \`A5l5sDODF4CQBW_PtlQD\`;
+export { _20 as "f/o/o" };
+var _21 = \`DFfh4KyqOODVQsTPb3wt\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`gv1E2n_bVvy0iT8TaHIv\`;
+export { _22 as "f*o*o" };
+var _23 = \`_aIyR9ETAs8ipXmRrrDO\`;
+export { _23 as "f!o!o" };
+var _24 = \`HSXNnSjt1QaHBHUb_UIs\`;
+export { _24 as "f'o'o" };
+var _25 = \`MrVzSIcSXyoDsr5G0K5_\`;
+export { _25 as "f~o~o" };
+var _26 = \`EvMHRmCudyKg3GpLjAfj\`;
+export { _26 as "f+o+o" };
+var _27 = \`hei2uQgDeX2YNkppCHp9\`;
+export { _27 as "foo/bar" };
+var _28 = \`IgSzmmsCqiJBl4SibwgR\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`p6KJMhNWwmCU2bXHJB93\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`HZerWgmU0ffpPzySVi_g\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+"
+`;
+
+exports[`"modules" option should work and generate the same classes for client and server: server result 1`] = `
+{
+ "#": "HkwIsjW5i7WNAxVRd5cg",
+ "##": "IJc6Xl4ZKVZvSoeIuI2Q",
+ "#.#.#": "BnPpnJmPeNr51pj2ZTlf",
+ "#fake-id": "AqiAGSfnwaXj3eqg0Om8",
+ "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.": "ByKoYcSrMT2cN3V2iAgZ",
+ "-a-b-c-": "CwXv27VMwyQqKBvNNaFr",
+ "-a0-34a___f": "DdFWMPoluIgmQirKzoS6",
+ ".": "zd5uIZq6KrAWTwBjwZdC",
+ "123": "oqRGsO4UR7_DWiqWXJMz",
+ "1a2b3c": "YR1u_buYf6paLzzUM6Vc",
+ ":)": "ZiZnRjRT03NgoqVQwkGO",
+ ":\`(": "fKJQkLarfQOel4wwbIrn",
+ ":hover": "HVudUNXnLNQoCLpVn82S",
+ ":hover:focus:active": "ZlaaXvHLUsJOCFzItB_1",
+ "<><<<>><>": "ozNsTIG0LL2gSQdL5dzv",
+ " ": "TdAx2ZSkw7Hbktc7KR72",
+ "?": "ndmpvNNltJXbDVvqKuxt",
+ "@": "v3gq0wPogd6ZPfq_pfyZ",
+ "B&W?": "h4SEF34CLwChRsak1742",
+ "[attr=value]": "PWvC4jVM5SwUmKmw2tfW",
+ "_": "bCwkZEDuxDAOhKnMdLVF",
+ "_test": "Lb3fhDAuJv4v7BXOPttP",
+ "className": "LdhpkZRWyKT7zDwJ0lt8",
+ "f!o!o": "_aIyR9ETAs8ipXmRrrDO",
+ "f'o'o": "HSXNnSjt1QaHBHUb_UIs",
+ "f*o*o": "gv1E2n_bVvy0iT8TaHIv",
+ "f+o+o": "EvMHRmCudyKg3GpLjAfj",
+ "f/o/o": "A5l5sDODF4CQBW_PtlQD",
+ "f\\o\\o": "DFfh4KyqOODVQsTPb3wt",
+ "foo.bar": "uajo7mHzD_tTqOXqaqdg",
+ "foo/bar": "hei2uQgDeX2YNkppCHp9",
+ "foo/bar/baz": "p6KJMhNWwmCU2bXHJB93",
+ "foo\\bar": "IgSzmmsCqiJBl4SibwgR",
+ "foo\\bar\\baz": "HZerWgmU0ffpPzySVi_g",
+ "f~o~o": "MrVzSIcSXyoDsr5G0K5_",
+ "m_x_@": "OdAmghrme3xnUYOdzoDw",
+ "someId": "b0rhwJStMR3eH63oapwW",
+ "subClass": "Mw9j4nIdjx1xCGDt7d6a",
+ "test": "KuIShlgsYfxvLoLHT1mu",
+ "{}": "IZkBfE9iUPen76w2bB_q",
+ "©": "jBj0sZiWBysiwRyGu_go",
+ "“‘’”": "GM0Y0nFCPtkVMz6Esfno",
+ "⌘⌥": "edHWpSne18gmGmfN6SV6",
+ "☺☃": "NKrBw7EAqPT7Cgn7JzrA",
+ "♥": "vJl9A9Ds21oujVsd5UD2",
+ "𝄞♪♩♫♬": "QyMp9YMEoYUmEHEdpRal",
+ "💩": "B82YxwgREHbKn8IpgaWw",
+ "😍": "CNLr9yJwqs3dm6FgpOqA",
+}
+`;
+
+exports[`"modules" option should work and generate the same classes for client and server: server warnings 1`] = `[]`;
+
+exports[`"modules" option should work and has "undefined" context if no context was given: errors 1`] = `[]`;
+
+exports[`"modules" option should work and has "undefined" context if no context was given: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.foo {
+ background: red;
}
-`;
-exports[`modules case \`local\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".abc ._1UnGDcMVVYIU_547CDqQJU {
- color: red;
+.foo {
+ background: blue;
}
-._1k8c5svlAtK4vFkSsZdl4o .pRQR9FSSkxNL6roex-uGp {
- color: blue;
+.foo {
+ background: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+#foo {
+ background: green;
+}
-exports[`modules case \`local\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+.foo .foo {
+ color: green;
+}
-exports[`modules case \`local\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "abc": "_2EPIUiYqPKxP0HS9Vgqa8e",
- "def": "_1UnGDcMVVYIU_547CDqQJU",
- "ghi": "_1k8c5svlAtK4vFkSsZdl4o",
- "jkl": "pRQR9FSSkxNL6roex-uGp",
+#foo .foo {
+ color: blue;
}
-`;
-exports[`modules case \`local\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._2EPIUiYqPKxP0HS9Vgqa8e ._1UnGDcMVVYIU_547CDqQJU {
+.foo {
color: red;
}
-._1k8c5svlAtK4vFkSsZdl4o .pRQR9FSSkxNL6roex-uGp {
- color: blue;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`local\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+/* matches elements with class=":\\\`(" */
+.foo {
+ color: aqua;
+}
-exports[`modules case \`local\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "def": "_def",
- "ghi": "_ghi",
- "jkl": "_jkl",
+/* matches elements with class="1a2b3c" */
+.foo {
+ color: aliceblue;
}
-`;
-exports[`modules case \`local\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".abc ._def {
- color: red;
+/* matches the element with id="#fake-id" */
+#foo {
+ color: antiquewhite;
}
-._ghi ._jkl {
- color: blue;
+/* matches the element with id="-a-b-c-" */
+#foo {
+ color: azure;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+/* matches the element with id="©" */
+#foo {
+ color: black;
+}
-exports[`modules case \`local\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+.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: lime; }
+
+.foo {
+ background: hotpink;
+}
-exports[`modules case \`local\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "abc": "_abc",
- "def": "_def",
- "ghi": "_ghi",
- "jkl": "_jkl",
+.foo {
+ background: hotpink;
}
-`;
-exports[`modules case \`local\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._abc ._def {
- color: red;
+.foo {
+ background: hotpink;
}
-._ghi ._jkl {
- color: blue;
+.foo {
+ background: hotpink;
+}
+\`, ""]);
+// Exports
+var _1 = \`foo\`;
+export { _1 as "123" };
+export var test = \`foo\`;
+export var _test = \`foo\`;
+export var className = \`foo\`;
+export var someId = \`foo\`;
+export var subClass = \`foo\`;
+var _2 = \`foo\`;
+export { _2 as "-a0-34a___f" };
+var _3 = \`foo\`;
+export { _3 as "m_x_@" };
+var _4 = \`foo\`;
+export { _4 as "B&W?" };
+var _5 = \`foo\`;
+export { _5 as ":\`(" };
+var _6 = \`foo\`;
+export { _6 as "1a2b3c" };
+var _7 = \`foo\`;
+export { _7 as "#fake-id" };
+var _8 = \`foo\`;
+export { _8 as "-a-b-c-" };
+var _9 = \`foo\`;
+export { _9 as "©" };
+var _a = \`foo\`;
+export { _a as "♥" };
+var _b = \`foo\`;
+export { _b as "😍" };
+var _c = \`foo\`;
+export { _c as "“‘’”" };
+var _d = \`foo\`;
+export { _d as "☺☃" };
+var _e = \`foo\`;
+export { _e as "⌘⌥" };
+var _f = \`foo\`;
+export { _f as "𝄞♪♩♫♬" };
+var _10 = \`foo\`;
+export { _10 as "💩" };
+var _11 = \`foo\`;
+export { _11 as "?" };
+var _12 = \`foo\`;
+export { _12 as "@" };
+var _13 = \`foo\`;
+export { _13 as "." };
+var _14 = \`foo\`;
+export { _14 as ":)" };
+var _15 = \`foo\`;
+export { _15 as " " };
+var _16 = \`foo\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`foo\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`foo\`;
+export { _18 as "#" };
+var _19 = \`foo\`;
+export { _19 as "##" };
+var _1a = \`foo\`;
+export { _1a as "#.#.#" };
+export var _ = \`foo\`;
+var _1b = \`foo\`;
+export { _1b as "{}" };
+var _1c = \`foo\`;
+export { _1c as "foo.bar" };
+var _1d = \`foo\`;
+export { _1d as ":hover" };
+var _1e = \`foo\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`foo\`;
+export { _1f as "[attr=value]" };
+var _20 = \`foo\`;
+export { _20 as "f/o/o" };
+var _21 = \`foo\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`foo\`;
+export { _22 as "f*o*o" };
+var _23 = \`foo\`;
+export { _23 as "f!o!o" };
+var _24 = \`foo\`;
+export { _24 as "f'o'o" };
+var _25 = \`foo\`;
+export { _25 as "f~o~o" };
+var _26 = \`foo\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and has "undefined" context if no context was given: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".foo {
+ background: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+.foo {
+ background: blue;
+}
-exports[`modules case \`local\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+.foo {
+ background: red;
+}
-exports[`modules case \`local\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "abc": "_2EPIUiYqPKxP0HS9Vgqa8e",
- "def": "_1UnGDcMVVYIU_547CDqQJU",
- "ghi": "_1k8c5svlAtK4vFkSsZdl4o",
- "jkl": "pRQR9FSSkxNL6roex-uGp",
+#foo {
+ background: green;
}
-`;
-exports[`modules case \`local\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._2EPIUiYqPKxP0HS9Vgqa8e ._1UnGDcMVVYIU_547CDqQJU {
- color: red;
+.foo .foo {
+ color: green;
}
-._1k8c5svlAtK4vFkSsZdl4o .pRQR9FSSkxNL6roex-uGp {
+#foo .foo {
color: blue;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+.foo {
+ color: red;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ":local(.className) { background: red; }
-:local(#someId) { background: green; }
-:local(.className .subClass) { color: green; }
-:local(#someId .subClass) { color: blue; }
-",
- "",
- ],
-]
-`;
+/* matches elements with class=":\`(" */
+.foo {
+ color: aqua;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.foo {
+ color: aliceblue;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#foo {
+ color: antiquewhite;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "className": "PTH0TZDPxpREaV5cxtahd",
- "someId": "_1XQl0Np_jYcDGudXKxmL8A",
- "subClass": "_2MrzTmc8jtF-E5FfuMPQie",
+/* matches the element with id="-a-b-c-" */
+#foo {
+ color: azure;
}
-`;
-exports[`modules case \`local-2\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".PTH0TZDPxpREaV5cxtahd { background: red; }
-#_1XQl0Np_jYcDGudXKxmL8A { background: green; }
-.PTH0TZDPxpREaV5cxtahd ._2MrzTmc8jtF-E5FfuMPQie { color: green; }
-#_1XQl0Np_jYcDGudXKxmL8A ._2MrzTmc8jtF-E5FfuMPQie { color: blue; }
-",
- "",
- ],
-]
-`;
+/* matches the element with id="©" */
+#foo {
+ color: black;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+.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: lime; }
+
+.foo {
+ background: hotpink;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+.foo {
+ background: hotpink;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "className": "PTH0TZDPxpREaV5cxtahd",
- "someId": "_1XQl0Np_jYcDGudXKxmL8A",
- "subClass": "_2MrzTmc8jtF-E5FfuMPQie",
+.foo {
+ background: hotpink;
}
-`;
-exports[`modules case \`local-2\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".PTH0TZDPxpREaV5cxtahd { background: red; }
-#_1XQl0Np_jYcDGudXKxmL8A { background: green; }
-.PTH0TZDPxpREaV5cxtahd ._2MrzTmc8jtF-E5FfuMPQie { color: green; }
-#_1XQl0Np_jYcDGudXKxmL8A ._2MrzTmc8jtF-E5FfuMPQie { color: blue; }
+.foo {
+ background: hotpink;
+}
",
"",
],
]
`;
-exports[`modules case \`local-2\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+exports[`"modules" option should work and has "undefined" context if no context was given: warnings 1`] = `[]`;
-exports[`modules case \`local-2\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and prefer relative for "composes": errors 1`] = `[]`;
+
+exports[`"modules" option should work and prefer relative for "composes": module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+import ___CSS_LOADER_ICSS_IMPORT_0___, * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./package/one.css";
+import ___CSS_LOADER_ICSS_IMPORT_1___, * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./node_modules/package/two.css";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+___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, \`.eY6jkKjjXnFY1QWC5gpe {
+ color: yellow;
+}
-exports[`modules case \`local-2\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "className": "_className",
- "someId": "_someId",
- "subClass": "_subClass",
+.cfTHoySzymaJQ150LQPh {
+ color: yellow;
}
+\`, ""]);
+// Exports
+export var one = \`eY6jkKjjXnFY1QWC5gpe \${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["imported-relative"]}\`;
+export var two = \`cfTHoySzymaJQ150LQPh \${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["imported-relative"]}\`;
+export default ___CSS_LOADER_EXPORT___;
+"
`;
-exports[`modules case \`local-2\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._className { background: red; }
-#_someId { background: green; }
-._className ._subClass { color: green; }
-#_someId ._subClass { color: blue; }
+exports[`"modules" option should work and prefer relative for "composes": result 1`] = `
+[
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/prefer-relative/package/one.css",
+ ".x6BAJm_OUHnABwnaBJG6 {
+ display: block;
+}
",
"",
],
-]
-`;
-
-exports[`modules case \`local-2\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`local-2\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`local-2\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "className": "_className",
- "someId": "_someId",
- "subClass": "_subClass",
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/prefer-relative/node_modules/package/two.css",
+ ".sFLAbn2jg871KRraVJSF {
+ display: inline;
}
-`;
-
-exports[`modules case \`local-2\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._className { background: red; }
-#_someId { background: green; }
-._className ._subClass { color: green; }
-#_someId ._subClass { color: blue; }
",
"",
],
-]
-`;
-
-exports[`modules case \`local-2\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`local-2\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`local-2\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "className": "PTH0TZDPxpREaV5cxtahd",
- "someId": "_1XQl0Np_jYcDGudXKxmL8A",
- "subClass": "_2MrzTmc8jtF-E5FfuMPQie",
+ [
+ "./modules/prefer-relative/source.css",
+ ".eY6jkKjjXnFY1QWC5gpe {
+ color: yellow;
}
-`;
-exports[`modules case \`local-2\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".PTH0TZDPxpREaV5cxtahd { background: red; }
-#_1XQl0Np_jYcDGudXKxmL8A { background: green; }
-.PTH0TZDPxpREaV5cxtahd ._2MrzTmc8jtF-E5FfuMPQie { color: green; }
-#_1XQl0Np_jYcDGudXKxmL8A ._2MrzTmc8jtF-E5FfuMPQie { color: blue; }
+.cfTHoySzymaJQ150LQPh {
+ color: yellow;
+}
",
"",
],
]
`;
-exports[`modules case \`local-2\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+exports[`"modules" option should work and prefer relative for "composes": warnings 1`] = `[]`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and prefix leading hyphen when digit is first: errors 1`] = `[]`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+exports[`"modules" option should work and prefix leading hyphen when digit is first: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`._-1test {
+ background: red;
+}
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ":local(.abc) {
- color: red;
+._-1_test {
+ background: blue;
}
-:local(.def) {
- composes: abc;
- background: green;
+
+._-1className {
+ background: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+#_-1someId {
+ background: green;
+}
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+._-1className ._-1subClass {
+ color: green;
+}
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "abc": "_1wzWGMZGmVz3uhGAmwbXwR",
- "def": "_3zcEXyCxYPLdb_6bVqY6Df _1wzWGMZGmVz3uhGAmwbXwR",
+#_-1someId ._-1subClass {
+ color: blue;
}
-`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._1wzWGMZGmVz3uhGAmwbXwR {
+._-1-a0-34a___f {
color: red;
}
-._3zcEXyCxYPLdb_6bVqY6Df {
- background: green;
+
+._-1m_x_\\\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+._-1B\\\\&W\\\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+/* matches elements with class=":\\\`(" */
+._-1\\\\3A \\\\\\\`\\\\( {
+ color: aqua;
+}
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "abc": "_1wzWGMZGmVz3uhGAmwbXwR",
- "def": "_3zcEXyCxYPLdb_6bVqY6Df _1wzWGMZGmVz3uhGAmwbXwR",
+/* matches elements with class="1a2b3c" */
+._-1\\\\31 a2b3c {
+ color: aliceblue;
}
-`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._1wzWGMZGmVz3uhGAmwbXwR {
- color: red;
+/* matches the element with id="#fake-id" */
+#_-1\\\\#fake-id {
+ color: antiquewhite;
}
-._3zcEXyCxYPLdb_6bVqY6Df {
- background: green;
+
+/* matches the element with id="-a-b-c-" */
+#_-1-a-b-c- {
+ color: azure;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+/* matches the element with id="©" */
+#_-1© {
+ color: black;
+}
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+._-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\\\\. { background: lime; }
+._-1\\\\3A \\\\) { background: lime; }
+._-1\\\\3A \\\\\\\`\\\\( { background: lime; }
+._-1\\\\31 23 { background: lime; }
+._-1\\\\31 a2b3c { background: lime; }
+._-1\\\\ \`;
+export { _15 as " " };
+var _16 = \`_-1<><<<>><>\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`_-1++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`_-1#\`;
+export { _18 as "#" };
+var _19 = \`_-1##\`;
+export { _19 as "##" };
+var _1a = \`_-1#.#.#\`;
+export { _1a as "#.#.#" };
+export var _ = \`_-1_\`;
+var _1b = \`_-1{}\`;
+export { _1b as "{}" };
+var _1c = \`_-1foo.bar\`;
+export { _1c as "foo.bar" };
+var _1d = \`_-1:hover\`;
+export { _1d as ":hover" };
+var _1e = \`_-1:hover:focus:active\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`_-1[attr=value]\`;
+export { _1f as "[attr=value]" };
+var _20 = \`_-1f/o/o\`;
+export { _20 as "f/o/o" };
+var _21 = \`_-1f\\\\o\\\\o\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`_-1f*o*o\`;
+export { _22 as "f*o*o" };
+var _23 = \`_-1f!o!o\`;
+export { _23 as "f!o!o" };
+var _24 = \`_-1f'o'o\`;
+export { _24 as "f'o'o" };
+var _25 = \`_-1f~o~o\`;
+export { _25 as "f~o~o" };
+var _26 = \`_-1f+o+o\`;
+export { _26 as "f+o+o" };
+var _27 = \`_-1foo/bar\`;
+export { _27 as "foo/bar" };
+var _28 = \`_-1foo\\\\bar\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`_-1foo/bar/baz\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`_-1foo\\\\bar\\\\baz\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and prefix leading hyphen when digit is first: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ "._-1test {
+ background: red;
+}
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "abc": "_abc",
- "def": "_def _abc",
+._-1_test {
+ background: blue;
}
-`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._abc {
- color: red;
+._-1className {
+ background: red;
}
-._def {
+
+#_-1someId {
background: green;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+._-1className ._-1subClass {
+ color: green;
+}
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "abc": "_1wzWGMZGmVz3uhGAmwbXwR",
- "def": "_3zcEXyCxYPLdb_6bVqY6Df _1wzWGMZGmVz3uhGAmwbXwR",
+#_-1someId ._-1subClass {
+ color: blue;
}
-`;
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._1wzWGMZGmVz3uhGAmwbXwR {
+._-1-a0-34a___f {
color: red;
}
-._3zcEXyCxYPLdb_6bVqY6Df {
- background: green;
-}
-",
- "",
- ],
-]
-`;
-
-exports[`modules case \`local-and-composes\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
-exports[`modules case \`local-with-string\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+._-1m_x_\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`local-with-string\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+._-1B\\&W\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`local-with-string\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ":local(.c1[data-attr=\\".c2)]'\\"]:not(.c3):not(.c4)) {
- background: red;
+/* matches elements with class=":\`(" */
+._-1\\3A \\\`\\( {
+ color: aqua;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local-with-string\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+._-1\\31 a2b3c {
+ color: aliceblue;
+}
-exports[`modules case \`local-with-string\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#_-1\\#fake-id {
+ color: antiquewhite;
+}
-exports[`modules case \`local-with-string\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "c1": "_1sz8PE1ejGPcGRSnIAWKZt",
- "c3": "_2DFDxRic974g-wJ7S9rbP1",
- "c4": "xo8O_am1gQUkHa-_J-WSe",
+/* matches the element with id="-a-b-c-" */
+#_-1-a-b-c- {
+ color: azure;
}
-`;
-exports[`modules case \`local-with-string\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._1sz8PE1ejGPcGRSnIAWKZt[data-attr=\\".c2)]'\\"]:not(._2DFDxRic974g-wJ7S9rbP1):not(.xo8O_am1gQUkHa-_J-WSe) {
- background: red;
+/* matches the element with id="©" */
+#_-1© {
+ color: black;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local-with-string\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+._-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\\. { background: lime; }
+._-1\\3A \\) { background: lime; }
+._-1\\3A \\\`\\( { background: lime; }
+._-1\\31 23 { background: lime; }
+._-1\\31 a2b3c { background: lime; }
+._-1\\ " };
+var _16 = \`cGH8351B\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`_sBaAj4v\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`Ig420xMn\`;
+export { _18 as "#" };
+var _19 = \`t_MNCpGV\`;
+export { _19 as "##" };
+var _1a = \`ozULn22d\`;
+export { _1a as "#.#.#" };
+export var _ = \`qR0Vnn20\`;
+var _1b = \`tt66IaNP\`;
+export { _1b as "{}" };
+var _1c = \`RFVWf69B\`;
+export { _1c as "foo.bar" };
+var _1d = \`QnhABYwt\`;
+export { _1d as ":hover" };
+var _1e = \`qRhRpbmB\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`wkL_QN8C\`;
+export { _1f as "[attr=value]" };
+var _20 = \`KDSjlnnR\`;
+export { _20 as "f/o/o" };
+var _21 = \`LsVcYH6Y\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`CNQowmKT\`;
+export { _22 as "f*o*o" };
+var _23 = \`eUsF4mDa\`;
+export { _23 as "f!o!o" };
+var _24 = \`ESWnsA_A\`;
+export { _24 as "f'o'o" };
+var _25 = \`taQ7D9sF\`;
+export { _25 as "f~o~o" };
+var _26 = \`AL7FEeDx\`;
+export { _26 as "f+o+o" };
+var _27 = \`GOPxpaxq\`;
+export { _27 as "foo/bar" };
+var _28 = \`chesbSdq\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`QMeNd406\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`jXaakDKS\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "context" option: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".Cqfpw57I {
+ background: red;
+}
-exports[`modules case \`media\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "small": "(max-width: 599px)",
+.TGo4Rmnn {
+ background: blue;
}
-`;
-exports[`modules case \`media\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@media (max-width: 599px) {
- .header {
- box-shadow: 0 0 4px #1F4F7F;
- }
+.V3rkzYqn {
+ background: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`media\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`media\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+#p0emrDgk {
+ background: green;
+}
-exports[`modules case \`media\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "header": "_1wyVAJXtjGZLoQNO_yG8b3",
- "small": "(max-width: 599px)",
+.V3rkzYqn .v0YwV1mq {
+ color: green;
}
-`;
-exports[`modules case \`media\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@media (max-width: 599px) {
- ._1wyVAJXtjGZLoQNO_yG8b3 {
- box-shadow: 0 0 4px #1F4F7F;
- }
+#p0emrDgk .v0YwV1mq {
+ color: blue;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`media\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.iD7O58t6 {
+ color: red;
+}
-exports[`modules case \`media\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+.RH_w1QEb {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`media\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "small": "(max-width: 599px)",
+.Ag92YvL3 {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-`;
-exports[`modules case \`media\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@media (max-width: 599px) {
- .header {
- box-shadow: 0 0 4px #1F4F7F;
- }
+/* matches elements with class=":\`(" */
+.ETB9N0Rx {
+ color: aqua;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`media\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.LEy8bpHz {
+ color: aliceblue;
+}
-exports[`modules case \`media\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#JOQqQG3P {
+ color: antiquewhite;
+}
-exports[`modules case \`media\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "header": "_header",
- "small": "(max-width: 599px)",
+/* matches the element with id="-a-b-c-" */
+#LD6vZ0vn {
+ color: azure;
}
-`;
-exports[`modules case \`media\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@media (max-width: 599px) {
- ._header {
- box-shadow: 0 0 4px #1F4F7F;
- }
+/* matches the element with id="©" */
+#bD4iEyBe {
+ color: black;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`media\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+.pHooKEFO { background: lime; }
+.bD4iEyBe { background: lime; }
+.MkprjEQN { background: lime; }
+.hsoP1NHa { background: lime; }
+.AERfnIsn { background: lime; }
+.s83tEkiy { background: lime; }
+.sIO5dUZQ { background: lime; }
+.zVi6sc5A { background: lime; }
+.N9lQNAW2 { background: lime; }
+.SysYqBF2 { background: lime; }
+._TYYa2xJ { background: lime; }
+.TFikf3jN { background: lime; }
+.ETB9N0Rx { background: lime; }
+.DEfkSXfj { background: lime; }
+.LEy8bpHz { background: lime; }
+.nMEppSss { background: lime; }
+.cGH8351B { background: lime; }
+._sBaAj4v { background: lime; }
+.Ig420xMn { background: lime; }
+.t_MNCpGV { background: lime; }
+.ozULn22d { background: lime; }
+.qR0Vnn20 { background: lime; }
+.tt66IaNP { background: lime; }
+.JOQqQG3P { background: lime; }
+.RFVWf69B { background: lime; }
+.QnhABYwt { background: lime; }
+.qRhRpbmB { background: lime; }
+.wkL_QN8C { background: lime; }
+.KDSjlnnR { background: lime; }
+.LsVcYH6Y { background: lime; }
+.CNQowmKT { background: lime; }
+.eUsF4mDa { background: lime; }
+.ESWnsA_A { background: lime; }
+.taQ7D9sF { background: lime; }
+.AL7FEeDx { background: lime; }
+
+.GOPxpaxq {
+ background: hotpink;
+}
-exports[`modules case \`media\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+.chesbSdq {
+ background: hotpink;
+}
-exports[`modules case \`media\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "header": "_1wyVAJXtjGZLoQNO_yG8b3",
- "small": "(max-width: 599px)",
+.QMeNd406 {
+ background: hotpink;
}
-`;
-exports[`modules case \`media\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@media (max-width: 599px) {
- ._1wyVAJXtjGZLoQNO_yG8b3 {
- box-shadow: 0 0 4px #1F4F7F;
- }
+.jXaakDKS {
+ background: hotpink;
}
",
"",
@@ -3321,147 +4377,105 @@ Array [
]
`;
-exports[`modules case \`media\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`media-2\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and respect the "context" option: warnings 1`] = `[]`;
-exports[`modules case \`media-2\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type and returns array names: errors 1`] = `[]`;
-exports[`modules case \`media-2\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@value small from './file.css';
-@media small {
- .header {
- box-shadow: 0 0 4px #1F4F7F;
- }
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type and returns array names: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`media-2\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`media-2\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "small": "(max-width: 599px)",
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "@media (max-width: 599px) {
- .header {
- box-shadow: 0 0 4px #1F4F7F;
- }
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+a {
+ color: yellow;
+}
-exports[`modules case \`media-2\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
+}
-exports[`modules case \`media-2\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "header": "UbDEjEuweJXO7yHMpC8qp",
- "small": "(max-width: 599px)",
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "@media (max-width: 599px) {
- .UbDEjEuweJXO7yHMpC8qp {
- box-shadow: 0 0 4px #1F4F7F;
- }
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
+}
+\`, ""]);
+// Exports
+export var foo_TEST_1 = \`bar\`;
+export var foo_TEST_3 = \`bar\`;
+export var my_btn_info_is_disabled_TEST_1 = \`value\`;
+export var my_btn_info_is_disabled_TEST_3 = \`value\`;
+export var btn_info_is_disabled_TEST_1 = \`rmc8ltu8P1VXaeqLNU6N\`;
+export var btn_info_is_disabled_TEST_3 = \`rmc8ltu8P1VXaeqLNU6N\`;
+export var btn__info_is_disabled_1_TEST_1 = \`AooVHuvzAIGXWngdfslc\`;
+export var btn__info_is_disabled_1_TEST_3 = \`AooVHuvzAIGXWngdfslc\`;
+export var simple_TEST_1 = \`snmJCrfw3LVnrlx87XVC\`;
+export var simple_TEST_3 = \`snmJCrfw3LVnrlx87XVC\`;
+export var foo_bar_TEST_1 = \`vA4oeh0XymefKJVIJyg1\`;
+export var foo_bar_TEST_3 = \`vA4oeh0XymefKJVIJyg1\`;
+export var class_TEST_1 = \`mDiC1MIOTWjgsd86woaJ\`;
+export var class_TEST_3 = \`mDiC1MIOTWjgsd86woaJ\`;
+export var fooBarBaz_TEST_1 = \`kY3VVFqpzmTiFlxOd9KU\`;
+export var fooBarBaz_TEST_3 = \`kY3VVFqpzmTiFlxOd9KU\`;
+export var b_TEST_1 = \`eiLdMC_n9TCXQ0oPIJyI\`;
+export var b_TEST_3 = \`eiLdMC_n9TCXQ0oPIJyI\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type and returns array names: result 1`] = `
+[
+ [
+ "./modules/localsConvention/localsConvention.css",
+ ".rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
+}
-exports[`modules case \`media-2\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
+}
-exports[`modules case \`media-2\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "small": "(max-width: 599px)",
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "@media (max-width: 599px) {
- .header {
- box-shadow: 0 0 4px #1F4F7F;
- }
+a {
+ color: yellow;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
+}
-exports[`modules case \`media-2\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
+}
-exports[`modules case \`media-2\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "header": "_header",
- "small": "(max-width: 599px)",
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "@media (max-width: 599px) {
- ._header {
- box-shadow: 0 0 4px #1F4F7F;
- }
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
}
",
"",
@@ -3469,302 +4483,600 @@ Array [
]
`;
-exports[`modules case \`media-2\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type and returns array names: warnings 1`] = `[]`;
-exports[`modules case \`media-2\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type: errors 1`] = `[]`;
+
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
+}
-exports[`modules case \`media-2\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "header": "UbDEjEuweJXO7yHMpC8qp",
- "small": "(max-width: 599px)",
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "@media (max-width: 599px) {
- .UbDEjEuweJXO7yHMpC8qp {
- box-shadow: 0 0 4px #1F4F7F;
- }
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`media-2\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+a {
+ color: yellow;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".c1 :local .c2 .c3 :global .c4 :local .c5, .c6 :local .c7 { background: red; }
-.c8 { background: red; }
-",
- "",
- ],
-]
-`;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
+}
+\`, ""]);
+// Exports
+export var foo_TEST = \`bar\`;
+export var my_btn_info_is_disabled_TEST = \`value\`;
+export var btn_info_is_disabled_TEST = \`rmc8ltu8P1VXaeqLNU6N\`;
+export var btn__info_is_disabled_1_TEST = \`AooVHuvzAIGXWngdfslc\`;
+export var simple_TEST = \`snmJCrfw3LVnrlx87XVC\`;
+export var foo_bar_TEST = \`vA4oeh0XymefKJVIJyg1\`;
+export var class_TEST = \`mDiC1MIOTWjgsd86woaJ\`;
+export var fooBarBaz_TEST = \`kY3VVFqpzmTiFlxOd9KU\`;
+export var b_TEST = \`eiLdMC_n9TCXQ0oPIJyI\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type: result 1`] = `
+[
+ [
+ "./modules/localsConvention/localsConvention.css",
+ ".rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "c2": "LgC5kpXZK3IOCPWWctF7f",
- "c3": "_2ZTY7KJ2nkQND4VqlaSz9a",
- "c5": "tEu6_PTqhxImp1tyYQTWz",
- "c7": "FBEuAfqI8VKhU-w-9RNH",
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-`;
-exports[`modules case \`mode-switching\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".c1 .LgC5kpXZK3IOCPWWctF7f ._2ZTY7KJ2nkQND4VqlaSz9a .c4 .tEu6_PTqhxImp1tyYQTWz, .c6 .FBEuAfqI8VKhU-w-9RNH { background: red; }
-.c8 { background: red; }
-",
- "",
- ],
-]
-`;
+a {
+ color: yellow;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "c1": "_sSeqF3tTS8i-oJLOiW66",
- "c2": "LgC5kpXZK3IOCPWWctF7f",
- "c3": "_2ZTY7KJ2nkQND4VqlaSz9a",
- "c5": "tEu6_PTqhxImp1tyYQTWz",
- "c6": "sUDXsigYAAb8sNlOMs_Oc",
- "c7": "FBEuAfqI8VKhU-w-9RNH",
- "c8": "_1JUWq0LIxk9cx-H1cbqyAD",
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-`;
-exports[`modules case \`mode-switching\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._sSeqF3tTS8i-oJLOiW66 .LgC5kpXZK3IOCPWWctF7f ._2ZTY7KJ2nkQND4VqlaSz9a .c4 .tEu6_PTqhxImp1tyYQTWz, .sUDXsigYAAb8sNlOMs_Oc .FBEuAfqI8VKhU-w-9RNH { background: red; }
-._1JUWq0LIxk9cx-H1cbqyAD { background: red; }
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
+}
",
"",
],
]
`;
-exports[`modules case \`mode-switching\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type: warnings 1`] = `[]`;
-exports[`modules case \`mode-switching\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and respect the "exportOnlyLocals" option: errors 1`] = `[]`;
-exports[`modules case \`mode-switching\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "c2": "_c2",
- "c3": "_c3",
- "c5": "_c5",
- "c7": "_c7",
+exports[`"modules" option should work and respect the "exportOnlyLocals" option: module 1`] = `
+"// Imports
+import * as ___CSS_LOADER_ICSS_IMPORT_0____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./values.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_1____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./something.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_2____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./imported-simple.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_3____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./relative.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_4____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./top-relative.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_5____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!../issue-861/node_modules/package/style.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_6____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!./alias.css";
+import * as ___CSS_LOADER_ICSS_IMPORT_7____NAMED___ from "-!../../../../src/index.js??ruleSet[1].rules[0].use[0]!sass-loader!./scss-file.scss";
+// Exports
+var _1 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-def"]}\`;
+export { _1 as "v-def" };
+var _2 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["v-other"]}\`;
+export { _2 as "v-other" };
+var _3 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["s-white"]}\`;
+export { _3 as "s-white" };
+var _4 = \`\${___CSS_LOADER_ICSS_IMPORT_0____NAMED___["m-small"]}\`;
+export { _4 as "m-small" };
+var _5 = \`\${___CSS_LOADER_ICSS_IMPORT_1____NAMED___["v-something"]}\`;
+export { _5 as "v-something" };
+var _6 = \`blue\`;
+export { _6 as "v-foo" };
+var _7 = \`block\`;
+export { _7 as "v-bar" };
+var _8 = \`#BF4040\`;
+export { _8 as "v-primary" };
+var _9 = \`black-selector\`;
+export { _9 as "s-black" };
+var _a = \`(min-width: 960px)\`;
+export { _a as "m-large" };
+var _b = \`validIdent\`;
+export { _b as "v-ident" };
+var _c = \`left\`;
+export { _c as "v-pre-defined-ident" };
+var _d = \`'content'\`;
+export { _d as "v-string" };
+var _e = \`''\`;
+export { _e as "v-string-1" };
+var _f = \`url(https://www.exammple.com/images/my-background.png)\`;
+export { _f as "v-url" };
+var _10 = \`url('https://www.exammple.com/images/my-background.png')\`;
+export { _10 as "v-url-1" };
+var _11 = \`url("https://www.exammple.com/images/my-background.png")\`;
+export { _11 as "v-url-2" };
+var _12 = \`100\`;
+export { _12 as "v-integer" };
+var _13 = \`-100\`;
+export { _13 as "v-integer-1" };
+var _14 = \`+100\`;
+export { _14 as "v-integer-2" };
+var _15 = \`.60\`;
+export { _15 as "v-number" };
+var _16 = \`-456.8\`;
+export { _16 as "v-number-1" };
+var _17 = \`-3.4e-2\`;
+export { _17 as "v-number-2" };
+var _18 = \`12px\`;
+export { _18 as "v-dimension" };
+var _19 = \`100%\`;
+export { _19 as "v-percentage" };
+var _1a = \`#fff\`;
+export { _1a as "v-hex" };
+var _1b = \` /* comment */\`;
+export { _1b as "v-comment" };
+var _1c = \`rgb(0,0,0)\`;
+export { _1c as "v-function" };
+var _1d = \`U+0025-00FF\`;
+export { _1d as "v-unicode-range" };
+export var ghi = \`_ghi\`;
+var _1e = \`_my-class\`;
+export { _1e as "my-class" };
+export var other = \`_other\`;
+var _1f = \`_other-other\`;
+export { _1f as "other-other" };
+export var green = \`_green\`;
+export var foo = \`_foo\`;
+export var simple = \`_simple \${___CSS_LOADER_ICSS_IMPORT_2____NAMED___["imported-simple"]}\`;
+export var relative = \`_relative \${___CSS_LOADER_ICSS_IMPORT_3____NAMED___["imported-relative"]}\`;
+var _20 = \`_top-relative \${___CSS_LOADER_ICSS_IMPORT_4____NAMED___["imported-relative"]}\`;
+export { _20 as "top-relative" };
+var _21 = \`_my-module \${___CSS_LOADER_ICSS_IMPORT_5____NAMED___["imported-module"]}\`;
+export { _21 as "my-module" };
+export var alias = \`_alias \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___["imported-alias"]}\`;
+var _22 = \`_alias-duplicate \${___CSS_LOADER_ICSS_IMPORT_6____NAMED___["imported-alias"]}\`;
+export { _22 as "alias-duplicate" };
+var _23 = \`_primary-selector\`;
+export { _23 as "primary-selector" };
+var _24 = \`_black-selector\`;
+export { _24 as "black-selector" };
+export var header = \`_header\`;
+export var foobarbaz = \`_foobarbaz\`;
+export var url = \`_url\`;
+export var main = \`_main \${___CSS_LOADER_ICSS_IMPORT_7____NAMED___["scssClass"]}\`;
+"
+`;
+
+exports[`"modules" option should work and respect the "exportOnlyLocals" option: result 1`] = `
+{
+ "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 case \`mode-switching\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".c1 ._c2 ._c3 .c4 ._c5, .c6 ._c7 { background: red; }
-.c8 { background: red; }
-",
- "",
- ],
+exports[`"modules" option should work and respect the "exportOnlyLocals" option: warnings 1`] = `
+[
+ "ModuleWarning: Module Warning (from \`replaced original path\`):
+Deprecation The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api",
]
`;
-exports[`modules case \`mode-switching\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+exports[`"modules" option should work and respect the "getLocalIdent" option: errors 1`] = `[]`;
-exports[`modules case \`mode-switching\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and respect the "getLocalIdent" option: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.foo {
+ background: red;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "c1": "_c1",
- "c2": "_c2",
- "c3": "_c3",
- "c5": "_c5",
- "c6": "_c6",
- "c7": "_c7",
- "c8": "_c8",
+.foo {
+ background: blue;
}
-`;
-exports[`modules case \`mode-switching\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._c1 ._c2 ._c3 .c4 ._c5, ._c6 ._c7 { background: red; }
-._c8 { background: red; }
-",
- "",
- ],
-]
-`;
+.foo {
+ background: red;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+#foo {
+ background: green;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+.foo .foo {
+ color: green;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "c1": "_sSeqF3tTS8i-oJLOiW66",
- "c2": "LgC5kpXZK3IOCPWWctF7f",
- "c3": "_2ZTY7KJ2nkQND4VqlaSz9a",
- "c5": "tEu6_PTqhxImp1tyYQTWz",
- "c6": "sUDXsigYAAb8sNlOMs_Oc",
- "c7": "FBEuAfqI8VKhU-w-9RNH",
- "c8": "_1JUWq0LIxk9cx-H1cbqyAD",
+#foo .foo {
+ color: blue;
}
-`;
-exports[`modules case \`mode-switching\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._sSeqF3tTS8i-oJLOiW66 .LgC5kpXZK3IOCPWWctF7f ._2ZTY7KJ2nkQND4VqlaSz9a .c4 .tEu6_PTqhxImp1tyYQTWz, .sUDXsigYAAb8sNlOMs_Oc .FBEuAfqI8VKhU-w-9RNH { background: red; }
-._1JUWq0LIxk9cx-H1cbqyAD { background: red; }
-",
- "",
- ],
-]
-`;
+.foo {
+ color: red;
+}
-exports[`modules case \`mode-switching\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+/* matches elements with class=":\\\`(" */
+.foo {
+ color: aqua;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a .b, .c .d, #id {
- color: green;
- font-size: 1.5pt;
+/* matches elements with class="1a2b3c" */
+.foo {
+ color: aliceblue;
}
-a[href=\\"#b.c\\"].x.y {
- color: green;
- font-size: 1.5pt;
+
+/* matches the element with id="#fake-id" */
+#foo {
+ color: antiquewhite;
}
-@keyframes z {
- 2.5% {color: green;}
+
+/* matches the element with id="-a-b-c-" */
+#foo {
+ color: azure;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`simple\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+/* matches the element with id="©" */
+#foo {
+ color: black;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+.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: lime; }
+
+.foo {
+ background: hotpink;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`global)\`: locals 1`] = `undefined`;
+.foo {
+ background: hotpink;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a .b, .c .d, #id {
- color: green;
- font-size: 1.5pt;
+.foo {
+ background: hotpink;
}
-a[href=\\"#b.c\\"].x.y {
- color: green;
- font-size: 1.5pt;
+
+.foo {
+ background: hotpink;
}
-@keyframes z {
- 2.5% {color: green;}
+\`, ""]);
+// Exports
+var _1 = \`foo\`;
+export { _1 as "123" };
+export var test = \`foo\`;
+export var _test = \`foo\`;
+export var className = \`foo\`;
+export var someId = \`foo\`;
+export var subClass = \`foo\`;
+var _2 = \`foo\`;
+export { _2 as "-a0-34a___f" };
+var _3 = \`foo\`;
+export { _3 as "m_x_@" };
+var _4 = \`foo\`;
+export { _4 as "B&W?" };
+var _5 = \`foo\`;
+export { _5 as ":\`(" };
+var _6 = \`foo\`;
+export { _6 as "1a2b3c" };
+var _7 = \`foo\`;
+export { _7 as "#fake-id" };
+var _8 = \`foo\`;
+export { _8 as "-a-b-c-" };
+var _9 = \`foo\`;
+export { _9 as "©" };
+var _a = \`foo\`;
+export { _a as "♥" };
+var _b = \`foo\`;
+export { _b as "😍" };
+var _c = \`foo\`;
+export { _c as "“‘’”" };
+var _d = \`foo\`;
+export { _d as "☺☃" };
+var _e = \`foo\`;
+export { _e as "⌘⌥" };
+var _f = \`foo\`;
+export { _f as "𝄞♪♩♫♬" };
+var _10 = \`foo\`;
+export { _10 as "💩" };
+var _11 = \`foo\`;
+export { _11 as "?" };
+var _12 = \`foo\`;
+export { _12 as "@" };
+var _13 = \`foo\`;
+export { _13 as "." };
+var _14 = \`foo\`;
+export { _14 as ":)" };
+var _15 = \`foo\`;
+export { _15 as " " };
+var _16 = \`foo\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`foo\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`foo\`;
+export { _18 as "#" };
+var _19 = \`foo\`;
+export { _19 as "##" };
+var _1a = \`foo\`;
+export { _1a as "#.#.#" };
+export var _ = \`foo\`;
+var _1b = \`foo\`;
+export { _1b as "{}" };
+var _1c = \`foo\`;
+export { _1c as "foo.bar" };
+var _1d = \`foo\`;
+export { _1d as ":hover" };
+var _1e = \`foo\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`foo\`;
+export { _1f as "[attr=value]" };
+var _20 = \`foo\`;
+export { _20 as "f/o/o" };
+var _21 = \`foo\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`foo\`;
+export { _22 as "f*o*o" };
+var _23 = \`foo\`;
+export { _23 as "f!o!o" };
+var _24 = \`foo\`;
+export { _24 as "f'o'o" };
+var _25 = \`foo\`;
+export { _25 as "f~o~o" };
+var _26 = \`foo\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "getLocalIdent" option: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".foo {
+ background: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`simple\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+.foo {
+ background: blue;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+.foo {
+ background: red;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "a": "_3Usq4DWpHHUfARGj76o2W1",
- "b": "_2sE42PHfIbHjbGigpdA5M2",
- "c": "_3JN7IxYrHx5fpD-QuNH8Vg",
- "d": "_169FAY78xdP6MpwfqxWVlS",
- "id": "_2w6DrNK6drHoI8na0s2YJu",
- "x": "_3jqDKJEcQhMnSj5LXFzCMT",
- "y": "_2CdavzdbxA-_uaXjgT2eG",
- "z": "eawDxhAAUQ-HvrUhhwSML",
+#foo {
+ background: green;
}
-`;
-exports[`modules case \`simple\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._3Usq4DWpHHUfARGj76o2W1 ._2sE42PHfIbHjbGigpdA5M2, ._3JN7IxYrHx5fpD-QuNH8Vg ._169FAY78xdP6MpwfqxWVlS, #_2w6DrNK6drHoI8na0s2YJu {
- color: green;
- font-size: 1.5pt;
+.foo .foo {
+ color: green;
}
-a[href=\\"#b.c\\"]._3jqDKJEcQhMnSj5LXFzCMT._2CdavzdbxA-_uaXjgT2eG {
- color: green;
- font-size: 1.5pt;
+
+#foo .foo {
+ color: blue;
}
-@keyframes eawDxhAAUQ-HvrUhhwSML {
- 2.5% {color: green;}
+
+.foo {
+ color: red;
+}
+
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`simple\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+/* matches elements with class=":\`(" */
+.foo {
+ color: aqua;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `undefined`;
+/* matches elements with class="1a2b3c" */
+.foo {
+ color: aliceblue;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a .b, .c .d, #id {
- color: green;
- font-size: 1.5pt;
+/* matches the element with id="#fake-id" */
+#foo {
+ color: antiquewhite;
}
-a[href=\\"#b.c\\"].x.y {
- color: green;
- font-size: 1.5pt;
+
+/* matches the element with id="-a-b-c-" */
+#foo {
+ color: azure;
}
-@keyframes z {
- 2.5% {color: green;}
+
+/* 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: lime; }
+
+.foo {
+ background: hotpink;
+}
+
+.foo {
+ background: hotpink;
+}
+
+.foo {
+ background: hotpink;
+}
+
+.foo {
+ background: hotpink;
}
",
"",
@@ -3772,267 +5084,343 @@ a[href=\\"#b.c\\"].x.y {
]
`;
-exports[`modules case \`simple\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+exports[`"modules" option should work and respect the "getLocalIdent" option: warnings 1`] = `[]`;
-exports[`modules case \`simple\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and respect the "hashSalt" option: errors 1`] = `[]`;
-exports[`modules case \`simple\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "a": "_a",
- "b": "_b",
- "c": "_c",
- "d": "_d",
- "id": "_id",
- "x": "_x",
- "y": "_y",
- "z": "_z",
+exports[`"modules" option should work and respect the "hashSalt" option: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.test--a5c5ad41747f587b6274 {
+ background: red;
}
-`;
-exports[`modules case \`simple\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._a ._b, ._c ._d, #_id {
- color: green;
- font-size: 1.5pt;
+._test--df4a97df5d4981c18fd3 {
+ background: blue;
}
-a[href=\\"#b.c\\"]._x._y {
- color: green;
- font-size: 1.5pt;
+
+.className--f51a39697d46ec360e5d {
+ background: red;
}
-@keyframes _z {
- 2.5% {color: green;}
+
+#someId--a66e8413a3c261c3b5db {
+ background: green;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`simple\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+.className--f51a39697d46ec360e5d .subClass--a2c5762a1671ee02d495 {
+ color: green;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+#someId--a66e8413a3c261c3b5db .subClass--a2c5762a1671ee02d495 {
+ color: blue;
+}
-exports[`modules case \`simple\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "a": "_3Usq4DWpHHUfARGj76o2W1",
- "b": "_2sE42PHfIbHjbGigpdA5M2",
- "c": "_3JN7IxYrHx5fpD-QuNH8Vg",
- "d": "_169FAY78xdP6MpwfqxWVlS",
- "id": "_2w6DrNK6drHoI8na0s2YJu",
- "x": "_3jqDKJEcQhMnSj5LXFzCMT",
- "y": "_2CdavzdbxA-_uaXjgT2eG",
- "z": "eawDxhAAUQ-HvrUhhwSML",
+.-a0-34a___f--bcceae76b21ea32837d1 {
+ color: red;
}
-`;
-exports[`modules case \`simple\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._3Usq4DWpHHUfARGj76o2W1 ._2sE42PHfIbHjbGigpdA5M2, ._3JN7IxYrHx5fpD-QuNH8Vg ._169FAY78xdP6MpwfqxWVlS, #_2w6DrNK6drHoI8na0s2YJu {
- color: green;
- font-size: 1.5pt;
+.m_x_\\\\@--bf8f3ed982973d67547f {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-a[href=\\"#b.c\\"]._3jqDKJEcQhMnSj5LXFzCMT._2CdavzdbxA-_uaXjgT2eG {
- color: green;
- font-size: 1.5pt;
+
+.B\\\\&W\\\\?--fdee73d5165bc2acf73d {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-@keyframes eawDxhAAUQ-HvrUhhwSML {
- 2.5% {color: green;}
+
+/* matches elements with class=":\\\`(" */
+.\\\\3A \\\\\\\`\\\\(--daecad79b824a8ae7e46 {
+ color: aqua;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`simple\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.\\\\31 a2b3c--d785e50a661529be89f2 {
+ color: aliceblue;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#\\\\#fake-id--a2d7428449895097291a {
+ color: antiquewhite;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---ccf3274dd45a8534913a {
+ color: azure;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a {
- background: url(/webpack/public/path/img.png);
- background: url(/webpack/public/path/img.png);
- background: url(\\"/webpack/public/path/img img.png\\");
- background: url(\\"/webpack/public/path/img img.png\\");
- background: url(/webpack/public/path/img.png);
- background: url(/webpack/public/path/img.png#?iefix);
- background: url(\\"#hash\\");
- background: url(\\"#\\");
- background: url(data:image/png;base64,AAA);
- background: url(http://example.com/image.jpg);
- background: url(//example.com/image.png);
- background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) url(/webpack/public/path/img.png) url(\\"/webpack/public/path/img img.png\\") xyz;
+/* matches the element with id="©" */
+#©--adb36177ba3316dd9afb {
+ color: black;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`urls\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+.♥--c663262caaf9ada1c6a0 { background: lime; }
+.©--adb36177ba3316dd9afb { background: lime; }
+.😍--d8e76280f5be316bb39c { background: lime; }
+.“‘’”--f87afd60ed2beca8050a { background: lime; }
+.☺☃--fe372e2946d00a877026 { background: lime; }
+.⌘⌥--fc006a6459cc592e3b7c { background: lime; }
+.𝄞♪♩♫♬--fd618d266b80203525ea { background: lime; }
+.💩--da6582591f548841513d { background: lime; }
+.\\\\?--b11162427f8dc0109aaf { background: lime; }
+.\\\\@--bb281d67eaa9e09d6112 { background: lime; }
+.\\\\.--b1699afe1173ecd986e4 { background: lime; }
+.\\\\3A \\\\)--a94f76ff951371f51151 { background: lime; }
+.\\\\3A \\\\\\\`\\\\(--daecad79b824a8ae7e46 { background: lime; }
+.\\\\31 23--d235ae87e4273d19e7e5 { background: lime; }
+.\\\\31 a2b3c--d785e50a661529be89f2 { background: lime; }
+.\\\\ --cc00b17b428adef51f6c\`;
+export { _15 as " " };
+var _16 = \`<><<<>><>--a2a770d06d29491cb90e\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--cc7846d4433278cb7dc4\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`#--c7a943b3297883fd2089\`;
+export { _18 as "#" };
+var _19 = \`##--ea628e8df88221969552\`;
+export { _19 as "##" };
+var _1a = \`#.#.#--dea710d8c9521902e062\`;
+export { _1a as "#.#.#" };
+export var _ = \`_--e9f571bfd47fb40b377c\`;
+var _1b = \`{}--def5f97b0ff315e9c069\`;
+export { _1b as "{}" };
+var _1c = \`foo.bar--a4aa4a1a78b94ac062a8\`;
+export { _1c as "foo.bar" };
+var _1d = \`:hover--cc13dcdd34f352f8db26\`;
+export { _1d as ":hover" };
+var _1e = \`:hover:focus:active--de4f205b1da2542a3508\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`[attr=value]--ed6f9744ffabc36e81fd\`;
+export { _1f as "[attr=value]" };
+var _20 = \`f/o/o--fef3c40a18a3bdc6aadf\`;
+export { _20 as "f/o/o" };
+var _21 = \`f\\\\o\\\\o--bed5a37b85151828fd59\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`f*o*o--dbb328bab1b211b02df5\`;
+export { _22 as "f*o*o" };
+var _23 = \`f!o!o--d35399e626d374f6a536\`;
+export { _23 as "f!o!o" };
+var _24 = \`f'o'o--dffb0a3cb0c3b935c5f4\`;
+export { _24 as "f'o'o" };
+var _25 = \`f~o~o--f3f5d93f57c13ee77bb5\`;
+export { _25 as "f~o~o" };
+var _26 = \`f+o+o--d70c625b18c77fdca148\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo/bar--bb4ad2f425527544553f\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\\\\bar--e8ba4f9a74f8b7fa8361\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo/bar/baz--b5eb40201778b94976f0\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\\\\bar\\\\baz--b178648b8128f2bbc548\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "hashSalt" option: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".test--a5c5ad41747f587b6274 {
+ background: red;
+}
+
+._test--df4a97df5d4981c18fd3 {
+ background: blue;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`urls\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+.className--f51a39697d46ec360e5d {
+ background: red;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+#someId--a66e8413a3c261c3b5db {
+ background: green;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "a": "_1goi1QVFtUMjX82JoFfLLJ",
+.className--f51a39697d46ec360e5d .subClass--a2c5762a1671ee02d495 {
+ color: green;
}
-`;
-exports[`modules case \`urls\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._1goi1QVFtUMjX82JoFfLLJ {
- background: url(/webpack/public/path/img.png);
- background: url(/webpack/public/path/img.png);
- background: url(\\"/webpack/public/path/img img.png\\");
- background: url(\\"/webpack/public/path/img img.png\\");
- background: url(/webpack/public/path/img.png);
- background: url(/webpack/public/path/img.png#?iefix);
- background: url(\\"#hash\\");
- background: url(\\"#\\");
- background: url(data:image/png;base64,AAA);
- background: url(http://example.com/image.jpg);
- background: url(//example.com/image.png);
- background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) url(/webpack/public/path/img.png) url(\\"/webpack/public/path/img img.png\\") xyz;
+#someId--a66e8413a3c261c3b5db .subClass--a2c5762a1671ee02d495 {
+ color: blue;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`urls\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.-a0-34a___f--bcceae76b21ea32837d1 {
+ color: red;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+.m_x_\\@--bf8f3ed982973d67547f {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `undefined`;
+.B\\&W\\?--fdee73d5165bc2acf73d {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a {
- background: url(/webpack/public/path/img.png);
- background: url(/webpack/public/path/img.png);
- background: url(\\"/webpack/public/path/img img.png\\");
- background: url(\\"/webpack/public/path/img img.png\\");
- background: url(/webpack/public/path/img.png);
- background: url(/webpack/public/path/img.png#?iefix);
- background: url(\\"#hash\\");
- background: url(\\"#\\");
- background: url(data:image/png;base64,AAA);
- background: url(http://example.com/image.jpg);
- background: url(//example.com/image.png);
- background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) url(/webpack/public/path/img.png) url(\\"/webpack/public/path/img img.png\\") xyz;
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(--daecad79b824a8ae7e46 {
+ color: aqua;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`urls\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c--d785e50a661529be89f2 {
+ color: aliceblue;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#\\#fake-id--a2d7428449895097291a {
+ color: antiquewhite;
+}
-exports[`modules case \`urls\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "a": "_a",
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---ccf3274dd45a8534913a {
+ color: azure;
}
-`;
-exports[`modules case \`urls\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._a {
- background: url(/webpack/public/path/img.png);
- background: url(/webpack/public/path/img.png);
- background: url(\\"/webpack/public/path/img img.png\\");
- background: url(\\"/webpack/public/path/img img.png\\");
- background: url(/webpack/public/path/img.png);
- background: url(/webpack/public/path/img.png#?iefix);
- background: url(\\"#hash\\");
- background: url(\\"#\\");
- background: url(data:image/png;base64,AAA);
- background: url(http://example.com/image.jpg);
- background: url(//example.com/image.png);
- background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) url(/webpack/public/path/img.png) url(\\"/webpack/public/path/img img.png\\") xyz;
+/* matches the element with id="©" */
+#©--adb36177ba3316dd9afb {
+ color: black;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`urls\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+.♥--c663262caaf9ada1c6a0 { background: lime; }
+.©--adb36177ba3316dd9afb { background: lime; }
+.😍--d8e76280f5be316bb39c { background: lime; }
+.“‘’”--f87afd60ed2beca8050a { background: lime; }
+.☺☃--fe372e2946d00a877026 { background: lime; }
+.⌘⌥--fc006a6459cc592e3b7c { background: lime; }
+.𝄞♪♩♫♬--fd618d266b80203525ea { background: lime; }
+.💩--da6582591f548841513d { background: lime; }
+.\\?--b11162427f8dc0109aaf { background: lime; }
+.\\@--bb281d67eaa9e09d6112 { background: lime; }
+.\\.--b1699afe1173ecd986e4 { background: lime; }
+.\\3A \\)--a94f76ff951371f51151 { background: lime; }
+.\\3A \\\`\\(--daecad79b824a8ae7e46 { background: lime; }
+.\\31 23--d235ae87e4273d19e7e5 { background: lime; }
+.\\31 a2b3c--d785e50a661529be89f2 { background: lime; }
+.\\ __iHMJbI42\`;
+export { _15 as " " };
+var _16 = \`<><<<>><>__iHMJbI42\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.__iHMJbI42\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`#__iHMJbI42\`;
+export { _18 as "#" };
+var _19 = \`##__iHMJbI42\`;
+export { _19 as "##" };
+var _1a = \`#.#.#__iHMJbI42\`;
+export { _1a as "#.#.#" };
+export var _ = \`___iHMJbI42\`;
+var _1b = \`{}__iHMJbI42\`;
+export { _1b as "{}" };
+var _1c = \`foo.bar__iHMJbI42\`;
+export { _1c as "foo.bar" };
+var _1d = \`:hover__iHMJbI42\`;
+export { _1d as ":hover" };
+var _1e = \`:hover:focus:active__iHMJbI42\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`[attr=value]__iHMJbI42\`;
+export { _1f as "[attr=value]" };
+var _20 = \`f/o/o__iHMJbI42\`;
+export { _20 as "f/o/o" };
+var _21 = \`f\\\\o\\\\o__iHMJbI42\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`f*o*o__iHMJbI42\`;
+export { _22 as "f*o*o" };
+var _23 = \`f!o!o__iHMJbI42\`;
+export { _23 as "f!o!o" };
+var _24 = \`f'o'o__iHMJbI42\`;
+export { _24 as "f'o'o" };
+var _25 = \`f~o~o__iHMJbI42\`;
+export { _25 as "f~o~o" };
+var _26 = \`f+o+o__iHMJbI42\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo/bar__iHMJbI42\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\\\\bar__iHMJbI42\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo/bar/baz__iHMJbI42\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\\\\bar\\\\baz__iHMJbI42\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and [local]: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".test__iHMJbI42 {
+ background: red;
}
-`;
-exports[`modules case \`values\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._18yRHBx_s3xK1t_zOjEfo {
- background: red;
- background: green;
- background: red;
+._test__iHMJbI42 {
+ background: blue;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`values\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+.className__iHMJbI42 {
+ background: red;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+#someId__iHMJbI42 {
+ background: green;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+.className__iHMJbI42 .subClass__iHMJbI42 {
+ color: green;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@value def: red;
-@value ghi: 1px solid black;
-",
- "",
- ],
-]
-`;
+#someId__iHMJbI42 .subClass__iHMJbI42 {
+ color: blue;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+.-a0-34a___f__iHMJbI42 {
+ color: red;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+.m_x_\\@__iHMJbI42 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "def": "red",
- "ghi": "1px solid black",
+.B\\&W\\?__iHMJbI42 {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-`;
-exports[`modules case \`values-1\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "
-",
- "",
- ],
-]
-`;
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(__iHMJbI42 {
+ color: aqua;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c__iHMJbI42 {
+ color: aliceblue;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#\\#fake-id__iHMJbI42 {
+ color: antiquewhite;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "def": "red",
- "ghi": "1px solid black",
+/* matches the element with id="-a-b-c-" */
+#-a-b-c-__iHMJbI42 {
+ color: azure;
}
-`;
-exports[`modules case \`values-1\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "
-",
- "",
- ],
-]
-`;
+/* matches the element with id="©" */
+#©__iHMJbI42 {
+ color: black;
+}
-exports[`modules case \`values-1\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.♥__iHMJbI42 { background: lime; }
+.©__iHMJbI42 { background: lime; }
+.😍__iHMJbI42 { background: lime; }
+.“‘’”__iHMJbI42 { background: lime; }
+.☺☃__iHMJbI42 { background: lime; }
+.⌘⌥__iHMJbI42 { background: lime; }
+.𝄞♪♩♫♬__iHMJbI42 { background: lime; }
+.💩__iHMJbI42 { background: lime; }
+.\\?__iHMJbI42 { background: lime; }
+.\\@__iHMJbI42 { background: lime; }
+.\\.__iHMJbI42 { background: lime; }
+.\\3A \\)__iHMJbI42 { background: lime; }
+.\\3A \\\`\\(__iHMJbI42 { background: lime; }
+.\\31 23__iHMJbI42 { background: lime; }
+.\\31 a2b3c__iHMJbI42 { background: lime; }
+.\\ " };
+var _16 = \`ozNsTIG0\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`ByKoYcSr\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`HkwIsjW5\`;
+export { _18 as "#" };
+var _19 = \`IJc6Xl4Z\`;
+export { _19 as "##" };
+var _1a = \`BnPpnJmP\`;
+export { _1a as "#.#.#" };
+export var _ = \`bCwkZEDu\`;
+var _1b = \`IZkBfE9i\`;
+export { _1b as "{}" };
+var _1c = \`uajo7mHz\`;
+export { _1c as "foo.bar" };
+var _1d = \`HVudUNXn\`;
+export { _1d as ":hover" };
+var _1e = \`ZlaaXvHL\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`PWvC4jVM\`;
+export { _1f as "[attr=value]" };
+var _20 = \`A5l5sDOD\`;
+export { _20 as "f/o/o" };
+var _21 = \`DFfh4Kyq\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`gv1E2n_b\`;
+export { _22 as "f*o*o" };
+var _23 = \`_aIyR9ET\`;
+export { _23 as "f!o!o" };
+var _24 = \`HSXNnSjt\`;
+export { _24 as "f'o'o" };
+var _25 = \`MrVzSIcS\`;
+export { _25 as "f~o~o" };
+var _26 = \`EvMHRmCu\`;
+export { _26 as "f+o+o" };
+var _27 = \`hei2uQgD\`;
+export { _27 as "foo/bar" };
+var _28 = \`IgSzmmsC\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`p6KJMhNW\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`HZerWgmU\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and no [local]: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".KuIShlgs {
+ background: red;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.Lb3fhDAu {
+ background: blue;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+.LdhpkZRW {
+ background: red;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "def": "red",
+#b0rhwJSt {
+ background: green;
}
-`;
-exports[`modules case \`values-2\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".ghi { color: red; }
-",
- "",
- ],
-]
-`;
+.LdhpkZRW .Mw9j4nId {
+ color: green;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+#b0rhwJSt .Mw9j4nId {
+ color: blue;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+.DdFWMPol {
+ color: red;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "def": "red",
- "ghi": "_ghi",
+.OdAmghrm {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-`;
-exports[`modules case \`values-2\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._ghi { color: red; }
-",
- "",
- ],
-]
-`;
+.h4SEF34C {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+/* matches elements with class=":\`(" */
+.fKJQkLar {
+ color: aqua;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.YR1u_buY {
+ color: aliceblue;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "def": "red",
- "ghi": "_2aKAT4pAinaabqEIFgdhTC",
+/* matches the element with id="#fake-id" */
+#AqiAGSfn {
+ color: antiquewhite;
}
-`;
-exports[`modules case \`values-2\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._2aKAT4pAinaabqEIFgdhTC { color: red; }
-",
- "",
- ],
-]
-`;
+/* matches the element with id="-a-b-c-" */
+#CwXv27VM {
+ color: azure;
+}
-exports[`modules case \`values-2\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+/* matches the element with id="©" */
+#jBj0sZiW {
+ color: black;
+}
+
+.vJl9A9Ds { background: lime; }
+.jBj0sZiW { background: lime; }
+.CNLr9yJw { background: lime; }
+.GM0Y0nFC { background: lime; }
+.NKrBw7EA { background: lime; }
+.edHWpSne { background: lime; }
+.QyMp9YME { background: lime; }
+.B82YxwgR { background: lime; }
+.ndmpvNNl { background: lime; }
+.v3gq0wPo { background: lime; }
+.zd5uIZq6 { background: lime; }
+.ZiZnRjRT { background: lime; }
+.fKJQkLar { background: lime; }
+.oqRGsO4U { background: lime; }
+.YR1u_buY { background: lime; }
+.TdAx2ZSk { background: lime; }
+.ozNsTIG0 { background: lime; }
+.ByKoYcSr { background: lime; }
+.HkwIsjW5 { background: lime; }
+.IJc6Xl4Z { background: lime; }
+.BnPpnJmP { background: lime; }
+.bCwkZEDu { background: lime; }
+.IZkBfE9i { background: lime; }
+.AqiAGSfn { background: lime; }
+.uajo7mHz { background: lime; }
+.HVudUNXn { background: lime; }
+.ZlaaXvHL { background: lime; }
+.PWvC4jVM { background: lime; }
+.A5l5sDOD { background: lime; }
+.DFfh4Kyq { background: lime; }
+.gv1E2n_b { background: lime; }
+._aIyR9ET { background: lime; }
+.HSXNnSjt { background: lime; }
+.MrVzSIcS { background: lime; }
+.EvMHRmCu { background: lime; }
+
+.hei2uQgD {
+ background: hotpink;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+.IgSzmmsC {
+ background: hotpink;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+.p6KJMhNW {
+ background: hotpink;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@value def from './file.css';
-.ghi { color: def; }
+.HZerWgmU {
+ background: hotpink;
+}
",
"",
],
]
`;
-exports[`modules case \`values-3\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and no [local]: warnings 1`] = `[]`;
-exports[`modules case \`values-3\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and respect the "hashStrategy" = "resource-path-and-local-name": errors 1`] = `[]`;
-exports[`modules case \`values-3\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "def": "red",
+exports[`"modules" option should work and respect the "hashStrategy" = "resource-path-and-local-name": module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.test__KuIShlgs {
+ background: red;
}
-`;
-exports[`modules case \`values-3\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- ".ghi { color: red; }
-",
- "",
- ],
-]
-`;
+._test__Lb3fhDAu {
+ background: blue;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+.className__LdhpkZRW {
+ background: red;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+#someId__b0rhwJSt {
+ background: green;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "def": "red",
- "ghi": "_29ART3-NNe4DU1X-5_7419",
+.className__LdhpkZRW .subClass__Mw9j4nId {
+ color: green;
}
-`;
-exports[`modules case \`values-3\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "._29ART3-NNe4DU1X-5_7419 { color: red; }
-",
- "",
- ],
-]
-`;
+#someId__b0rhwJSt .subClass__Mw9j4nId {
+ color: blue;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.-a0-34a___f__DdFWMPol {
+ color: red;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+.m_x_\\\\@__OdAmghrm {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "def": "red",
+.B\\\\&W\\\\?__h4SEF34C {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-`;
-exports[`modules case \`values-3\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- ".ghi { color: red; }
-",
- "",
- ],
-]
-`;
+/* matches elements with class=":\\\`(" */
+.\\\\3A \\\\\\\`\\\\(__fKJQkLar {
+ color: aqua;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.\\\\31 a2b3c__YR1u_buY {
+ color: aliceblue;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#\\\\#fake-id__AqiAGSfn {
+ color: antiquewhite;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "def": "red",
- "ghi": "_ghi",
+/* matches the element with id="-a-b-c-" */
+#-a-b-c-__CwXv27VM {
+ color: azure;
}
-`;
-exports[`modules case \`values-3\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "._ghi { color: red; }
-",
- "",
- ],
-]
-`;
+/* matches the element with id="©" */
+#©__jBj0sZiW {
+ color: black;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+.♥__vJl9A9Ds { background: lime; }
+.©__jBj0sZiW { background: lime; }
+.😍__CNLr9yJw { background: lime; }
+.“‘’”__GM0Y0nFC { background: lime; }
+.☺☃__NKrBw7EA { background: lime; }
+.⌘⌥__edHWpSne { background: lime; }
+.𝄞♪♩♫♬__QyMp9YME { background: lime; }
+.💩__B82YxwgR { background: lime; }
+.\\\\?__ndmpvNNl { background: lime; }
+.\\\\@__v3gq0wPo { background: lime; }
+.\\\\.__zd5uIZq6 { background: lime; }
+.\\\\3A \\\\)__ZiZnRjRT { background: lime; }
+.\\\\3A \\\\\\\`\\\\(__fKJQkLar { background: lime; }
+.\\\\31 23__oqRGsO4U { background: lime; }
+.\\\\31 a2b3c__YR1u_buY { background: lime; }
+.\\\\ __TdAx2ZSk\`;
+export { _15 as " " };
+var _16 = \`<><<<>><>__ozNsTIG0\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.__ByKoYcSr\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`#__HkwIsjW5\`;
+export { _18 as "#" };
+var _19 = \`##__IJc6Xl4Z\`;
+export { _19 as "##" };
+var _1a = \`#.#.#__BnPpnJmP\`;
+export { _1a as "#.#.#" };
+export var _ = \`___bCwkZEDu\`;
+var _1b = \`{}__IZkBfE9i\`;
+export { _1b as "{}" };
+var _1c = \`foo.bar__uajo7mHz\`;
+export { _1c as "foo.bar" };
+var _1d = \`:hover__HVudUNXn\`;
+export { _1d as ":hover" };
+var _1e = \`:hover:focus:active__ZlaaXvHL\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`[attr=value]__PWvC4jVM\`;
+export { _1f as "[attr=value]" };
+var _20 = \`f/o/o__A5l5sDOD\`;
+export { _20 as "f/o/o" };
+var _21 = \`f\\\\o\\\\o__DFfh4Kyq\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`f*o*o__gv1E2n_b\`;
+export { _22 as "f*o*o" };
+var _23 = \`f!o!o___aIyR9ET\`;
+export { _23 as "f!o!o" };
+var _24 = \`f'o'o__HSXNnSjt\`;
+export { _24 as "f'o'o" };
+var _25 = \`f~o~o__MrVzSIcS\`;
+export { _25 as "f~o~o" };
+var _26 = \`f+o+o__EvMHRmCu\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo/bar__hei2uQgD\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\\\\bar__IgSzmmsC\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo/bar/baz__p6KJMhNW\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\\\\bar\\\\baz__HZerWgmU\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "hashStrategy" = "resource-path-and-local-name": result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".test__KuIShlgs {
+ background: red;
+}
-exports[`modules case \`values-3\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+._test__Lb3fhDAu {
+ background: blue;
+}
+
+.className__LdhpkZRW {
+ background: red;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+#someId__b0rhwJSt {
+ background: green;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+.className__LdhpkZRW .subClass__Mw9j4nId {
+ color: green;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@value def as aaa from './file1.css';
-@value def as bbb from './file2.css';
-.ghi { background: aaa, bbb, def; }
-",
- "",
- ],
-]
-`;
+#someId__b0rhwJSt .subClass__Mw9j4nId {
+ color: blue;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+.-a0-34a___f__DdFWMPol {
+ color: red;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+.m_x_\\@__OdAmghrm {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "aaa": "red",
- "bbb": "green",
+.B\\&W\\?__h4SEF34C {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-`;
-exports[`modules case \`values-4\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 3,
- "
-",
- "",
- ],
- Array [
- 1,
- ".ghi { background: red, green, def; }
-",
- "",
- ],
-]
-`;
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(__fKJQkLar {
+ color: aqua;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c__YR1u_buY {
+ color: aliceblue;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#\\#fake-id__AqiAGSfn {
+ color: antiquewhite;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "aaa": "red",
- "bbb": "green",
- "ghi": "_1vGjNPdz_qWrUvzTY2pCsS",
+/* matches the element with id="-a-b-c-" */
+#-a-b-c-__CwXv27VM {
+ color: azure;
}
-`;
-exports[`modules case \`values-4\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 3,
- "
-",
- "",
- ],
- Array [
- 1,
- "._1vGjNPdz_qWrUvzTY2pCsS { background: red, green, def; }
-",
- "",
- ],
-]
-`;
+/* matches the element with id="©" */
+#©__jBj0sZiW {
+ color: black;
+}
-exports[`modules case \`values-4\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.♥__vJl9A9Ds { background: lime; }
+.©__jBj0sZiW { background: lime; }
+.😍__CNLr9yJw { background: lime; }
+.“‘’”__GM0Y0nFC { background: lime; }
+.☺☃__NKrBw7EA { background: lime; }
+.⌘⌥__edHWpSne { background: lime; }
+.𝄞♪♩♫♬__QyMp9YME { background: lime; }
+.💩__B82YxwgR { background: lime; }
+.\\?__ndmpvNNl { background: lime; }
+.\\@__v3gq0wPo { background: lime; }
+.\\.__zd5uIZq6 { background: lime; }
+.\\3A \\)__ZiZnRjRT { background: lime; }
+.\\3A \\\`\\(__fKJQkLar { background: lime; }
+.\\31 23__oqRGsO4U { background: lime; }
+.\\31 a2b3c__YR1u_buY { background: lime; }
+.\\ --b01c44339fab06966cef\`;
+export { _15 as " " };
+var _16 = \`<><<<>><>--e4fde695b6d3728c37e2\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--dd1263b9248633b49ab6\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`#--e135fb99b5f04b604132\`;
+export { _18 as "#" };
+var _19 = \`##--ba6fb20eb138e8d73dc4\`;
+export { _19 as "##" };
+var _1a = \`#.#.#--a6704dcf2abf08ff56bd\`;
+export { _1a as "#.#.#" };
+export var _ = \`_--aa2521adbafa6a1b57d0\`;
+var _1b = \`{}--c716be70a0fac8bbc9e8\`;
+export { _1b as "{}" };
+var _1c = \`foo.bar--ce58180c03c903fcc73c\`;
+export { _1c as "foo.bar" };
+var _1d = \`:hover--defde77234f3cb7141b1\`;
+export { _1d as ":hover" };
+var _1e = \`:hover:focus:active--cf83606abd36c7adf7e7\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`[attr=value]--c9620f5e0b4a2472cd5a\`;
+export { _1f as "[attr=value]" };
+var _20 = \`f/o/o--d439f5313663238836bb\`;
+export { _20 as "f/o/o" };
+var _21 = \`f\\\\o\\\\o--f64285b41af14c5e74b5\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`f*o*o--e844a318c45519219501\`;
+export { _22 as "f*o*o" };
+var _23 = \`f!o!o--ae46ad5331777ab05875\`;
+export { _23 as "f!o!o" };
+var _24 = \`f'o'o--a23d7b9b14b04706b089\`;
+export { _24 as "f'o'o" };
+var _25 = \`f~o~o--cc96b7a27dbd52fba7a5\`;
+export { _25 as "f~o~o" };
+var _26 = \`f+o+o--debcf9986b3f64af6af9\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo/bar--d76ec2006d8359a0df78\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\\\\bar--c17737aec664275b67b0\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo/bar/baz--c948ac137924110011f2\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\\\\bar\\\\baz--ee89c9e938e6eb8df43d\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "localIdentHashFunction" option: module 2`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.test--KuIShlgsYf {
+ background: red;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+._test--Lb3fhDAuJv {
+ background: blue;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+.className--LdhpkZRWyK {
+ background: red;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "color": "red",
- "shadow": "0 0 red ,0 0 red",
+#someId--b0rhwJStMR {
+ background: green;
}
-`;
-exports[`modules case \`values-6\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- ".ghi { box-shadow: 0 0 red ,0 0 red; }
-",
- "",
- ],
-]
-`;
+.className--LdhpkZRWyK .subClass--Mw9j4nIdjx {
+ color: green;
+}
+
+#someId--b0rhwJStMR .subClass--Mw9j4nIdjx {
+ color: blue;
+}
+
+.-a0-34a___f--DdFWMPoluI {
+ color: red;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+.m_x_\\\\@--OdAmghrme3 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+.B\\\\&W\\\\?--h4SEF34CLw {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "color": "red",
- "ghi": "_2qKjolC-wu9Dp8-RCkWiLN",
- "shadow": "0 0 red ,0 0 red",
+/* matches elements with class=":\\\`(" */
+.\\\\3A \\\\\\\`\\\\(--fKJQkLarfQ {
+ color: aqua;
}
-`;
-exports[`modules case \`values-6\` (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "._2qKjolC-wu9Dp8-RCkWiLN { box-shadow: 0 0 red ,0 0 red; }
-",
- "",
- ],
-]
-`;
+/* matches elements with class="1a2b3c" */
+.\\\\31 a2b3c--YR1u_buYf6 {
+ color: aliceblue;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#\\\\#fake-id--AqiAGSfnwa {
+ color: antiquewhite;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---CwXv27VMwy {
+ color: azure;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "color": "red",
- "shadow": "0 0 red ,0 0 red",
+/* matches the element with id="©" */
+#©--jBj0sZiWBy {
+ color: black;
}
-`;
-exports[`modules case \`values-6\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- ".ghi { box-shadow: 0 0 red ,0 0 red; }
-",
- "",
- ],
-]
-`;
+.♥--vJl9A9Ds21 { background: lime; }
+.©--jBj0sZiWBy { background: lime; }
+.😍--CNLr9yJwqs { background: lime; }
+.“‘’”--GM0Y0nFCPt { background: lime; }
+.☺☃--NKrBw7EAqP { background: lime; }
+.⌘⌥--edHWpSne18 { background: lime; }
+.𝄞♪♩♫♬--QyMp9YMEoY { background: lime; }
+.💩--B82YxwgREH { background: lime; }
+.\\\\?--ndmpvNNltJ { background: lime; }
+.\\\\@--v3gq0wPogd { background: lime; }
+.\\\\.--zd5uIZq6Kr { background: lime; }
+.\\\\3A \\\\)--ZiZnRjRT03 { background: lime; }
+.\\\\3A \\\\\\\`\\\\(--fKJQkLarfQ { background: lime; }
+.\\\\31 23--oqRGsO4UR7 { background: lime; }
+.\\\\31 a2b3c--YR1u_buYf6 { background: lime; }
+.\\\\ --TdAx2ZSkw7\`;
+export { _15 as " " };
+var _16 = \`<><<<>><>--ozNsTIG0LL\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--ByKoYcSrMT\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`#--HkwIsjW5i7\`;
+export { _18 as "#" };
+var _19 = \`##--IJc6Xl4ZKV\`;
+export { _19 as "##" };
+var _1a = \`#.#.#--BnPpnJmPeN\`;
+export { _1a as "#.#.#" };
+export var _ = \`_--bCwkZEDuxD\`;
+var _1b = \`{}--IZkBfE9iUP\`;
+export { _1b as "{}" };
+var _1c = \`foo.bar--uajo7mHzD_\`;
+export { _1c as "foo.bar" };
+var _1d = \`:hover--HVudUNXnLN\`;
+export { _1d as ":hover" };
+var _1e = \`:hover:focus:active--ZlaaXvHLUs\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`[attr=value]--PWvC4jVM5S\`;
+export { _1f as "[attr=value]" };
+var _20 = \`f/o/o--A5l5sDODF4\`;
+export { _20 as "f/o/o" };
+var _21 = \`f\\\\o\\\\o--DFfh4KyqOO\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`f*o*o--gv1E2n_bVv\`;
+export { _22 as "f*o*o" };
+var _23 = \`f!o!o--_aIyR9ETAs\`;
+export { _23 as "f!o!o" };
+var _24 = \`f'o'o--HSXNnSjt1Q\`;
+export { _24 as "f'o'o" };
+var _25 = \`f~o~o--MrVzSIcSXy\`;
+export { _25 as "f~o~o" };
+var _26 = \`f+o+o--EvMHRmCudy\`;
+export { _26 as "f+o+o" };
+var _27 = \`foo/bar--hei2uQgDeX\`;
+export { _27 as "foo/bar" };
+var _28 = \`foo\\\\bar--IgSzmmsCqi\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`foo/bar/baz--p6KJMhNWwm\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`foo\\\\bar\\\\baz--HZerWgmU0f\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "localIdentHashFunction" option: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".test--ddd414ab5d5137709283 {
+ background: red;
}
-`;
-exports[`modules case \`values-6\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "._ghi { box-shadow: 0 0 red ,0 0 red; }
-",
- "",
- ],
-]
-`;
+._test--e91d3d0c5fd37cd4b01b {
+ background: blue;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+.className--e02e6f829b2bee39d627 {
+ background: red;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+#someId--de52fa8c46db92b11447 {
+ background: green;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "color": "red",
- "ghi": "_2qKjolC-wu9Dp8-RCkWiLN",
- "shadow": "0 0 red ,0 0 red",
+.className--e02e6f829b2bee39d627 .subClass--be91981b36e10e364e4c {
+ color: green;
}
-`;
-exports[`modules case \`values-6\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- "._2qKjolC-wu9Dp8-RCkWiLN { box-shadow: 0 0 red ,0 0 red; }
-",
- "",
- ],
-]
-`;
+#someId--de52fa8c46db92b11447 .subClass--be91981b36e10e364e4c {
+ color: blue;
+}
-exports[`modules case \`values-6\` (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+.-a0-34a___f--da00a255d4f26816d790 {
+ color: red;
+}
-exports[`modules case \`values-7\` (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+.m_x_\\@--bfd2a88024baab94215a {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-7\` (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+.B\\&W\\?--bdeaa204fa06e193156e {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-7\` (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "@value color from './file1.css';
-@value shadow: 0 0 color, 0 0 color;
-.ghi { box-shadow: shadow; }
-",
- "",
- ],
-]
-`;
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(--ca761b17eca1ae06d42e {
+ color: aqua;
+}
-exports[`modules case \`values-7\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c--a35141d9affd245508ec {
+ color: aliceblue;
+}
-exports[`modules case \`values-7\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#\\#fake-id--ad040e49adcf9ebf2b28 {
+ color: antiquewhite;
+}
-exports[`modules case \`values-7\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "color": "red",
- "shadow": "0 0 red, 0 0 red",
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---e778be7522ccfc908a7f {
+ color: azure;
}
-`;
-exports[`modules case \`values-7\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "
-",
- "",
- ],
- Array [
- 1,
- ".ghi { box-shadow: 0 0 red, 0 0 red; }
-",
- "",
- ],
-]
-`;
+/* matches the element with id="©" */
+#©--e0f3ca20d394f3e4c0c4 {
+ color: black;
+}
-exports[`modules case \`values-7\` (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+.♥--a33350b333a80f1b1a5b { background: lime; }
+.©--e0f3ca20d394f3e4c0c4 { background: lime; }
+.😍--c0436529b39516386e8e { background: lime; }
+.“‘’”--e70e1ad7759d3f300df8 { background: lime; }
+.☺☃--a0cb57576a5c7938d368 { background: lime; }
+.⌘⌥--e217e979d1184a514863 { background: lime; }
+.𝄞♪♩♫♬--a84ff99d334be3b94b99 { background: lime; }
+.💩--d850ae0fa2bc4c199f78 { background: lime; }
+.\\?--ce25d6e6d5d3f7f1caf8 { background: lime; }
+.\\@--af4ac041e6ccf6398ff5 { background: lime; }
+.\\.--e94958877c738509339f { background: lime; }
+.\\3A \\)--c80360aed4da410414fc { background: lime; }
+.\\3A \\\`\\(--ca761b17eca1ae06d42e { background: lime; }
+.\\31 23--c945113ffceee32ec307 { background: lime; }
+.\\31 a2b3c--a35141d9affd245508ec { background: lime; }
+.\\ --cc129\`;
+export { _15 as " " };
+var _16 = \`localIdentName--<><<<>><>--fcdf9\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`localIdentName--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--fec05\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`localIdentName--#--e36d3\`;
+export { _18 as "#" };
+var _19 = \`localIdentName--##--b7f30\`;
+export { _19 as "##" };
+var _1a = \`localIdentName--#.#.#--a3350\`;
+export { _1a as "#.#.#" };
+export var _ = \`localIdentName--_--f2a47\`;
+var _1b = \`localIdentName--{}--b6deb\`;
+export { _1b as "{}" };
+var _1c = \`localIdentName--foo.bar--e5115\`;
+export { _1c as "foo.bar" };
+var _1d = \`localIdentName--:hover--dd09e\`;
+export { _1d as ":hover" };
+var _1e = \`localIdentName--:hover:focus:active--a9185\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`localIdentName--[attr=value]--c242f\`;
+export { _1f as "[attr=value]" };
+var _20 = \`localIdentName--f/o/o--a3967\`;
+export { _20 as "f/o/o" };
+var _21 = \`localIdentName--f\\\\o\\\\o--ec55c\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`localIdentName--f*o*o--f8235\`;
+export { _22 as "f*o*o" };
+var _23 = \`localIdentName--f!o!o--b05e2\`;
+export { _23 as "f!o!o" };
+var _24 = \`localIdentName--f'o'o--e0449\`;
+export { _24 as "f'o'o" };
+var _25 = \`localIdentName--f~o~o--b5a43\`;
+export { _25 as "f~o~o" };
+var _26 = \`localIdentName--f+o+o--e002f\`;
+export { _26 as "f+o+o" };
+var _27 = \`localIdentName--foo/bar--e3f1a\`;
+export { _27 as "foo/bar" };
+var _28 = \`localIdentName--foo\\\\bar--ac6d2\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`localIdentName--foo/bar/baz--c78d7\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`localIdentName--foo\\\\bar\\\\baz--f235d\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "localIdentName" option 2: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".localIdentName--test--aa7e9 {
+ background: red;
+}
-.foo1 {
- prop: func(def);
+.localIdentName--_test--c6a38 {
+ background: blue;
}
-.foo2 {
- prop: func(10px def);
+.localIdentName--className--ae4cd {
+ background: red;
}
-.foo3 {
- prop: func(def 10px);
+#localIdentName--someId--a747a {
+ background: green;
}
-.foo4 {
- prop: func(10px def 10px);
+.localIdentName--className--ae4cd .localIdentName--subClass--bf463 {
+ color: green;
}
-.foo5 {
- prop: func(10px, def);
+#localIdentName--someId--a747a .localIdentName--subClass--bf463 {
+ color: blue;
}
-.foo6 {
- prop: func(def, 10px);
+.localIdentName---a0-34a___f--d3488 {
+ color: red;
}
-.foo7 {
- prop: func(10px, def, 10px);
+.localIdentName--m_x_\\@--ff0d5 {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`values-9\` (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+.localIdentName--B\\&W\\?--f7662 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-9\` (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+/* matches elements with class=":\`(" */
+.localIdentName--\\3A \\\`\\(--d3744 {
+ color: aqua;
+}
-exports[`modules case \`values-9\` (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "def": "red",
+/* matches elements with class="1a2b3c" */
+.localIdentName--\\31 a2b3c--c4cbc {
+ color: aliceblue;
}
-`;
-exports[`modules case \`values-9\` (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".foo1 {
- prop: func(red);
+/* matches the element with id="#fake-id" */
+#localIdentName--\\#fake-id--e42a4 {
+ color: antiquewhite;
}
-.foo2 {
- prop: func(10px red);
+/* matches the element with id="-a-b-c-" */
+#localIdentName---a-b-c---e4b0f {
+ color: azure;
}
-.foo3 {
- prop: func(red 10px);
+/* matches the element with id="©" */
+#localIdentName--©--c3e22 {
+ color: black;
}
-.foo4 {
- prop: func(10px red 10px);
+.localIdentName--♥--a47a2 { background: lime; }
+.localIdentName--©--c3e22 { background: lime; }
+.localIdentName--😍--f0c92 { background: lime; }
+.localIdentName--“‘’”--ca0fd { background: lime; }
+.localIdentName--☺☃--f9c8b { background: lime; }
+.localIdentName--⌘⌥--b3cde { background: lime; }
+.localIdentName--𝄞♪♩♫♬--d2c20 { background: lime; }
+.localIdentName--💩--f7356 { background: lime; }
+.localIdentName--\\?--d9503 { background: lime; }
+.localIdentName--\\@--b2fac { background: lime; }
+.localIdentName--\\.--fd361 { background: lime; }
+.localIdentName--\\3A \\)--c58a4 { background: lime; }
+.localIdentName--\\3A \\\`\\(--d3744 { background: lime; }
+.localIdentName--\\31 23--c47e4 { background: lime; }
+.localIdentName--\\31 a2b3c--c4cbc { background: lime; }
+.localIdentName--\\ --nMEpp\`;
+export { _15 as " " };
+var _16 = \`localIdentName--<><<<>><>--cGH83\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`localIdentName--++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--_sBaA\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`localIdentName--#--Ig420\`;
+export { _18 as "#" };
+var _19 = \`localIdentName--##--t_MNC\`;
+export { _19 as "##" };
+var _1a = \`localIdentName--#.#.#--ozULn\`;
+export { _1a as "#.#.#" };
+export var _ = \`localIdentName--_--qR0Vn\`;
+var _1b = \`localIdentName--{}--tt66I\`;
+export { _1b as "{}" };
+var _1c = \`localIdentName--foo.bar--RFVWf\`;
+export { _1c as "foo.bar" };
+var _1d = \`localIdentName--:hover--QnhAB\`;
+export { _1d as ":hover" };
+var _1e = \`localIdentName--:hover:focus:active--qRhRp\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`localIdentName--[attr=value]--wkL_Q\`;
+export { _1f as "[attr=value]" };
+var _20 = \`localIdentName--f/o/o--KDSjl\`;
+export { _20 as "f/o/o" };
+var _21 = \`localIdentName--f\\\\o\\\\o--LsVcY\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`localIdentName--f*o*o--CNQow\`;
+export { _22 as "f*o*o" };
+var _23 = \`localIdentName--f!o!o--eUsF4\`;
+export { _23 as "f!o!o" };
+var _24 = \`localIdentName--f'o'o--ESWns\`;
+export { _24 as "f'o'o" };
+var _25 = \`localIdentName--f~o~o--taQ7D\`;
+export { _25 as "f~o~o" };
+var _26 = \`localIdentName--f+o+o--AL7FE\`;
+export { _26 as "f+o+o" };
+var _27 = \`localIdentName--foo/bar--GOPxp\`;
+export { _27 as "foo/bar" };
+var _28 = \`localIdentName--foo\\\\bar--chesb\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`localIdentName--foo/bar/baz--QMeNd\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`localIdentName--foo\\\\bar\\\\baz--jXaak\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "localIdentName" option: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".localIdentName--test--Cqfpw {
+ background: red;
}
-`;
-exports[`modules case \`values-9\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._foo1 {
- prop: func(red);
+.localIdentName--_test--TGo4R {
+ background: blue;
}
-._foo2 {
- prop: func(10px red);
+.localIdentName--className--V3rkz {
+ background: red;
}
-._foo3 {
- prop: func(red 10px);
+#localIdentName--someId--p0emr {
+ background: green;
}
-._foo4 {
- prop: func(10px red 10px);
+.localIdentName--className--V3rkz .localIdentName--subClass--v0YwV {
+ color: green;
}
-._foo5 {
- prop: func(10px, red);
+#localIdentName--someId--p0emr .localIdentName--subClass--v0YwV {
+ color: blue;
}
-._foo6 {
- prop: func(red, 10px);
+.localIdentName---a0-34a___f--iD7O5 {
+ color: red;
}
-._foo7 {
- prop: func(10px, red, 10px);
+.localIdentName--m_x_\\@--RH_w1 {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`values-9\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+.localIdentName--B\\&W\\?--Ag92Y {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-9\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+/* matches elements with class=":\`(" */
+.localIdentName--\\3A \\\`\\(--ETB9N {
+ color: aqua;
+}
-exports[`modules case \`values-9\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "def": "red",
- "foo1": "_1V2U7x4U8oxxooLcDA25iL",
- "foo2": "_3E1mOwwzg7yDREAM1sTqrf",
- "foo3": "_1jURUggvUGFLzQ1zAWjNep",
- "foo4": "_2gTeanreYt1oKNw6pvYDuQ",
- "foo5": "_1FHimE7YIOvZ66qJzb5oD7",
- "foo6": "_2ZsNKxzBYz6NW_ITMiAbSo",
- "foo7": "_18TpSE38_jlCbLotZMXh67",
+/* matches elements with class="1a2b3c" */
+.localIdentName--\\31 a2b3c--LEy8b {
+ color: aliceblue;
}
-`;
-exports[`modules case \`values-9\` (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._1V2U7x4U8oxxooLcDA25iL {
- prop: func(red);
+/* matches the element with id="#fake-id" */
+#localIdentName--\\#fake-id--JOQqQ {
+ color: antiquewhite;
}
-._3E1mOwwzg7yDREAM1sTqrf {
- prop: func(10px red);
+/* matches the element with id="-a-b-c-" */
+#localIdentName---a-b-c---LD6vZ {
+ color: azure;
}
-._1jURUggvUGFLzQ1zAWjNep {
- prop: func(red 10px);
+/* matches the element with id="©" */
+#localIdentName--©--bD4iE {
+ color: black;
}
-._2gTeanreYt1oKNw6pvYDuQ {
- prop: func(10px red 10px);
+.localIdentName--♥--pHooK { background: lime; }
+.localIdentName--©--bD4iE { background: lime; }
+.localIdentName--😍--Mkprj { background: lime; }
+.localIdentName--“‘’”--hsoP1 { background: lime; }
+.localIdentName--☺☃--AERfn { background: lime; }
+.localIdentName--⌘⌥--s83tE { background: lime; }
+.localIdentName--𝄞♪♩♫♬--sIO5d { background: lime; }
+.localIdentName--💩--zVi6s { background: lime; }
+.localIdentName--\\?--N9lQN { background: lime; }
+.localIdentName--\\@--SysYq { background: lime; }
+.localIdentName--\\.--_TYYa { background: lime; }
+.localIdentName--\\3A \\)--TFikf { background: lime; }
+.localIdentName--\\3A \\\`\\(--ETB9N { background: lime; }
+.localIdentName--\\31 23--DEfkS { background: lime; }
+.localIdentName--\\31 a2b3c--LEy8b { background: lime; }
+.localIdentName--\\ __TdAx2ZSk\`;
+export { _15 as " " };
+var _16 = \`localIdentName__<><<<>><>__ozNsTIG0\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`localIdentName__++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.__ByKoYcSr\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`localIdentName__#__HkwIsjW5\`;
+export { _18 as "#" };
+var _19 = \`localIdentName__##__IJc6Xl4Z\`;
+export { _19 as "##" };
+var _1a = \`localIdentName__#.#.#__BnPpnJmP\`;
+export { _1a as "#.#.#" };
+export var _ = \`localIdentName_____bCwkZEDu\`;
+var _1b = \`localIdentName__{}__IZkBfE9i\`;
+export { _1b as "{}" };
+var _1c = \`localIdentName__foo.bar__uajo7mHz\`;
+export { _1c as "foo.bar" };
+var _1d = \`localIdentName__:hover__HVudUNXn\`;
+export { _1d as ":hover" };
+var _1e = \`localIdentName__:hover:focus:active__ZlaaXvHL\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`localIdentName__[attr=value]__PWvC4jVM\`;
+export { _1f as "[attr=value]" };
+var _20 = \`localIdentName__f/o/o__A5l5sDOD\`;
+export { _20 as "f/o/o" };
+var _21 = \`localIdentName__f\\\\o\\\\o__DFfh4Kyq\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`localIdentName__f*o*o__gv1E2n_b\`;
+export { _22 as "f*o*o" };
+var _23 = \`localIdentName__f!o!o___aIyR9ET\`;
+export { _23 as "f!o!o" };
+var _24 = \`localIdentName__f'o'o__HSXNnSjt\`;
+export { _24 as "f'o'o" };
+var _25 = \`localIdentName__f~o~o__MrVzSIcS\`;
+export { _25 as "f~o~o" };
+var _26 = \`localIdentName__f+o+o__EvMHRmCu\`;
+export { _26 as "f+o+o" };
+var _27 = \`localIdentName__foo/bar__hei2uQgD\`;
+export { _27 as "foo/bar" };
+var _28 = \`localIdentName__foo\\\\bar__IgSzmmsC\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`localIdentName__foo/bar/baz__p6KJMhNW\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`localIdentName__foo\\\\bar\\\\baz__HZerWgmU\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "localIdentRegExp" option: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".localIdentName__test__KuIShlgs {
+ background: red;
+}
-exports[`modules case \`values-10\` (\`modules\` value is \`object with mode global)\`: errors 1`] = `Array []`;
+.localIdentName___test__Lb3fhDAu {
+ background: blue;
+}
-exports[`modules case \`values-10\` (\`modules\` value is \`object with mode global)\`: locals 1`] = `
-Object {
- "m-large": "(min-width: 960px)",
- "s-black": "black-selector",
- "v-primary": "#BF4040",
+.localIdentName__className__LdhpkZRW {
+ background: red;
}
-`;
-exports[`modules case \`values-10\` (\`modules\` value is \`object with mode global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".header {
- color: #BF4040;
- padding: 0 10px;
+#localIdentName__someId__b0rhwJSt {
+ background: green;
}
-.black-selector {
- color: black;
+.localIdentName__className__LdhpkZRW .localIdentName__subClass__Mw9j4nId {
+ color: green;
}
-@media (min-width: 960px) {
- .header {
- padding: 0 20px;
- }
+#localIdentName__someId__b0rhwJSt .localIdentName__subClass__Mw9j4nId {
+ color: blue;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`values-10\` (\`modules\` value is \`object with mode global)\`: warnings 1`] = `Array []`;
+.localIdentName__-a0-34a___f__DdFWMPol {
+ color: red;
+}
-exports[`modules case \`values-10\` (\`modules\` value is \`object with mode local)\`: errors 1`] = `Array []`;
+.localIdentName__m_x_\\@__OdAmghrm {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`values-10\` (\`modules\` value is \`object with mode local)\`: locals 1`] = `
-Object {
- "black-selector": "_black-selector",
- "header": "_header",
- "m-large": "(min-width: 960px)",
- "s-black": "black-selector",
- "v-primary": "#BF4040",
+.localIdentName__B\\&W\\?__h4SEF34C {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-`;
-exports[`modules case \`values-10\` (\`modules\` value is \`object with mode local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._header {
- color: #BF4040;
- padding: 0 10px;
+/* matches elements with class=":\`(" */
+.localIdentName__\\3A \\\`\\(__fKJQkLar {
+ color: aqua;
}
-._black-selector {
- color: black;
+/* matches elements with class="1a2b3c" */
+.localIdentName__\\31 a2b3c__YR1u_buY {
+ color: aliceblue;
}
-@media (min-width: 960px) {
- ._header {
- padding: 0 20px;
- }
+/* matches the element with id="#fake-id" */
+#localIdentName__\\#fake-id__AqiAGSfn {
+ color: antiquewhite;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`values-10\` (\`modules\` value is \`object with mode local)\`: warnings 1`] = `Array []`;
+/* matches the element with id="-a-b-c-" */
+#localIdentName__-a-b-c-__CwXv27VM {
+ color: azure;
+}
-exports[`modules case \`values-10\` (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+/* matches the element with id="©" */
+#localIdentName__©__jBj0sZiW {
+ color: black;
+}
-exports[`modules case \`values-10\` (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "black-selector": "_3xId28FIeFVmNWx5IWeWqN",
- "header": "ODvOrT6QaJbrNxuVwTgHn",
- "m-large": "(min-width: 960px)",
- "s-black": "black-selector",
- "v-primary": "#BF4040",
+.localIdentName__♥__vJl9A9Ds { background: lime; }
+.localIdentName__©__jBj0sZiW { background: lime; }
+.localIdentName__😍__CNLr9yJw { background: lime; }
+.localIdentName__“‘’”__GM0Y0nFC { background: lime; }
+.localIdentName__☺☃__NKrBw7EA { background: lime; }
+.localIdentName__⌘⌥__edHWpSne { background: lime; }
+.localIdentName__𝄞♪♩♫♬__QyMp9YME { background: lime; }
+.localIdentName__💩__B82YxwgR { background: lime; }
+.localIdentName__\\?__ndmpvNNl { background: lime; }
+.localIdentName__\\@__v3gq0wPo { background: lime; }
+.localIdentName__\\.__zd5uIZq6 { background: lime; }
+.localIdentName__\\3A \\)__ZiZnRjRT { background: lime; }
+.localIdentName__\\3A \\\`\\(__fKJQkLar { background: lime; }
+.localIdentName__\\31 23__oqRGsO4U { background: lime; }
+.localIdentName__\\31 a2b3c__YR1u_buY { background: lime; }
+.localIdentName__\\ \`;
+export { _15 as " " };
+var _16 = \`fixtures-modules-localIdentName-localIdentName__<><<<>><>\`;
+export { _16 as "<><<<>><>" };
+var _17 = \`fixtures-modules-localIdentName-localIdentName__++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.\`;
+export { _17 as "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>." };
+var _18 = \`fixtures-modules-localIdentName-localIdentName__#\`;
+export { _18 as "#" };
+var _19 = \`fixtures-modules-localIdentName-localIdentName__##\`;
+export { _19 as "##" };
+var _1a = \`fixtures-modules-localIdentName-localIdentName__#.#.#\`;
+export { _1a as "#.#.#" };
+export var _ = \`fixtures-modules-localIdentName-localIdentName___\`;
+var _1b = \`fixtures-modules-localIdentName-localIdentName__{}\`;
+export { _1b as "{}" };
+var _1c = \`fixtures-modules-localIdentName-localIdentName__foo.bar\`;
+export { _1c as "foo.bar" };
+var _1d = \`fixtures-modules-localIdentName-localIdentName__:hover\`;
+export { _1d as ":hover" };
+var _1e = \`fixtures-modules-localIdentName-localIdentName__:hover:focus:active\`;
+export { _1e as ":hover:focus:active" };
+var _1f = \`fixtures-modules-localIdentName-localIdentName__[attr=value]\`;
+export { _1f as "[attr=value]" };
+var _20 = \`fixtures-modules-localIdentName-localIdentName__f/o/o\`;
+export { _20 as "f/o/o" };
+var _21 = \`fixtures-modules-localIdentName-localIdentName__f\\\\o\\\\o\`;
+export { _21 as "f\\\\o\\\\o" };
+var _22 = \`fixtures-modules-localIdentName-localIdentName__f*o*o\`;
+export { _22 as "f*o*o" };
+var _23 = \`fixtures-modules-localIdentName-localIdentName__f!o!o\`;
+export { _23 as "f!o!o" };
+var _24 = \`fixtures-modules-localIdentName-localIdentName__f'o'o\`;
+export { _24 as "f'o'o" };
+var _25 = \`fixtures-modules-localIdentName-localIdentName__f~o~o\`;
+export { _25 as "f~o~o" };
+var _26 = \`fixtures-modules-localIdentName-localIdentName__f+o+o\`;
+export { _26 as "f+o+o" };
+var _27 = \`fixtures-modules-localIdentName-localIdentName__foo/bar\`;
+export { _27 as "foo/bar" };
+var _28 = \`fixtures-modules-localIdentName-localIdentName__foo\\\\bar\`;
+export { _28 as "foo\\\\bar" };
+var _29 = \`fixtures-modules-localIdentName-localIdentName__foo/bar/baz\`;
+export { _29 as "foo/bar/baz" };
+var _2a = \`fixtures-modules-localIdentName-localIdentName__foo\\\\bar\\\\baz\`;
+export { _2a as "foo\\\\bar\\\\baz" };
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the "path" placeholder: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".fixtures-modules-localIdentName-localIdentName__test {
+ background: red;
}
-[class~='content'] {
- color:green;
+.fixtures-modules-localIdentName-localIdentName___test {
+ background: blue;
}
-._340mxt1qHaYWfC81FJUajb {
- background: url(/webpack/public/path/img.png);
-}
-",
- "",
- ],
-]
-`;
-
-exports[`modules composes should supports resolving: module 1`] = `
-"exports = module.exports = require(\\"../../../src/runtime/api.js\\")(false);
-// Imports
-var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./values.css\\");
-var ___CSS_LOADER_ICSS_IMPORT_1___ = require(\\"-!../../../src/index.js??ref--4-0!./something.css\\");
-var ___CSS_LOADER_ICSS_IMPORT_2___ = require(\\"-!../../../src/index.js??ref--4-0!./imported-simple.css\\");
-var ___CSS_LOADER_ICSS_IMPORT_3___ = require(\\"-!../../../src/index.js??ref--4-0!./relative.css\\");
-var ___CSS_LOADER_ICSS_IMPORT_4___ = require(\\"-!../../../src/index.js??ref--4-0!../modules/top-relative.css\\");
-var ___CSS_LOADER_ICSS_IMPORT_5___ = require(\\"-!../../../src/index.js??ref--4-0!package/style.css\\");
-var ___CSS_LOADER_ICSS_IMPORT_6___ = require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\");
-var ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\");
-var ___CSS_LOADER_GET_URL_IMPORT___ = require(\\"../../../src/runtime/getUrl.js\\");
-var ___CSS_LOADER_URL_PURE_IMPORT_0___ = require(\\"../url/img.png\\");
-exports.i(___CSS_LOADER_ICSS_IMPORT_0___);
-exports.i(___CSS_LOADER_ICSS_IMPORT_1___);
-exports.i(___CSS_LOADER_ICSS_IMPORT_2___);
-exports.i(___CSS_LOADER_ICSS_IMPORT_3___);
-exports.i(___CSS_LOADER_ICSS_IMPORT_4___);
-exports.i(___CSS_LOADER_ICSS_IMPORT_5___);
-exports.i(___CSS_LOADER_ICSS_IMPORT_6___);
-exports.i(___CSS_LOADER_AT_RULE_IMPORT_0___, \\"(min-width: 100px)\\");
-var ___CSS_LOADER_URL_IMPORT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_PURE_IMPORT_0___);
-// Module
-exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + ___CSS_LOADER_ICSS_IMPORT_1___.locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\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 ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\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: v-comment 10px v-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._340mxt1qHaYWfC81FJUajb {\\\\n background: url(\\" + ___CSS_LOADER_URL_IMPORT_0___ + \\");\\\\n}\\\\n\\", \\"\\"]);
-// Exports
-exports.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-function\\": \\"rgb(0,0,0)\\",
- \\"v-unicode-range\\": \\"U+0025-00FF\\",
- \\"ghi\\": \\"_14uFt0lIVKKAlKTTT29IIQ\\",
- \\"class\\": \\"_3XDgIzfUIQkaUInpEdo7fN\\",
- \\"other\\": \\"_1wABXM_RabWHj--wsPrhvM\\",
- \\"other-other\\": \\"_1DFEYnAfn9LZyk4fErI86e\\",
- \\"green\\": \\"Ywv5coVC2RU-pIFhN9O4w\\",
- \\"foo\\": \\"_1tAbIwITRWAdZZE6wKNk9O\\",
- \\"simple\\": \\"Q3SQ3BwtBwUFLlg6adzOI \\" + ___CSS_LOADER_ICSS_IMPORT_2___.locals[\\"imported-simple\\"] + \\"\\",
- \\"relative\\": \\"_1n5XhXj4SFnYrwziC3un0d \\" + ___CSS_LOADER_ICSS_IMPORT_3___.locals[\\"imported-relative\\"] + \\"\\",
- \\"top-relative\\": \\"_3dnFnGkAVAiMA6etF-naHc \\" + ___CSS_LOADER_ICSS_IMPORT_4___.locals[\\"imported-relative\\"] + \\"\\",
- \\"module\\": \\"_1xUePnlnafMQ1cExy3PUWT \\" + ___CSS_LOADER_ICSS_IMPORT_5___.locals[\\"imported-module\\"] + \\"\\",
- \\"alias\\": \\"_26Jdfenl9Xn8HXwb2jipvt \\" + ___CSS_LOADER_ICSS_IMPORT_6___.locals[\\"imported-alias\\"] + \\"\\",
- \\"primary-selector\\": \\"_1ya4VhsDkuPhQeVHQydw2Y\\",
- \\"black-selector\\": \\"sGE1Q_LliVEZU2Q4q9j4K\\",
- \\"header\\": \\"_2zSMJ4hQh0FesbZjiKW_ya\\",
- \\"foobarbaz\\": \\"_3qS0_85PLYhk_pNQ69KfSo\\",
- \\"url\\": \\"_340mxt1qHaYWfC81FJUajb\\"
-};"
-`;
+.fixtures-modules-localIdentName-localIdentName__className {
+ background: red;
+}
-exports[`modules composes should supports resolving: warnings 1`] = `Array []`;
+#fixtures-modules-localIdentName-localIdentName__someId {
+ background: green;
+}
-exports[`modules getLocalIdent should be allowed to return false: errors 1`] = `Array []`;
+.fixtures-modules-localIdentName-localIdentName__className .fixtures-modules-localIdentName-localIdentName__subClass {
+ color: green;
+}
-exports[`modules getLocalIdent should be allowed to return false: locals 1`] = `
-Object {
- "abc": "abc",
- "def": "def",
- "ghi": "ghi",
- "jkl": "jkl",
+#fixtures-modules-localIdentName-localIdentName__someId .fixtures-modules-localIdentName-localIdentName__subClass {
+ color: blue;
}
-`;
-exports[`modules getLocalIdent should be allowed to return false: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".abc .def {
- color: red;
+.fixtures-modules-localIdentName-localIdentName__-a0-34a___f {
+ color: red;
}
-.ghi .jkl {
- color: blue;
-}
-",
- "",
- ],
-]
-`;
-
-exports[`modules getLocalIdent should be allowed to return false: warnings 1`] = `Array []`;
-
-exports[`modules issue #286: errors 1`] = `Array []`;
-
-exports[`modules issue #286: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- ".a--red { color: red }
-",
- "",
- ],
- Array [
- 1,
- ".b--main { }
-",
- "",
- ],
-]
-`;
+.fixtures-modules-localIdentName-localIdentName__m_x_\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules issue #286: module 1`] = `
-"exports = module.exports = require(\\"../../../../src/runtime/api.js\\")(false);
-// Imports
-var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"./dep.css\\");
-exports.i(___CSS_LOADER_ICSS_IMPORT_0___);
-// Module
-exports.push([module.id, \\".b--main { }\\\\n\\", \\"\\"]);
-// Exports
-exports.locals = {
- \\"main\\": \\"b--main \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"red\\"] + \\"\\"
-};"
-`;
+.fixtures-modules-localIdentName-localIdentName__B\\&W\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules issue #286: warnings 1`] = `Array []`;
+/* matches elements with class=":\`(" */
+.fixtures-modules-localIdentName-localIdentName__\\3A \\\`\\( {
+ color: aqua;
+}
-exports[`modules issue #636: errors 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.fixtures-modules-localIdentName-localIdentName__\\31 a2b3c {
+ color: aliceblue;
+}
-exports[`modules issue #636: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- ".prefix-foo {
- color: red;
-}",
- "",
- ],
- Array [
- 1,
- ".prefix-bar {
-}",
- "",
- ],
-]
-`;
+/* matches the element with id="#fake-id" */
+#fixtures-modules-localIdentName-localIdentName__\\#fake-id {
+ color: antiquewhite;
+}
-exports[`modules issue #636: module 1`] = `
-"exports = module.exports = require(\\"../../../../src/runtime/api.js\\")(false);
-// Imports
-var ___CSS_LOADER_ICSS_IMPORT_0___ = require(\\"-!../../../../src/index.js??ref--4-0!../../../../node_modules/sass-loader/dist/cjs.js??ref--4-1!./foo.scss\\");
-exports.i(___CSS_LOADER_ICSS_IMPORT_0___);
-// Module
-exports.push([module.id, \\".prefix-bar {\\\\n}\\", \\"\\"]);
-// Exports
-exports.locals = {
- \\"bar\\": \\"prefix-bar \\" + ___CSS_LOADER_ICSS_IMPORT_0___.locals[\\"foo\\"] + \\"\\"
-};"
-`;
+/* matches the element with id="-a-b-c-" */
+#fixtures-modules-localIdentName-localIdentName__-a-b-c- {
+ color: azure;
+}
-exports[`modules issue #636: warnings 1`] = `Array []`;
+/* matches the element with id="©" */
+#fixtures-modules-localIdentName-localIdentName__© {
+ color: black;
+}
-exports[`modules issue #861: errors 1`] = `Array []`;
+.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__\\. { 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__\\ ": " --dDVm",
- "?": "?--2DX4",
- "@": "@--mE1z",
- "B&W?": "B&W?--1s8i",
- "[attr=value]": "[attr=value]--2y3U",
- "_": "_--2vOX",
- "_test": "_test--23te",
- "className": "className--1E8H",
- "f!o!o": "f!o!o--3x3B",
- "f'o'o": "f'o'o--2fVl",
- "f*o*o": "f*o*o--3sRc",
- "f+o+o": "f+o+o--38BA",
- "f/o/o": "f/o/o--OYOz",
- "f\\\\o\\\\o": "f\\\\o\\\\o--1Knj",
- "foo.bar": "foo.bar--3ZJa",
- "foo/bar": "foo/bar--36uD",
- "foo/bar/baz": "foo/bar/baz--oTEb",
- "foo\\\\bar": "foo\\\\bar--2KL0",
- "foo\\\\bar\\\\baz": "foo\\\\bar\\\\baz--2Id2",
- "f~o~o": "f~o~o--lYb3",
- "m_x_@": "m_x_@--2G3b",
- "someId": "someId--3w7J",
- "subClass": "subClass--3lo0",
- "test": "test--NW9Y",
- "{}": "{}--3lRh",
- "©": "©--143H",
- "“‘’”": "“‘’”--2yW9",
- "⌘⌥": "⌘⌥--6z9v",
- "☺☃": "☺☃--3sW7",
- "♥": "♥--8xlN",
- "𝄞♪♩♫♬": "𝄞♪♩♫♬--1JEq",
- "💩": "💩--2i25",
-}
-`;
-
-exports[`modules should correctly replace escaped symbols in selector with localIdentName option: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".test--NW9Y {
- background: red;
+a {
+ color: yellow;
}
-._test--23te {
- background: blue;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
}
-.className--1E8H {
- background: red;
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-#someId--3w7J {
- background: green;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-.className--1E8H .subClass--3lo0 {
- color: green;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
+}
+\`, ""]);
+// Exports
+export var foo = \`bar\`;
+export var myBtnInfoIsDisabled = \`value\`;
+export var btnInfoIsDisabled = \`rmc8ltu8P1VXaeqLNU6N\`;
+export var btnInfoIsDisabled1 = \`AooVHuvzAIGXWngdfslc\`;
+export var simple = \`snmJCrfw3LVnrlx87XVC\`;
+export var fooBar = \`vA4oeh0XymefKJVIJyg1\`;
+var _1 = \`mDiC1MIOTWjgsd86woaJ\`;
+export { _1 as "class" };
+export var fooBarBaz = \`kY3VVFqpzmTiFlxOd9KU\`;
+export var b = \`eiLdMC_n9TCXQ0oPIJyI\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`camel-case-only\` value: result 1`] = `
+[
+ [
+ "./modules/localsConvention/localsConvention.css",
+ ".rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-#someId--3w7J .subClass--3lo0 {
+.AooVHuvzAIGXWngdfslc {
color: blue;
}
-.-a0-34a___f--2nJ5 {
+.snmJCrfw3LVnrlx87XVC {
color: red;
}
-.m_x_\\\\@--2G3b {
- margin-left: auto !important;
- margin-right: auto !important;
+a {
+ color: yellow;
}
-.B\\\\&W\\\\?--1s8i {
- margin-left: auto !important;
- margin-right: auto !important;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
}
-/* matches elements with class=\\":\`(\\" */
-.\\\\3A \\\\\`\\\\(--3G_T {
- color: aqua;
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.\\\\31 a2b3c--1_Xs {
- color: aliceblue;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-/* matches the element with id=\\"#fake-id\\" */
-#\\\\#fake-id--1d23 {
- color: antiquewhite;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
}
+",
+ "",
+ ],
+]
+`;
-/* matches the element with id=\\"-a-b-c-\\" */
-#-a-b-c---opia {
- color: azure;
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`camel-case-only\` value: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`camelCase\` value and \`namedExport\` false: errors 1`] = `[]`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`camelCase\` value and \`namedExport\` false: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-/* matches the element with id=\\"©\\" */
-#©--143H {
- color: black;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-.♥--8xlN { background: lime; }
-.©--143H { background: lime; }
-.“‘’”--2yW9 { background: lime; }
-.☺☃--3sW7 { background: lime; }
-.⌘⌥--6z9v { background: lime; }
-.𝄞♪♩♫♬--1JEq { background: lime; }
-.💩--2i25 { background: lime; }
-.\\\\?--2DX4 { background: lime; }
-.\\\\@--mE1z { background: lime; }
-.\\\\.--2hyg { background: lime; }
-.\\\\3A \\\\)--2tSN { background: lime; }
-.\\\\3A \\\\\`\\\\(--3G_T { background: lime; }
-.\\\\31 23--jOxY { background: lime; }
-.\\\\31 a2b3c--1_Xs { background: lime; }
-.\\\\ ": "_-1 ",
- "?": "_-1?",
- "@": "_-1@",
- "B&W?": "_-1B&W?",
- "[attr=value]": "_-1[attr=value]",
- "_": "_-1_",
- "_test": "_-1_test",
- "className": "_-1className",
- "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": "_-1foo\\\\bar",
- "foo\\\\bar\\\\baz": "_-1foo\\\\bar\\\\baz",
- "f~o~o": "_-1f~o~o",
- "m_x_@": "_-1m_x_@",
- "someId": "_-1someId",
- "subClass": "_-1subClass",
- "test": "_-1test",
- "{}": "_-1{}",
- "©": "_-1©",
- "“‘’”": "_-1“‘’”",
- "⌘⌥": "_-1⌘⌥",
- "☺☃": "_-1☺☃",
- "♥": "_-1♥",
- "𝄞♪♩♫♬": "_-1𝄞♪♩♫♬",
- "💩": "_-1💩",
-}
-`;
-
-exports[`modules should prefixes leading hyphen + digit with underscore with localIdentName option: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._-1test {
- background: red;
-}
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`camelCase\` value and \`namedExport\` false: warnings 1`] = `[]`;
-._-1_test {
- background: blue;
-}
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`camelCase\` value: errors 1`] = `[]`;
-._-1className {
- background: red;
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`camelCase\` value: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-#_-1someId {
- background: green;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-._-1className ._-1subClass {
- color: green;
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-#_-1someId ._-1subClass {
- color: blue;
+a {
+ color: yellow;
}
-._-1-a0-34a___f {
+.vA4oeh0XymefKJVIJyg1 {
color: red;
}
-._-1m_x_\\\\@ {
- margin-left: auto !important;
- margin-right: auto !important;
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-._-1B\\\\&W\\\\? {
- margin-left: auto !important;
- margin-right: auto !important;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-/* matches elements with class=\\":\`(\\" */
-._-1\\\\3A \\\\\`\\\\( {
- color: aqua;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
}
-
-/* matches elements with class=\\"1a2b3c\\" */
-._-1\\\\31 a2b3c {
- color: aliceblue;
+\`, ""]);
+// Exports
+export var foo = \`bar\`;
+var _1 = \`value\`;
+export { _1 as "my-btn-info_is-disabled" };
+export var myBtnInfoIsDisabled = \`value\`;
+var _2 = \`rmc8ltu8P1VXaeqLNU6N\`;
+export { _2 as "btn-info_is-disabled" };
+export var btnInfoIsDisabled = \`rmc8ltu8P1VXaeqLNU6N\`;
+var _3 = \`AooVHuvzAIGXWngdfslc\`;
+export { _3 as "btn--info_is-disabled_1" };
+export var btnInfoIsDisabled1 = \`AooVHuvzAIGXWngdfslc\`;
+export var simple = \`snmJCrfw3LVnrlx87XVC\`;
+export var foo_bar = \`vA4oeh0XymefKJVIJyg1\`;
+export var fooBar = \`vA4oeh0XymefKJVIJyg1\`;
+var _4 = \`mDiC1MIOTWjgsd86woaJ\`;
+export { _4 as "class" };
+export var fooBarBaz = \`kY3VVFqpzmTiFlxOd9KU\`;
+export var b = \`eiLdMC_n9TCXQ0oPIJyI\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`camelCase\` value: result 1`] = `
+[
+ [
+ "./modules/localsConvention/localsConvention.css",
+ ".rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-/* matches the element with id=\\"#fake-id\\" */
-#_-1\\\\#fake-id {
- color: antiquewhite;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#_-1-a-b-c- {
- color: azure;
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-/* matches the element with id=\\"©\\" */
-#_-1© {
- color: black;
+a {
+ color: yellow;
}
-._-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\\\\ ": "_-- ",
- "?": "_--?",
- "@": "_--@",
- "B&W?": "_--B&W?",
- "[attr=value]": "_--[attr=value]",
- "_": "_--_",
- "_test": "_--_test",
- "className": "_--className",
- "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": "_--foo\\\\bar",
- "foo\\\\bar\\\\baz": "_--foo\\\\bar\\\\baz",
- "f~o~o": "_--f~o~o",
- "m_x_@": "_--m_x_@",
- "someId": "_--someId",
- "subClass": "_--subClass",
- "test": "_--test",
- "{}": "_--{}",
- "©": "_--©",
- "“‘’”": "_--“‘’”",
- "⌘⌥": "_--⌘⌥",
- "☺☃": "_--☺☃",
- "♥": "_--♥",
- "𝄞♪♩♫♬": "_--𝄞♪♩♫♬",
- "💩": "_--💩",
-}
-`;
-
-exports[`modules should prefixes two leading hyphens with underscore with localIdentName option: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._--test {
- background: red;
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`camelCase\` value: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashes\` value and \`namedExport\` false: errors 1`] = `[]`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashes\` value and \`namedExport\` false: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-._--_test {
- background: blue;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-._--className {
- background: red;
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-#_--someId {
- background: green;
+a {
+ color: yellow;
}
-._--className ._--subClass {
- color: green;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
}
-#_--someId ._--subClass {
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
+}
+
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
+}
+
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
+}
+\`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+ "foo": \`bar\`,
+ "my-btn-info_is-disabled": \`value\`,
+ "myBtnInfo_isDisabled": \`value\`,
+ "btn-info_is-disabled": \`rmc8ltu8P1VXaeqLNU6N\`,
+ "btnInfo_isDisabled": \`rmc8ltu8P1VXaeqLNU6N\`,
+ "btn--info_is-disabled_1": \`AooVHuvzAIGXWngdfslc\`,
+ "btnInfo_isDisabled_1": \`AooVHuvzAIGXWngdfslc\`,
+ "simple": \`snmJCrfw3LVnrlx87XVC\`,
+ "foo_bar": \`vA4oeh0XymefKJVIJyg1\`,
+ "class": \`mDiC1MIOTWjgsd86woaJ\`,
+ "fooBarBaz": \`kY3VVFqpzmTiFlxOd9KU\`,
+ "b": \`eiLdMC_n9TCXQ0oPIJyI\`
+};
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashes\` value and \`namedExport\` false: result 1`] = `
+[
+ [
+ "./modules/localsConvention/localsConvention.css",
+ ".rmc8ltu8P1VXaeqLNU6N {
color: blue;
}
-._---a0-34a___f {
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
+}
+
+.snmJCrfw3LVnrlx87XVC {
color: red;
}
-._--m_x_\\\\@ {
- margin-left: auto !important;
- margin-right: auto !important;
+a {
+ color: yellow;
}
-._--B\\\\&W\\\\? {
- margin-left: auto !important;
- margin-right: auto !important;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
}
-/* matches elements with class=\\":\`(\\" */
-._--\\\\3A \\\\\`\\\\( {
- color: aqua;
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-/* matches elements with class=\\"1a2b3c\\" */
-._--\\\\31 a2b3c {
- color: aliceblue;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-/* matches the element with id=\\"#fake-id\\" */
-#_--\\\\#fake-id {
- color: antiquewhite;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
}
+",
+ "",
+ ],
+]
+`;
-/* matches the element with id=\\"-a-b-c-\\" */
-#_---a-b-c- {
- color: azure;
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashes\` value and \`namedExport\` false: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashes\` value: errors 1`] = `[]`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashes\` value: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-/* matches the element with id=\\"©\\" */
-#_--© {
- color: black;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-._--♥ { 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; }
-._--\\\\ ": "_3Lowms-R",
- "?": "mRRxxKEQ",
- "@": "_3ZlTEPhx",
- "B&W?": "_3d3wghvo",
- "[attr=value]": "_3GgRcos7",
- "_": "_2V6oBdW4",
- "_test": "_3Q--BATR",
- "className": "_3wBIH6Tw",
- "f!o!o": "_2pDEJqK-",
- "f'o'o": "_3297Sjlr",
- "f*o*o": "MI6DPcI5",
- "f+o+o": "_3aNwyLoj",
- "f/o/o": "jbPgrxdZ",
- "f\\\\o\\\\o": "_3x1WTWOH",
- "foo.bar": "_2FVtFG40",
- "foo/bar": "_13Q-TIeR",
- "foo/bar/baz": "_1I8mGSan",
- "foo\\\\bar": "LKTPJkpW",
- "foo\\\\bar\\\\baz": "xcAsBCbt",
- "f~o~o": "_1TY6Bok1",
- "m_x_@": "_3SfN7O2q",
- "someId": "mxosG-Ww",
- "subClass": "_3jIM-zUk",
- "test": "_1Os7JVOf",
- "{}": "_2ZR3d8gm",
- "©": "_3QaoFt--",
- "“‘’”": "_3xI9AT1p",
- "⌘⌥": "_1V-to4Of",
- "☺☃": "uy8uve6R",
- "♥": "kO1_7SYu",
- "𝄞♪♩♫♬": "_1tfs0VJo",
- "💩": "_2Cl61yWh",
-}
-`;
-
-exports[`modules should respects context option: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._1Os7JVOf {
- background: red;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-._3Q--BATR {
- background: blue;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
+}
+\`, ""]);
+// Exports
+export var foo = \`bar\`;
+var _1 = \`value\`;
+export { _1 as "my-btn-info_is-disabled" };
+export var myBtnInfo_isDisabled = \`value\`;
+var _2 = \`rmc8ltu8P1VXaeqLNU6N\`;
+export { _2 as "btn-info_is-disabled" };
+export var btnInfo_isDisabled = \`rmc8ltu8P1VXaeqLNU6N\`;
+var _3 = \`AooVHuvzAIGXWngdfslc\`;
+export { _3 as "btn--info_is-disabled_1" };
+export var btnInfo_isDisabled_1 = \`AooVHuvzAIGXWngdfslc\`;
+export var simple = \`snmJCrfw3LVnrlx87XVC\`;
+export var foo_bar = \`vA4oeh0XymefKJVIJyg1\`;
+var _4 = \`mDiC1MIOTWjgsd86woaJ\`;
+export { _4 as "class" };
+export var fooBarBaz = \`kY3VVFqpzmTiFlxOd9KU\`;
+export var b = \`eiLdMC_n9TCXQ0oPIJyI\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashes\` value: result 1`] = `
+[
+ [
+ "./modules/localsConvention/localsConvention.css",
+ ".rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-._3wBIH6Tw {
- background: red;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-#mxosG-Ww {
- background: green;
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-._3wBIH6Tw ._3jIM-zUk {
- color: green;
+a {
+ color: yellow;
}
-#mxosG-Ww ._3jIM-zUk {
- color: blue;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
}
-._3RHUZpqp {
+.mDiC1MIOTWjgsd86woaJ {
color: red;
}
-._3SfN7O2q {
- margin-left: auto !important;
- margin-right: auto !important;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-._3d3wghvo {
- margin-left: auto !important;
- margin-right: auto !important;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
}
+",
+ "",
+ ],
+]
+`;
-/* matches elements with class=\\":\`(\\" */
-._3oWIzQc7 {
- color: aqua;
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashes\` value: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashesOnly\` value and \`namedExport\` false: errors 1`] = `[]`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashesOnly\` value and \`namedExport\` false: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-/* matches elements with class=\\"1a2b3c\\" */
-._3IsxVsEE {
- color: aliceblue;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-/* matches the element with id=\\"#fake-id\\" */
-#_3i_zUQNU {
- color: antiquewhite;
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#_1cY1s7c1 {
- color: azure;
+a {
+ color: yellow;
}
-/* matches the element with id=\\"©\\" */
-#_3QaoFt-- {
- color: black;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
}
-.kO1_7SYu { background: lime; }
-._3QaoFt-- { background: lime; }
-._3xI9AT1p { background: lime; }
-.uy8uve6R { background: lime; }
-._1V-to4Of { background: lime; }
-._1tfs0VJo { background: lime; }
-._2Cl61yWh { background: lime; }
-.mRRxxKEQ { background: lime; }
-._3ZlTEPhx { background: lime; }
-.nfd9MoI8 { background: lime; }
-._3EKgIWue { background: lime; }
-._3oWIzQc7 { background: lime; }
-._3JQcZq0t { background: lime; }
-._3IsxVsEE { background: lime; }
-._3Lowms-R { background: lime; }
-.Tr9vNLcW { background: lime; }
-._3hmdGGWi { background: lime; }
-.O8Yw611P { background: lime; }
-._3er0DBiz { background: lime; }
-._22RlZfs4 { background: lime; }
-._2V6oBdW4 { background: lime; }
-._2ZR3d8gm { background: lime; }
-._3i_zUQNU { background: lime; }
-._2FVtFG40 { background: lime; }
-.B2whyhV4 { background: lime; }
-._3R7r57b4 { background: lime; }
-._3GgRcos7 { background: lime; }
-.jbPgrxdZ { background: lime; }
-._3x1WTWOH { background: lime; }
-.MI6DPcI5 { background: lime; }
-._2pDEJqK- { background: lime; }
-._3297Sjlr { background: lime; }
-._1TY6Bok1 { background: lime; }
-._3aNwyLoj { background: lime; }
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
+}
-._13Q-TIeR {
- background: hotpink;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-.LKTPJkpW {
- background: hotpink;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
+}
+\`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+ "foo": \`bar\`,
+ "myBtnInfo_isDisabled": \`value\`,
+ "btnInfo_isDisabled": \`rmc8ltu8P1VXaeqLNU6N\`,
+ "btnInfo_isDisabled_1": \`AooVHuvzAIGXWngdfslc\`,
+ "simple": \`snmJCrfw3LVnrlx87XVC\`,
+ "foo_bar": \`vA4oeh0XymefKJVIJyg1\`,
+ "class": \`mDiC1MIOTWjgsd86woaJ\`,
+ "fooBarBaz": \`kY3VVFqpzmTiFlxOd9KU\`,
+ "b": \`eiLdMC_n9TCXQ0oPIJyI\`
+};
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashesOnly\` value and \`namedExport\` false: result 1`] = `
+[
+ [
+ "./modules/localsConvention/localsConvention.css",
+ ".rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-._1I8mGSan {
- background: hotpink;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-.xcAsBCbt {
- background: hotpink;
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules should respects context option: warnings 1`] = `Array []`;
+a {
+ color: yellow;
+}
-exports[`modules should respects getLocalIdent option (global mode): errors 1`] = `Array []`;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
+}
-exports[`modules should respects getLocalIdent option (global mode): locals 1`] = `
-Object {
- "abc": "foo",
- "def": "foo",
- "ghi": "foo",
- "jkl": "foo",
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-`;
-exports[`modules should respects getLocalIdent option (global mode): module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".foo .foo {
+.kY3VVFqpzmTiFlxOd9KU {
color: red;
}
-.foo .foo {
- color: blue;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
}
",
"",
@@ -7389,745 +9535,16354 @@ Array [
]
`;
-exports[`modules should respects getLocalIdent option (global mode): warnings 1`] = `Array []`;
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashesOnly\` value and \`namedExport\` false: warnings 1`] = `[]`;
-exports[`modules should respects getLocalIdent option (local mode): errors 1`] = `Array []`;
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashesOnly\` value: errors 1`] = `[]`;
-exports[`modules should respects getLocalIdent option (local mode): locals 1`] = `
-Object {
- "abc": "foo",
- "def": "foo",
- "ghi": "foo",
- "jkl": "foo",
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashesOnly\` value: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-`;
-exports[`modules should respects getLocalIdent option (local mode): module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".foo .foo {
- color: red;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-.foo .foo {
- color: blue;
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules should respects getLocalIdent option (local mode): warnings 1`] = `Array []`;
-
-exports[`modules should respects hashPrefix option with localIdentName option: errors 1`] = `Array []`;
-
-exports[`modules should respects hashPrefix option with localIdentName option: locals 1`] = `
-Object {
- "#": "#--8caa1febb853c79bc5740a51d69b0603",
- "##": "##--e6e70cede894cf8ecef86891b00438fa",
- "#.#.#": "#.#.#--f93b20473b91262c9634348506fe36fe",
- "#fake-id": "#fake-id--a0d1d29b3c920aa3985fb11586f994e6",
- "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.": "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.--937528d96919903e5a5172d04ced259a",
- "-a-b-c-": "-a-b-c---5b1d694462fbb9af324bb0ed2a08d755",
- "-a0-34a___f": "-a0-34a___f--e99d667fe0ceff9363b011302ac3f508",
- ".": ".--12cd2fe5f9c81510bf687df3b6461cb1",
- "123": "123--e5bcdf25b52ca483d65894eae427ccff",
- "1a2b3c": "1a2b3c--165cab18879cee9a48ae4cbb5fdd39a8",
- ":)": ":)--2f61aa454a9e7fd205da87e665dff51b",
- ":\`(": ":\`(--612466e663a46fe230e6db648089b4c4",
- ":hover": ":hover--af8b669c2dc29371d450d428f0bfa5d2",
- ":hover:focus:active": ":hover:focus:active--5c55d7a925c8ee5de2e8f175badce4d6",
- "<><<<>><>": "<><<<>><>--ac5886bfd5b1a8264bdda01deaf52762",
- " ": " --c168cd4e00ec053d5bd509da80f5db38",
- "?": "?--4f09eb0a56c6b8f25f7ef4def006df7e",
- "@": "@--254139a6858615f890093da92bb4c90b",
- "B&W?": "B&W?--8c20b8856e47b8157bf47451b1b6d9a6",
- "[attr=value]": "[attr=value]--db83b30c2535d713bd9f8fd195909f24",
- "_": "_--f18cdd3b2ff360c3f4c10cc7559ff003",
- "_test": "_test--d745495d407559ef605c9072243801fd",
- "className": "className--eab624d1bc6b9c6b6a4278d1030dd690",
- "f!o!o": "f!o!o--ea3b21fd9d4327fbc9d8b949a2bd5823",
- "f'o'o": "f'o'o--95fe160ec21a5b70221e47b09b21fcd2",
- "f*o*o": "f*o*o--a5f60f217da867c314860c5b2e28bbfd",
- "f+o+o": "f+o+o--1e99689a1b3985adff358f3bd4aea7ed",
- "f/o/o": "f/o/o--5de918433a006304ca487065b8626dd4",
- "f\\\\o\\\\o": "f\\\\o\\\\o--e9ae2e1857289425acfa40a3f741babd",
- "foo.bar": "foo.bar--e1dfb05dd5c7c36228cc87fe2cd0c6b1",
- "foo/bar": "foo/bar--5b852e67587217ab19651f30a9b4df53",
- "foo/bar/baz": "foo/bar/baz--d917a2cf9531290fbf3aa43e0cc0520f",
- "foo\\\\bar": "foo\\\\bar--6cf70ff94feb1257af10e9ddcc47d54f",
- "foo\\\\bar\\\\baz": "foo\\\\bar\\\\baz--1900aa5b4b5b2443299cc5e8afa9b3b4",
- "f~o~o": "f~o~o--b9707d2eae11417a88a3f638b64eca30",
- "m_x_@": "m_x_@--de463fc45a1e6dd0ed23f26a568f1d61",
- "someId": "someId--a0ce220cc9bbb1ee0e85cc0d1f0c6aa9",
- "subClass": "subClass--2c82998be8a2b2e94ad7be56c9e685cd",
- "test": "test--307c32aa793aaec9aecded85a9fdd448",
- "{}": "{}--6db4a8e6a78415e8209253db0c3dd7c5",
- "©": "©--074c8458dd077a052783bb5f4c5b5911",
- "“‘’”": "“‘’”--00f526c32cd5eec8f5de2965f2ca9457",
- "⌘⌥": "⌘⌥--c42685a7cfeb3b510a6d8169d58bf02d",
- "☺☃": "☺☃--0ea31e7c348b5949a05bce4eebcb59eb",
- "♥": "♥--37952b59a9aa684be1d91192f863babf",
- "𝄞♪♩♫♬": "𝄞♪♩♫♬--ece85fb9868788feab6a8f1259b9ff9d",
- "💩": "💩--1c19fe6dd9ca556af34bbda8a2cbbbdf",
-}
-`;
-
-exports[`modules should respects hashPrefix option with localIdentName option: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".test--307c32aa793aaec9aecded85a9fdd448 {
- background: red;
+a {
+ color: yellow;
}
-._test--d745495d407559ef605c9072243801fd {
- background: blue;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
}
-.className--eab624d1bc6b9c6b6a4278d1030dd690 {
- background: red;
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-#someId--a0ce220cc9bbb1ee0e85cc0d1f0c6aa9 {
- background: green;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-.className--eab624d1bc6b9c6b6a4278d1030dd690 .subClass--2c82998be8a2b2e94ad7be56c9e685cd {
- color: green;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
+}
+\`, ""]);
+// Exports
+export var foo = \`bar\`;
+export var myBtnInfo_isDisabled = \`value\`;
+export var btnInfo_isDisabled = \`rmc8ltu8P1VXaeqLNU6N\`;
+export var btnInfo_isDisabled_1 = \`AooVHuvzAIGXWngdfslc\`;
+export var simple = \`snmJCrfw3LVnrlx87XVC\`;
+export var foo_bar = \`vA4oeh0XymefKJVIJyg1\`;
+var _1 = \`mDiC1MIOTWjgsd86woaJ\`;
+export { _1 as "class" };
+export var fooBarBaz = \`kY3VVFqpzmTiFlxOd9KU\`;
+export var b = \`eiLdMC_n9TCXQ0oPIJyI\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashesOnly\` value: result 1`] = `
+[
+ [
+ "./modules/localsConvention/localsConvention.css",
+ ".rmc8ltu8P1VXaeqLNU6N {
+ color: blue;
}
-#someId--a0ce220cc9bbb1ee0e85cc0d1f0c6aa9 .subClass--2c82998be8a2b2e94ad7be56c9e685cd {
+.AooVHuvzAIGXWngdfslc {
color: blue;
}
-.-a0-34a___f--e99d667fe0ceff9363b011302ac3f508 {
+.snmJCrfw3LVnrlx87XVC {
color: red;
}
-.m_x_\\\\@--de463fc45a1e6dd0ed23f26a568f1d61 {
- margin-left: auto !important;
- margin-right: auto !important;
+a {
+ color: yellow;
}
-.B\\\\&W\\\\?--8c20b8856e47b8157bf47451b1b6d9a6 {
- margin-left: auto !important;
- margin-right: auto !important;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
}
-/* matches elements with class=\\":\`(\\" */
-.\\\\3A \\\\\`\\\\(--612466e663a46fe230e6db648089b4c4 {
- color: aqua;
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.\\\\31 a2b3c--165cab18879cee9a48ae4cbb5fdd39a8 {
- color: aliceblue;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
}
-/* matches the element with id=\\"#fake-id\\" */
-#\\\\#fake-id--a0d1d29b3c920aa3985fb11586f994e6 {
- color: antiquewhite;
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
}
+",
+ "",
+ ],
+]
+`;
-/* matches the element with id=\\"-a-b-c-\\" */
-#-a-b-c---5b1d694462fbb9af324bb0ed2a08d755 {
- color: azure;
-}
+exports[`"modules" option should work and respect the \`localConvention\` option with the \`dashesOnly\` value: warnings 1`] = `[]`;
-/* matches the element with id=\\"©\\" */
-#©--074c8458dd077a052783bb5f4c5b5911 {
- color: black;
+exports[`"modules" option should work and support "pure" mode #2: errors 1`] = `[]`;
+
+exports[`"modules" option should work and support "pure" mode #2: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.GG5NOiRT4g06DVEU5tQf {
+ color: red;
}
-.♥--37952b59a9aa684be1d91192f863babf { background: lime; }
-.©--074c8458dd077a052783bb5f4c5b5911 { background: lime; }
-.“‘’”--00f526c32cd5eec8f5de2965f2ca9457 { background: lime; }
-.☺☃--0ea31e7c348b5949a05bce4eebcb59eb { background: lime; }
-.⌘⌥--c42685a7cfeb3b510a6d8169d58bf02d { background: lime; }
-.𝄞♪♩♫♬--ece85fb9868788feab6a8f1259b9ff9d { background: lime; }
-.💩--1c19fe6dd9ca556af34bbda8a2cbbbdf { background: lime; }
-.\\\\?--4f09eb0a56c6b8f25f7ef4def006df7e { background: lime; }
-.\\\\@--254139a6858615f890093da92bb4c90b { background: lime; }
-.\\\\.--12cd2fe5f9c81510bf687df3b6461cb1 { background: lime; }
-.\\\\3A \\\\)--2f61aa454a9e7fd205da87e665dff51b { background: lime; }
-.\\\\3A \\\\\`\\\\(--612466e663a46fe230e6db648089b4c4 { background: lime; }
-.\\\\31 23--e5bcdf25b52ca483d65894eae427ccff { background: lime; }
-.\\\\31 a2b3c--165cab18879cee9a48ae4cbb5fdd39a8 { background: lime; }
-.\\\\ ": "localIdentName-- --3Lowm",
- "?": "localIdentName--?--mRRxx",
- "@": "localIdentName--@--3ZlTE",
- "B&W?": "localIdentName--B&W?--3d3wg",
- "[attr=value]": "localIdentName--[attr=value]--3GgRc",
- "_": "localIdentName--_--2V6oB",
- "_test": "localIdentName--_test--3Q--B",
- "className": "localIdentName--className--3wBIH",
- "f!o!o": "localIdentName--f!o!o--2pDEJ",
- "f'o'o": "localIdentName--f'o'o--3297S",
- "f*o*o": "localIdentName--f*o*o--MI6DP",
- "f+o+o": "localIdentName--f+o+o--3aNwy",
- "f/o/o": "localIdentName--f/o/o--jbPgr",
- "f\\\\o\\\\o": "localIdentName--f\\\\o\\\\o--3x1WT",
- "foo.bar": "localIdentName--foo.bar--2FVtF",
- "foo/bar": "localIdentName--foo/bar--13Q-T",
- "foo/bar/baz": "localIdentName--foo/bar/baz--1I8mG",
- "foo\\\\bar": "localIdentName--foo\\\\bar--LKTPJ",
- "foo\\\\bar\\\\baz": "localIdentName--foo\\\\bar\\\\baz--xcAsB",
- "f~o~o": "localIdentName--f~o~o--1TY6B",
- "m_x_@": "localIdentName--m_x_@--3SfN7",
- "someId": "localIdentName--someId--mxosG",
- "subClass": "localIdentName--subClass--3jIM-",
- "test": "localIdentName--test--1Os7J",
- "{}": "localIdentName--{}--2ZR3d",
- "©": "localIdentName--©--3QaoF",
- "“‘’”": "localIdentName--“‘’”--3xI9A",
- "⌘⌥": "localIdentName--⌘⌥--1V-to",
- "☺☃": "localIdentName--☺☃--uy8uv",
- "♥": "localIdentName--♥--kO1_7",
- "𝄞♪♩♫♬": "localIdentName--𝄞♪♩♫♬--1tfs0",
- "💩": "localIdentName--💩--2Cl61",
-}
-`;
-
-exports[`modules should respects localIdentName option: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".localIdentName--test--1Os7J {
- background: red;
+h1 .uUkzTtFrPX7DQk7AJn_C {
+ color: green;
}
-.localIdentName--_test--3Q--B {
- background: blue;
+.d2SVtvxeS3c0zw1j0XY3 h1 {
+ color: blue;
}
-.localIdentName--className--3wBIH {
- background: red;
+.uj35KKSMxYrydy9AtwEA h1 .sHauUzQwWo87dp__t_Ug {
+ color: red;
}
-#localIdentName--someId--mxosG {
- background: green;
+#ebGYgLwRuH_cwCOAeAIf {
+ color: red;
}
-.localIdentName--className--3wBIH .localIdentName--subClass--3jIM- {
+h1 #CEBxO1NI6KSE4aIOEe8g {
color: green;
}
-#localIdentName--someId--mxosG .localIdentName--subClass--3jIM- {
+#CIs5QkSldUS9Z6oE85dq h1 {
color: blue;
}
-.localIdentName---a0-34a___f--3RHUZ {
+#eEMqyPYFGmm35aX75zy3 h1 #nNXpPpX8pUC5paDKAwBo {
color: red;
}
-.localIdentName--m_x_\\\\@--3SfN7 {
- margin-left: auto !important;
- margin-right: auto !important;
+.G4jxkxdOl0F0aHDyzSab .bar .XbSw2R5rWm8FCPx8AUjP {
+ color: white;
}
-.localIdentName--B\\\\&W\\\\?--3d3wg {
- margin-left: auto !important;
- margin-right: auto !important;
+.owPaXiJkt4EitYBDn5Yh .CP7zuaZH99lZJVmJwA3g .vvLsn8M1D1up5NfSbIYh {
+ color: black;
}
-/* matches elements with class=\\":\`(\\" */
-.localIdentName--\\\\3A \\\\\`\\\\(--3oWIz {
- color: aqua;
-}
+.nnjcLLGI3W9kePCpF3rz {
+ color: red;
-/* matches elements with class=\\"1a2b3c\\" */
-.localIdentName--\\\\31 a2b3c--3IsxV {
- color: aliceblue;
+ & > span {
+ color: green;
+ }
+}
+\`, ""]);
+// Exports
+export var foo = \`GG5NOiRT4g06DVEU5tQf\`;
+var _1 = \`uUkzTtFrPX7DQk7AJn_C\`;
+export { _1 as "foo-1" };
+var _2 = \`d2SVtvxeS3c0zw1j0XY3\`;
+export { _2 as "foo-2" };
+var _3 = \`uj35KKSMxYrydy9AtwEA\`;
+export { _3 as "foo-3" };
+var _4 = \`sHauUzQwWo87dp__t_Ug\`;
+export { _4 as "foo-4" };
+var _5 = \`ebGYgLwRuH_cwCOAeAIf\`;
+export { _5 as "foo-5" };
+var _6 = \`CEBxO1NI6KSE4aIOEe8g\`;
+export { _6 as "foo-6" };
+var _7 = \`CIs5QkSldUS9Z6oE85dq\`;
+export { _7 as "foo-7" };
+var _8 = \`eEMqyPYFGmm35aX75zy3\`;
+export { _8 as "foo-8" };
+var _9 = \`nNXpPpX8pUC5paDKAwBo\`;
+export { _9 as "foo-9" };
+var _a = \`G4jxkxdOl0F0aHDyzSab\`;
+export { _a as "bar-1" };
+var _b = \`XbSw2R5rWm8FCPx8AUjP\`;
+export { _b as "bar-2" };
+var _c = \`owPaXiJkt4EitYBDn5Yh\`;
+export { _c as "baz-3" };
+export var baz = \`CP7zuaZH99lZJVmJwA3g\`;
+var _d = \`vvLsn8M1D1up5NfSbIYh\`;
+export { _d as "bar-4" };
+export var test = \`nnjcLLGI3W9kePCpF3rz\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and support "pure" mode #2: result 1`] = `
+[
+ [
+ "./modules/pure/pure.css",
+ ".GG5NOiRT4g06DVEU5tQf {
+ color: red;
}
-/* matches the element with id=\\"#fake-id\\" */
-#localIdentName--\\\\#fake-id--3i_zU {
- color: antiquewhite;
+h1 .uUkzTtFrPX7DQk7AJn_C {
+ color: green;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#localIdentName---a-b-c---1cY1s {
- color: azure;
+.d2SVtvxeS3c0zw1j0XY3 h1 {
+ color: blue;
}
-/* matches the element with id=\\"©\\" */
-#localIdentName--©--3QaoF {
- color: black;
+.uj35KKSMxYrydy9AtwEA h1 .sHauUzQwWo87dp__t_Ug {
+ color: red;
}
-.localIdentName--♥--kO1_7 { background: lime; }
-.localIdentName--©--3QaoF { background: lime; }
-.localIdentName--“‘’”--3xI9A { background: lime; }
-.localIdentName--☺☃--uy8uv { background: lime; }
-.localIdentName--⌘⌥--1V-to { background: lime; }
-.localIdentName--𝄞♪♩♫♬--1tfs0 { background: lime; }
-.localIdentName--💩--2Cl61 { background: lime; }
-.localIdentName--\\\\?--mRRxx { background: lime; }
-.localIdentName--\\\\@--3ZlTE { background: lime; }
-.localIdentName--\\\\.--nfd9M { background: lime; }
-.localIdentName--\\\\3A \\\\)--3EKgI { background: lime; }
-.localIdentName--\\\\3A \\\\\`\\\\(--3oWIz { background: lime; }
-.localIdentName--\\\\31 23--3JQcZ { background: lime; }
-.localIdentName--\\\\31 a2b3c--3IsxV { background: lime; }
-.localIdentName--\\\\ ": "fixtures-modules-localIdentName__ ",
- "?": "fixtures-modules-localIdentName__?",
- "@": "fixtures-modules-localIdentName__@",
- "B&W?": "fixtures-modules-localIdentName__B&W?",
- "[attr=value]": "fixtures-modules-localIdentName__[attr=value]",
- "_": "fixtures-modules-localIdentName___",
- "_test": "fixtures-modules-localIdentName___test",
- "className": "fixtures-modules-localIdentName__className",
- "f!o!o": "fixtures-modules-localIdentName__f!o!o",
- "f'o'o": "fixtures-modules-localIdentName__f'o'o",
- "f*o*o": "fixtures-modules-localIdentName__f*o*o",
- "f+o+o": "fixtures-modules-localIdentName__f+o+o",
- "f/o/o": "fixtures-modules-localIdentName__f/o/o",
- "f\\\\o\\\\o": "fixtures-modules-localIdentName__f\\\\o\\\\o",
- "foo.bar": "fixtures-modules-localIdentName__foo.bar",
- "foo/bar": "fixtures-modules-localIdentName__foo/bar",
- "foo/bar/baz": "fixtures-modules-localIdentName__foo/bar/baz",
- "foo\\\\bar": "fixtures-modules-localIdentName__foo\\\\bar",
- "foo\\\\bar\\\\baz": "fixtures-modules-localIdentName__foo\\\\bar\\\\baz",
- "f~o~o": "fixtures-modules-localIdentName__f~o~o",
- "m_x_@": "fixtures-modules-localIdentName__m_x_@",
- "someId": "fixtures-modules-localIdentName__someId",
- "subClass": "fixtures-modules-localIdentName__subClass",
- "test": "fixtures-modules-localIdentName__test",
- "{}": "fixtures-modules-localIdentName__{}",
- "©": "fixtures-modules-localIdentName__©",
- "“‘’”": "fixtures-modules-localIdentName__“‘’”",
- "⌘⌥": "fixtures-modules-localIdentName__⌘⌥",
- "☺☃": "fixtures-modules-localIdentName__☺☃",
- "♥": "fixtures-modules-localIdentName__♥",
- "𝄞♪♩♫♬": "fixtures-modules-localIdentName__𝄞♪♩♫♬",
- "💩": "fixtures-modules-localIdentName__💩",
-}
-`;
-
-exports[`modules should respects path in localIdentName option: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".fixtures-modules-localIdentName__test {
- background: red;
+#ebGYgLwRuH_cwCOAeAIf {
+ color: red;
}
-.fixtures-modules-localIdentName___test {
- background: blue;
+h1 #CEBxO1NI6KSE4aIOEe8g {
+ color: green;
}
-.fixtures-modules-localIdentName__className {
- background: red;
+#CIs5QkSldUS9Z6oE85dq h1 {
+ color: blue;
}
-#fixtures-modules-localIdentName__someId {
- background: green;
+#eEMqyPYFGmm35aX75zy3 h1 #nNXpPpX8pUC5paDKAwBo {
+ color: red;
}
-.fixtures-modules-localIdentName__className .fixtures-modules-localIdentName__subClass {
- color: green;
+.G4jxkxdOl0F0aHDyzSab .bar .XbSw2R5rWm8FCPx8AUjP {
+ color: white;
}
-#fixtures-modules-localIdentName__someId .fixtures-modules-localIdentName__subClass {
- color: blue;
+.owPaXiJkt4EitYBDn5Yh .CP7zuaZH99lZJVmJwA3g .vvLsn8M1D1up5NfSbIYh {
+ color: black;
}
-.fixtures-modules-localIdentName__-a0-34a___f {
+.nnjcLLGI3W9kePCpF3rz {
color: red;
+
+ & > span {
+ color: green;
+ }
}
+",
+ "",
+ ],
+]
+`;
-.fixtures-modules-localIdentName__m_x_\\\\@ {
- margin-left: auto !important;
- margin-right: auto !important;
+exports[`"modules" option should work and support "pure" mode #2: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and support "pure" mode: errors 1`] = `[]`;
+
+exports[`"modules" option should work and support "pure" mode: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.GG5NOiRT4g06DVEU5tQf {
+ color: red;
}
-.fixtures-modules-localIdentName__B\\\\&W\\\\? {
- margin-left: auto !important;
- margin-right: auto !important;
+h1 .uUkzTtFrPX7DQk7AJn_C {
+ color: green;
}
-/* matches elements with class=\\":\`(\\" */
-.fixtures-modules-localIdentName__\\\\3A \\\\\`\\\\( {
- color: aqua;
+.d2SVtvxeS3c0zw1j0XY3 h1 {
+ color: blue;
}
-/* matches elements with class=\\"1a2b3c\\" */
-.fixtures-modules-localIdentName__\\\\31 a2b3c {
- color: aliceblue;
+.uj35KKSMxYrydy9AtwEA h1 .sHauUzQwWo87dp__t_Ug {
+ color: red;
}
-/* matches the element with id=\\"#fake-id\\" */
-#fixtures-modules-localIdentName__\\\\#fake-id {
- color: antiquewhite;
+#ebGYgLwRuH_cwCOAeAIf {
+ color: red;
}
-/* matches the element with id=\\"-a-b-c-\\" */
-#fixtures-modules-localIdentName__-a-b-c- {
- color: azure;
+h1 #CEBxO1NI6KSE4aIOEe8g {
+ color: green;
}
-/* matches the element with id=\\"©\\" */
-#fixtures-modules-localIdentName__© {
- color: black;
+#CIs5QkSldUS9Z6oE85dq h1 {
+ color: blue;
}
-.fixtures-modules-localIdentName__♥ { background: lime; }
-.fixtures-modules-localIdentName__© { background: lime; }
-.fixtures-modules-localIdentName__“‘’” { background: lime; }
-.fixtures-modules-localIdentName__☺☃ { background: lime; }
-.fixtures-modules-localIdentName__⌘⌥ { background: lime; }
-.fixtures-modules-localIdentName__𝄞♪♩♫♬ { background: lime; }
-.fixtures-modules-localIdentName__💩 { background: lime; }
-.fixtures-modules-localIdentName__\\\\? { background: lime; }
-.fixtures-modules-localIdentName__\\\\@ { background: lime; }
-.fixtures-modules-localIdentName__\\\\. { background: lime; }
-.fixtures-modules-localIdentName__\\\\3A \\\\) { background: lime; }
-.fixtures-modules-localIdentName__\\\\3A \\\\\`\\\\( { background: lime; }
-.fixtures-modules-localIdentName__\\\\31 23 { background: lime; }
-.fixtures-modules-localIdentName__\\\\31 a2b3c { background: lime; }
-.fixtures-modules-localIdentName__\\\\ ": " ",
- "?": "?",
- "@": "@",
- "B&W?": "B&W?",
- "[attr=value]": "[attr=value]",
- "_": "_",
- "_test": "_test",
- "className": "className",
- "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": "foo\\\\bar",
- "foo\\\\bar\\\\baz": "foo\\\\bar\\\\baz",
- "f~o~o": "f~o~o",
- "m_x_@": "m_x_@",
- "someId": "someId",
- "subClass": "subClass",
- "test": "test",
- "{}": "{}",
- "©": "©",
- "“‘’”": "“‘’”",
- "⌘⌥": "⌘⌥",
- "☺☃": "☺☃",
- "♥": "♥",
- "𝄞♪♩♫♬": "𝄞♪♩♫♬",
- "💩": "💩",
-}
-`;
-
-exports[`modules should saves underscore prefix in exported class names with localIdentName option: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".test {
- background: red;
+#eEMqyPYFGmm35aX75zy3 h1 #nNXpPpX8pUC5paDKAwBo {
+ color: red;
}
-._test {
- background: blue;
+.G4jxkxdOl0F0aHDyzSab .bar .XbSw2R5rWm8FCPx8AUjP {
+ color: white;
}
-.className {
- background: red;
+.owPaXiJkt4EitYBDn5Yh .CP7zuaZH99lZJVmJwA3g .vvLsn8M1D1up5NfSbIYh {
+ color: black;
}
-#someId {
- background: green;
+.nnjcLLGI3W9kePCpF3rz {
+ color: red;
+
+ & > span {
+ color: green;
+ }
+}
+\`, ""]);
+// Exports
+export var foo = \`GG5NOiRT4g06DVEU5tQf\`;
+var _1 = \`uUkzTtFrPX7DQk7AJn_C\`;
+export { _1 as "foo-1" };
+var _2 = \`d2SVtvxeS3c0zw1j0XY3\`;
+export { _2 as "foo-2" };
+var _3 = \`uj35KKSMxYrydy9AtwEA\`;
+export { _3 as "foo-3" };
+var _4 = \`sHauUzQwWo87dp__t_Ug\`;
+export { _4 as "foo-4" };
+var _5 = \`ebGYgLwRuH_cwCOAeAIf\`;
+export { _5 as "foo-5" };
+var _6 = \`CEBxO1NI6KSE4aIOEe8g\`;
+export { _6 as "foo-6" };
+var _7 = \`CIs5QkSldUS9Z6oE85dq\`;
+export { _7 as "foo-7" };
+var _8 = \`eEMqyPYFGmm35aX75zy3\`;
+export { _8 as "foo-8" };
+var _9 = \`nNXpPpX8pUC5paDKAwBo\`;
+export { _9 as "foo-9" };
+var _a = \`G4jxkxdOl0F0aHDyzSab\`;
+export { _a as "bar-1" };
+var _b = \`XbSw2R5rWm8FCPx8AUjP\`;
+export { _b as "bar-2" };
+var _c = \`owPaXiJkt4EitYBDn5Yh\`;
+export { _c as "baz-3" };
+export var baz = \`CP7zuaZH99lZJVmJwA3g\`;
+var _d = \`vvLsn8M1D1up5NfSbIYh\`;
+export { _d as "bar-4" };
+export var test = \`nnjcLLGI3W9kePCpF3rz\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work and support "pure" mode: result 1`] = `
+[
+ [
+ "./modules/pure/pure.css",
+ ".GG5NOiRT4g06DVEU5tQf {
+ color: red;
}
-.className .subClass {
+h1 .uUkzTtFrPX7DQk7AJn_C {
color: green;
}
-#someId .subClass {
+.d2SVtvxeS3c0zw1j0XY3 h1 {
color: blue;
}
-.-a0-34a___f {
+.uj35KKSMxYrydy9AtwEA h1 .sHauUzQwWo87dp__t_Ug {
color: red;
}
-.m_x_\\\\@ {
- margin-left: auto !important;
- margin-right: auto !important;
+#ebGYgLwRuH_cwCOAeAIf {
+ color: red;
}
-.B\\\\&W\\\\? {
- margin-left: auto !important;
- margin-right: auto !important;
+h1 #CEBxO1NI6KSE4aIOEe8g {
+ color: green;
}
-/* matches elements with class=\\":\`(\\" */
-.\\\\3A \\\\\`\\\\( {
- color: aqua;
+#CIs5QkSldUS9Z6oE85dq h1 {
+ color: blue;
}
-/* matches elements with class=\\"1a2b3c\\" */
+#eEMqyPYFGmm35aX75zy3 h1 #nNXpPpX8pUC5paDKAwBo {
+ color: red;
+}
+
+.G4jxkxdOl0F0aHDyzSab .bar .XbSw2R5rWm8FCPx8AUjP {
+ color: white;
+}
+
+.owPaXiJkt4EitYBDn5Yh .CP7zuaZH99lZJVmJwA3g .vvLsn8M1D1up5NfSbIYh {
+ color: black;
+}
+
+.nnjcLLGI3W9kePCpF3rz {
+ color: red;
+
+ & > span {
+ color: green;
+ }
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"modules" option should work and support "pure" mode: warnings 1`] = `[]`;
+
+exports[`"modules" option should work js template with "namedExport" option when "exportLocalsConvention" option is function: errors 1`] = `[]`;
+
+exports[`"modules" option should work js template with "namedExport" option when "exportLocalsConvention" option is function: module 1`] = `
+"// Imports
+import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../../../../src/runtime/noSourceMaps.js";
+import ___CSS_LOADER_API_IMPORT___ from "../../../../../src/runtime/api.js";
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, \`.header-baz {
+ color: red;
+}
+
+.body {
+ color: coral;
+}
+
+.footer {
+ color: blue;
+}
+\`, ""]);
+// Exports
+export var header_baz_TEST = \`header-baz\`;
+export var body_TEST = \`body\`;
+export var footer_TEST = \`footer\`;
+export default ___CSS_LOADER_EXPORT___;
+"
+`;
+
+exports[`"modules" option should work js template with "namedExport" option when "exportLocalsConvention" option is function: result 1`] = `
+{
+ "css": [
+ [
+ "./modules/namedExport/template-2/index.css",
+ ".header-baz {
+ color: red;
+}
+
+.body {
+ color: coral;
+}
+
+.footer {
+ color: blue;
+}
+",
+ "",
+ ],
+ ],
+ "html": "
+