\`; +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 \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+._--_test {
+ background: blue;
+}
-exports[`modules case \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+._--className {
+ background: red;
+}
-exports[`modules case \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "abc": "_abc _def1 _def2",
+#_--someId {
+ background: green;
}
-`;
-exports[`modules case \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "._def1 {
- color: red;
+._--className ._--subClass {
+ color: green;
}
-",
- "",
- ],
- Array [
- 3,
- "._def2 {
+
+#_--someId ._--subClass {
color: blue;
}
-",
- "",
- ],
- Array [
- 1,
- "._abc {
+
+._---a0-34a___f {
+ color: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+._--m_x_\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+._--B\\&W\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "abc": "_abc _def1 _def2",
+/* matches elements with class=":\`(" */
+._--\\3A \\\`\\( {
+ color: aqua;
}
-`;
-exports[`modules case \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "._def1 {
- color: red;
+/* matches elements with class="1a2b3c" */
+._--\\31 a2b3c {
+ color: aliceblue;
}
-",
- "",
- ],
- Array [
- 3,
- "._def2 {
- color: blue;
+
+/* matches the element with id="#fake-id" */
+#_--\\#fake-id {
+ color: antiquewhite;
}
-",
- "",
- ],
- Array [
- 1,
- "._abc {
+
+/* matches the element with id="-a-b-c-" */
+#_---a-b-c- {
+ color: azure;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+/* matches the element with id="©" */
+#_--© {
+ color: black;
+}
-exports[`modules case \`composes-multiple\`: (export \`all\`) (\`modules\` value is \`true)\`: errors 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;
}
-`;
-exports[`modules case \`composes-with-importing\`: (export \`all\`) (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "._def {
- color: red;
+.___test {
+ background: blue;
}
-",
- "",
- ],
- Array [
- 1,
- "._abc {
+
+.__className {
+ background: red;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`composes-with-importing\`: (export \`all\`) (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+#__someId {
+ background: green;
+}
-exports[`modules case \`composes-with-importing\`: (export \`all\`) (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+.__className .__subClass {
+ color: green;
+}
-exports[`modules case \`composes-with-importing\`: (export \`all\`) (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "abc": "_abc _def",
+#__someId .__subClass {
+ color: blue;
}
-`;
-exports[`modules case \`composes-with-importing\`: (export \`all\`) (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "._def {
+.__-a0-34a___f {
color: red;
}
-",
- "",
- ],
- Array [
- 1,
- "._abc {
+
+.__m_x_\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`composes-with-importing\`: (export \`all\`) (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.__B\\&W\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`composes-with-importing\`: (export \`all\`) (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+/* matches elements with class=":\`(" */
+.__\\3A \\\`\\( {
+ color: aqua;
+}
-exports[`modules case \`composes-with-importing\`: (export \`all\`) (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "abc": "_abc _def",
+/* matches elements with class="1a2b3c" */
+.__\\31 a2b3c {
+ color: aliceblue;
}
-`;
-exports[`modules case \`composes-with-importing\`: (export \`all\`) (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 2,
- "._def {
- color: red;
+/* matches the element with id="#fake-id" */
+#__\\#fake-id {
+ color: antiquewhite;
}
-",
- "",
- ],
- Array [
- 1,
- "._abc {
+
+/* matches the element with id="-a-b-c-" */
+#__-a-b-c- {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#__© {
+ color: black;
+}
+
+.__♥ { background: lime; }
+.__© { background: lime; }
+.__😍 { background: lime; }
+.__“‘’” { background: lime; }
+.__☺☃ { background: lime; }
+.__⌘⌥ { background: lime; }
+.__𝄞♪♩♫♬ { background: lime; }
+.__💩 { background: lime; }
+.__\\? { background: lime; }
+.__\\@ { background: lime; }
+.__\\. { 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;
}
-.bounce2 {
- color: green;
- animation: bounce 1s ease;
- animation-name: bounce2;
+._test--Lb3f {
+ background: blue;
}
-.bounce3 {
- animation: bounce 1s ease, bounce2
+.className--Ldhp {
+ background: red;
}
-.bounce4 {
- animation: bounce 1s ease, bounce2;
+#someId--b0rh {
+ background: green;
}
-.b {
- color: green;
+.className--Ldhp .subClass--Mw9j {
+ color: green;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+#someId--b0rh .subClass--Mw9j {
+ color: blue;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+.-a0-34a___f--DdFW {
+ color: red;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`global)\`: locals 1`] = `undefined`;
+.m_x_\\@--OdAm {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a {
- color: green;
+.B\\&W\\?--h4SE {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-@keyframes bounce {
- 0% {
- transform: translateY(-100%);
- opacity: 0;
- }
- 5% {
- transform: translateY(-100%);
- opacity: 0;
- }
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(--fKJQ {
+ color: aqua;
}
-@-webkit-keyframes bounce2 {
- 0% {
- transform: translateY(-100%);
- opacity: 0;
- }
- 5% {
- transform: translateY(-100%);
- opacity: 0;
- }
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c--YR1u {
+ color: aliceblue;
}
-.bounce {
- animation-name: bounce;
- animation: bounce2 1s ease;
+/* matches the element with id="#fake-id" */
+#\\#fake-id--AqiA {
+ color: antiquewhite;
}
-.bounce2 {
- color: green;
- animation: bounce 1s ease;
- animation-name: bounce2;
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---CwXv {
+ color: azure;
}
-.bounce3 {
- animation: bounce 1s ease, bounce2
+/* matches the element with id="©" */
+#©--jBj0 {
+ color: black;
}
-.bounce4 {
- animation: bounce 1s ease, bounce2;
+.♥--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 \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "a": "_a",
- "b": "_b",
- "bounce": "_bounce",
- "bounce2": "_bounce2",
- "bounce3": "_bounce3",
- "bounce4": "_bounce4",
+.foo {
+ background: blue;
}
-`;
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._a {
- color: green;
+.foo {
+ background: red;
}
-@keyframes _bounce {
- 0% {
- transform: translateY(-100%);
- opacity: 0;
- }
- 5% {
- transform: translateY(-100%);
- opacity: 0;
- }
+#foo {
+ background: green;
}
-@-webkit-keyframes _bounce2 {
- 0% {
- transform: translateY(-100%);
- opacity: 0;
- }
- 5% {
- transform: translateY(-100%);
- opacity: 0;
- }
+.foo .foo {
+ color: green;
}
-._bounce {
- animation-name: _bounce;
- animation: _bounce2 1s ease;
+#foo .foo {
+ color: blue;
}
-._bounce2 {
- color: green;
- animation: _bounce 1s ease;
- animation-name: _bounce2;
+.foo {
+ color: red;
}
-._bounce3 {
- animation: _bounce 1s ease, _bounce2
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-._bounce4 {
- animation: _bounce 1s ease, _bounce2;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-._b {
- color: green;
+/* matches elements with class=":\\\`(" */
+.foo {
+ color: aqua;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+.foo {
+ color: aliceblue;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#foo {
+ color: antiquewhite;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "a": "_a",
- "b": "_b",
- "bounce": "_bounce",
- "bounce2": "_bounce2",
- "bounce3": "_bounce3",
- "bounce4": "_bounce4",
+/* matches the element with id="-a-b-c-" */
+#foo {
+ color: azure;
}
-`;
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._a {
- color: green;
+/* matches the element with id="©" */
+#foo {
+ color: black;
}
-@keyframes _bounce {
- 0% {
- transform: translateY(-100%);
- opacity: 0;
- }
- 5% {
- transform: translateY(-100%);
- opacity: 0;
- }
+.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;
}
-@-webkit-keyframes _bounce2 {
- 0% {
- transform: translateY(-100%);
- opacity: 0;
- }
- 5% {
- transform: translateY(-100%);
- opacity: 0;
- }
+.foo {
+ background: hotpink;
}
-._bounce {
- animation-name: _bounce;
- animation: _bounce2 1s ease;
+.foo {
+ background: hotpink;
}
-._bounce2 {
- color: green;
- animation: _bounce 1s ease;
- animation-name: _bounce2;
+.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;
}
-._bounce3 {
- animation: _bounce 1s ease, _bounce2
+.foo {
+ background: blue;
}
-._bounce4 {
- animation: _bounce 1s ease, _bounce2;
+.foo {
+ background: red;
}
-._b {
- color: green;
+#foo {
+ background: green;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`keyframes-and-animation\`: (export \`all\`) (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+.foo .foo {
+ color: green;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+#foo .foo {
+ color: blue;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+.foo {
+ color: red;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`false)\`: module (evaluated) 1`] = `Object {}`;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+/* matches elements with class=":\`(" */
+.foo {
+ color: aqua;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`global)\`: locals 1`] = `undefined`;
+/* matches elements with class="1a2b3c" */
+.foo {
+ color: aliceblue;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`global)\`: module (evaluated) 1`] = `Object {}`;
+/* matches the element with id="#fake-id" */
+#foo {
+ color: antiquewhite;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+/* matches the element with id="-a-b-c-" */
+#foo {
+ color: azure;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+/* matches the element with id="©" */
+#foo {
+ color: black;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`local)\`: locals 1`] = `undefined`;
+.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; }
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Object {
- "a": "_a",
- "b": "_b",
- "bounce": "_bounce",
- "bounce2": "_bounce2",
- "bounce3": "_bounce3",
- "bounce4": "_bounce4",
+.foo {
+ background: hotpink;
}
-`;
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+.foo {
+ background: hotpink;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`true)\`: locals 1`] = `undefined`;
+.foo {
+ background: hotpink;
+}
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Object {
- "a": "_a",
- "b": "_b",
- "bounce": "_bounce",
- "bounce2": "_bounce2",
- "bounce3": "_bounce3",
- "bounce4": "_bounce4",
+.foo {
+ background: hotpink;
}
+",
+ "",
+ ],
+]
`;
-exports[`modules case \`keyframes-and-animation\`: (export \`only locals\`) (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
-
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a {
- color: green;
- animation: a;
-}
+exports[`"modules" option should work and has "undefined" context if no context was given: warnings 1`] = `[]`;
-@keyframes b {
- 0% { left: 10px; }
- 100% { left: 20px; }
-}
+exports[`"modules" option should work and prefer relative for "composes": errors 1`] = `[]`;
-.b {
- animation: b;
+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;
}
-@keyframes :global(c) {
- 0% { left: 10px; }
- 100% { left: 20px; }
+.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___;
+"
+`;
-.c {
- animation: c1;
- animation: c2, c3, c4;
+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;
}
-
-@keyframes :global(d) {
- 0% { left: 10px; }
- 100% { left: 20px; }
+",
+ "",
+ ],
+ [
+ "../../src/index.js??ruleSet[1].rules[0].use[0]!./modules/prefer-relative/node_modules/package/two.css",
+ ".sFLAbn2jg871KRraVJSF {
+ display: inline;
}
-
-:global .d1 {
- animation: d1;
- animation: d2, d3, d4;
+",
+ "",
+ ],
+ [
+ "./modules/prefer-relative/source.css",
+ ".eY6jkKjjXnFY1QWC5gpe {
+ color: yellow;
}
-:global(.d2) {
- animation: d2;
+.cfTHoySzymaJQ150LQPh {
+ color: yellow;
}
",
"",
@@ -2024,286 +3671,343 @@ Array [
]
`;
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+exports[`"modules" option should work and prefer relative for "composes": warnings 1`] = `[]`;
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and prefix leading hyphen when digit is first: errors 1`] = `[]`;
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`global)\`: 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 \`leak-scope\`: (export \`all\`) (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".a {
- color: green;
- animation: a;
+._-1_test {
+ background: blue;
}
-@keyframes b {
- 0% { left: 10px; }
- 100% { left: 20px; }
+._-1className {
+ background: red;
}
-.b {
- animation: b;
+#_-1someId {
+ background: green;
}
-@keyframes c {
- 0% { left: 10px; }
- 100% { left: 20px; }
+._-1className ._-1subClass {
+ color: green;
}
-.c {
- animation: c1;
- animation: c2, c3, c4;
+#_-1someId ._-1subClass {
+ color: blue;
}
-@keyframes d {
- 0% { left: 10px; }
- 100% { left: 20px; }
+._-1-a0-34a___f {
+ color: red;
}
-.d1 {
- animation: d1;
- animation: d2, d3, d4;
+._-1m_x_\\\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-.d2 {
- animation: d2;
+._-1B\\\\&W\\\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+/* matches elements with class=":\\\`(" */
+._-1\\\\3A \\\\\\\`\\\\( {
+ color: aqua;
+}
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+/* matches elements with class="1a2b3c" */
+._-1\\\\31 a2b3c {
+ color: aliceblue;
+}
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "a": "_a",
- "b": "_b",
- "c": "_c",
- "c1": "_c1",
- "c2": "_c2",
- "c3": "_c3",
- "c4": "_c4",
- "d2": "_d2",
+/* matches the element with id="#fake-id" */
+#_-1\\\\#fake-id {
+ color: antiquewhite;
}
-`;
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._a {
- color: green;
- animation: _a;
+/* matches the element with id="-a-b-c-" */
+#_-1-a-b-c- {
+ color: azure;
}
-@keyframes _b {
- 0% { left: 10px; }
- 100% { left: 20px; }
+/* matches the element with id="©" */
+#_-1© {
+ color: black;
}
-._b {
- animation: _b;
-}
+._-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 \`leak-scope\`: (export \`all\`) (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "a": "_a",
- "b": "_b",
- "c": "_c",
- "c1": "_c1",
- "c2": "_c2",
- "c3": "_c3",
- "c4": "_c4",
- "d2": "_d2",
+._-1_test {
+ background: blue;
}
-`;
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._a {
- color: green;
- animation: _a;
+._-1className {
+ background: red;
}
-@keyframes _b {
- 0% { left: 10px; }
- 100% { left: 20px; }
+#_-1someId {
+ background: green;
}
-._b {
- animation: _b;
+._-1className ._-1subClass {
+ color: green;
}
-@keyframes c {
- 0% { left: 10px; }
- 100% { left: 20px; }
+#_-1someId ._-1subClass {
+ color: blue;
}
-._c {
- animation: _c1;
- animation: _c2, _c3, _c4;
+._-1-a0-34a___f {
+ color: red;
}
-@keyframes d {
- 0% { left: 10px; }
- 100% { left: 20px; }
+._-1m_x_\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-.d1 {
- animation: d1;
- animation: d2, d3, d4;
+._-1B\\&W\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
}
-.d2 {
- animation: _d2;
+/* matches elements with class=":\`(" */
+._-1\\3A \\\`\\( {
+ color: aqua;
}
-",
- "",
- ],
-]
-`;
-
-exports[`modules case \`leak-scope\`: (export \`all\`) (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`false)\`: module (evaluated) 1`] = `Object {}`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`global)\`: locals 1`] = `undefined`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`global)\`: module (evaluated) 1`] = `Object {}`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`local)\`: locals 1`] = `undefined`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Object {
- "a": "_a",
- "b": "_b",
- "c": "_c",
- "c1": "_c1",
- "c2": "_c2",
- "c3": "_c3",
- "c4": "_c4",
- "d2": "_d2",
+/* matches elements with class="1a2b3c" */
+._-1\\31 a2b3c {
+ color: aliceblue;
}
-`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`true)\`: locals 1`] = `undefined`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Object {
- "a": "_a",
- "b": "_b",
- "c": "_c",
- "c1": "_c1",
- "c2": "_c2",
- "c3": "_c3",
- "c4": "_c4",
- "d2": "_d2",
+/* matches the element with id="#fake-id" */
+#_-1\\#fake-id {
+ color: antiquewhite;
}
-`;
-
-exports[`modules case \`leak-scope\`: (export \`only locals\`) (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
-exports[`modules case \`local\`: (export \`all\`) (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`local\`: (export \`all\`) (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
-
-exports[`modules case \`local\`: (export \`all\`) (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ".abc :local(.def) {
- color: red;
+/* matches the element with id="-a-b-c-" */
+#_-1-a-b-c- {
+ color: azure;
}
-:local .ghi .jkl {
- color: blue;
+/* matches the element with id="©" */
+#_-1© {
+ color: black;
}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local\`: (export \`all\`) (\`modules\` value is \`false)\`: 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 \`local\`: (export \`only locals\`) (\`modules\` value is \`true)\`: locals 1`] = `undefined`;
+.TGo4Rmnn {
+ background: blue;
+}
-exports[`modules case \`local\`: (export \`only locals\`) (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Object {
- "abc": "_abc",
- "def": "_def",
- "ghi": "_ghi",
- "jkl": "_jkl",
+.V3rkzYqn {
+ background: red;
}
-`;
-exports[`modules case \`local\`: (export \`only locals\`) (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+#p0emrDgk {
+ background: green;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+.V3rkzYqn .v0YwV1mq {
+ color: green;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+#p0emrDgk .v0YwV1mq {
+ color: blue;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`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; }
-",
- "",
- ],
-]
-`;
+.iD7O58t6 {
+ color: red;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+.RH_w1QEb {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+.Ag92YvL3 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "className": "_className",
- "someId": "_someId",
- "subClass": "_subClass",
+/* matches elements with class=":\`(" */
+.ETB9N0Rx {
+ color: aqua;
}
-`;
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._className { background: red; }
-#_someId { background: green; }
-._className ._subClass { color: green; }
-#_someId ._subClass { color: blue; }
-",
- "",
- ],
-]
-`;
+/* matches elements with class="1a2b3c" */
+.LEy8bpHz {
+ color: aliceblue;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
+/* matches the element with id="#fake-id" */
+#JOQqQG3P {
+ color: antiquewhite;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+/* matches the element with id="-a-b-c-" */
+#LD6vZ0vn {
+ color: azure;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "className": "_className",
- "someId": "_someId",
- "subClass": "_subClass",
+/* matches the element with id="©" */
+#bD4iEyBe {
+ color: black;
}
-`;
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._className { background: red; }
-#_someId { background: green; }
-._className ._subClass { color: green; }
-#_someId ._subClass { color: blue; }
-",
- "",
- ],
-]
-`;
+.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; }
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.GOPxpaxq {
+ background: hotpink;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+.chesbSdq {
+ background: hotpink;
+}
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`true)\`: locals 1`] = `
-Object {
- "className": "_className",
- "someId": "_someId",
- "subClass": "_subClass",
+.QMeNd406 {
+ background: hotpink;
}
-`;
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._className { background: red; }
-#_someId { background: green; }
-._className ._subClass { color: green; }
-#_someId ._subClass { color: blue; }
+.jXaakDKS {
+ background: hotpink;
+}
",
"",
],
]
`;
-exports[`modules case \`local-2\`: (export \`all\`) (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`false)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and respect the "context" option: warnings 1`] = `[]`;
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`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 \`local-2\`: (export \`only locals\`) (\`modules\` value is \`false)\`: module (evaluated) 1`] = `Object {}`;
-
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
-
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`global)\`: locals 1`] = `undefined`;
-
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Object {
- "className": "_className",
- "someId": "_someId",
- "subClass": "_subClass",
+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 \`local-2\`: (export \`only locals\`) (\`modules\` value is \`global)\`: warnings 1`] = `Array []`;
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
-
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`local)\`: locals 1`] = `undefined`;
-
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Object {
- "className": "_className",
- "someId": "_someId",
- "subClass": "_subClass",
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-`;
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`local)\`: warnings 1`] = `Array []`;
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
+}
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`true)\`: errors 1`] = `Array []`;
+a {
+ color: yellow;
+}
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`true)\`: locals 1`] = `undefined`;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
+}
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`true)\`: module (evaluated) 1`] = `
-Object {
- "className": "_className",
- "someId": "_someId",
- "subClass": "_subClass",
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-`;
-exports[`modules case \`local-2\`: (export \`only locals\`) (\`modules\` value is \`true)\`: warnings 1`] = `Array []`;
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
+}
-exports[`modules case \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`false)\`: errors 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 \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`false)\`: locals 1`] = `undefined`;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
+}
-exports[`modules case \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`false)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- ":local(.abc) {
+.snmJCrfw3LVnrlx87XVC {
color: red;
}
-:local(.def) {
- composes: abc;
- background: green;
-}
-",
- "",
- ],
-]
-`;
-exports[`modules case \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`false)\`: warnings 1`] = `Array []`;
+a {
+ color: yellow;
+}
-exports[`modules case \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`global)\`: errors 1`] = `Array []`;
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
+}
-exports[`modules case \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`global)\`: locals 1`] = `
-Object {
- "abc": "_abc",
- "def": "_def _abc",
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
}
-`;
-exports[`modules case \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`global)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._abc {
+.kY3VVFqpzmTiFlxOd9KU {
color: red;
}
-._def {
- background: green;
+
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
}
",
"",
@@ -2621,53 +4465,17116 @@ Array [
]
`;
-exports[`modules case \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`global)\`: 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 \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`local)\`: errors 1`] = `Array []`;
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type: errors 1`] = `[]`;
-exports[`modules case \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`local)\`: locals 1`] = `
-Object {
- "abc": "_abc",
- "def": "_def _abc",
+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 \`local-and-composes\`: (export \`all\`) (\`modules\` value is \`local)\`: module (evaluated) 1`] = `
-Array [
- Array [
- 1,
- "._abc {
- color: red;
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
}
-._def {
+
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
+}
+
+a {
+ color: yellow;
+}
+
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
+}
+
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
+}
+
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
+}
+
+.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;
+}
+
+.AooVHuvzAIGXWngdfslc {
+ color: blue;
+}
+
+.snmJCrfw3LVnrlx87XVC {
+ color: red;
+}
+
+a {
+ color: yellow;
+}
+
+.vA4oeh0XymefKJVIJyg1 {
+ color: red;
+}
+
+.mDiC1MIOTWjgsd86woaJ {
+ color: red;
+}
+
+.kY3VVFqpzmTiFlxOd9KU {
+ color: red;
+}
+
+.eiLdMC_n9TCXQ0oPIJyI {
+ color: red;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"modules" option should work and respect the "exportLocalsConvention" option with the "function" type: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and respect the "exportOnlyLocals" option: errors 1`] = `[]`;
+
+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" option should work and respect the "exportOnlyLocals" option: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and respect the "getLocalIdent" option: errors 1`] = `[]`;
+
+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;
+}
+
+.foo {
+ background: blue;
+}
+
+.foo {
+ background: red;
+}
+
+#foo {
+ background: green;
+}
+
+.foo .foo {
+ color: green;
+}
+
+#foo .foo {
+ color: blue;
+}
+
+.foo {
+ color: red;
+}
+
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\\\`(" */
+.foo {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.foo {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#foo {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#foo {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#foo {
+ color: black;
+}
+
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+
+.foo {
+ background: hotpink;
+}
+
+.foo {
+ background: hotpink;
+}
+
+.foo {
+ background: hotpink;
+}
+
+.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 respect the "getLocalIdent" option: result 1`] = `
+[
+ [
+ "./modules/localIdentName/localIdentName.css",
+ ".foo {
+ background: red;
+}
+
+.foo {
+ background: blue;
+}
+
+.foo {
+ background: red;
+}
+
+#foo {
+ background: green;
+}
+
+.foo .foo {
+ color: green;
+}
+
+#foo .foo {
+ color: blue;
+}
+
+.foo {
+ color: red;
+}
+
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.foo {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.foo {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.foo {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#foo {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#foo {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#foo {
+ color: black;
+}
+
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+.foo { background: lime; }
+
+.foo {
+ background: hotpink;
+}
+
+.foo {
+ background: hotpink;
+}
+
+.foo {
+ background: hotpink;
+}
+
+.foo {
+ background: hotpink;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"modules" option should work and respect the "getLocalIdent" option: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and respect the "hashSalt" option: errors 1`] = `[]`;
+
+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;
+}
+
+._test--df4a97df5d4981c18fd3 {
+ background: blue;
+}
+
+.className--f51a39697d46ec360e5d {
+ background: red;
+}
+
+#someId--a66e8413a3c261c3b5db {
+ background: green;
+}
+
+.className--f51a39697d46ec360e5d .subClass--a2c5762a1671ee02d495 {
+ color: green;
+}
+
+#someId--a66e8413a3c261c3b5db .subClass--a2c5762a1671ee02d495 {
+ color: blue;
+}
+
+.-a0-34a___f--bcceae76b21ea32837d1 {
+ color: red;
+}
+
+.m_x_\\\\@--bf8f3ed982973d67547f {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.B\\\\&W\\\\?--fdee73d5165bc2acf73d {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\\\`(" */
+.\\\\3A \\\\\\\`\\\\(--daecad79b824a8ae7e46 {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.\\\\31 a2b3c--d785e50a661529be89f2 {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#\\\\#fake-id--a2d7428449895097291a {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---ccf3274dd45a8534913a {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#©--adb36177ba3316dd9afb {
+ color: black;
+}
+
+.♥--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;
+}
+
+.className--f51a39697d46ec360e5d {
+ background: red;
+}
+
+#someId--a66e8413a3c261c3b5db {
+ background: green;
+}
+
+.className--f51a39697d46ec360e5d .subClass--a2c5762a1671ee02d495 {
+ color: green;
+}
+
+#someId--a66e8413a3c261c3b5db .subClass--a2c5762a1671ee02d495 {
+ color: blue;
+}
+
+.-a0-34a___f--bcceae76b21ea32837d1 {
+ color: red;
+}
+
+.m_x_\\@--bf8f3ed982973d67547f {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.B\\&W\\?--fdee73d5165bc2acf73d {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(--daecad79b824a8ae7e46 {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c--d785e50a661529be89f2 {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#\\#fake-id--a2d7428449895097291a {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---ccf3274dd45a8534913a {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#©--adb36177ba3316dd9afb {
+ color: black;
+}
+
+.♥--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;
+}
+
+._test__iHMJbI42 {
+ background: blue;
+}
+
+.className__iHMJbI42 {
+ background: red;
+}
+
+#someId__iHMJbI42 {
+ background: green;
+}
+
+.className__iHMJbI42 .subClass__iHMJbI42 {
+ color: green;
+}
+
+#someId__iHMJbI42 .subClass__iHMJbI42 {
+ color: blue;
+}
+
+.-a0-34a___f__iHMJbI42 {
+ color: red;
+}
+
+.m_x_\\@__iHMJbI42 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.B\\&W\\?__iHMJbI42 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(__iHMJbI42 {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c__iHMJbI42 {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#\\#fake-id__iHMJbI42 {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#-a-b-c-__iHMJbI42 {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#©__iHMJbI42 {
+ color: black;
+}
+
+.♥__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;
+}
+
+.Lb3fhDAu {
+ background: blue;
+}
+
+.LdhpkZRW {
+ background: red;
+}
+
+#b0rhwJSt {
+ background: green;
+}
+
+.LdhpkZRW .Mw9j4nId {
+ color: green;
+}
+
+#b0rhwJSt .Mw9j4nId {
+ color: blue;
+}
+
+.DdFWMPol {
+ color: red;
+}
+
+.OdAmghrm {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.h4SEF34C {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.fKJQkLar {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.YR1u_buY {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#AqiAGSfn {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#CwXv27VM {
+ color: azure;
+}
+
+/* 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;
+}
+
+.IgSzmmsC {
+ background: hotpink;
+}
+
+.p6KJMhNW {
+ background: hotpink;
+}
+
+.HZerWgmU {
+ background: hotpink;
+}
+",
+ "",
+ ],
+]
+`;
+
+exports[`"modules" option should work and respect the "hashStrategy" = "minimal-subset" and no [local]: warnings 1`] = `[]`;
+
+exports[`"modules" option should work and respect the "hashStrategy" = "resource-path-and-local-name": errors 1`] = `[]`;
+
+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;
+}
+
+._test__Lb3fhDAu {
+ background: blue;
+}
+
+.className__LdhpkZRW {
+ background: red;
+}
+
+#someId__b0rhwJSt {
+ background: green;
+}
+
+.className__LdhpkZRW .subClass__Mw9j4nId {
+ color: green;
+}
+
+#someId__b0rhwJSt .subClass__Mw9j4nId {
+ color: blue;
+}
+
+.-a0-34a___f__DdFWMPol {
+ color: red;
+}
+
+.m_x_\\\\@__OdAmghrm {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.B\\\\&W\\\\?__h4SEF34C {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\\\`(" */
+.\\\\3A \\\\\\\`\\\\(__fKJQkLar {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.\\\\31 a2b3c__YR1u_buY {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#\\\\#fake-id__AqiAGSfn {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#-a-b-c-__CwXv27VM {
+ color: azure;
+}
+
+/* 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; }
+.\\\\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;
+}
+
+._test__Lb3fhDAu {
+ background: blue;
+}
+
+.className__LdhpkZRW {
+ background: red;
+}
+
+#someId__b0rhwJSt {
+ background: green;
+}
+
+.className__LdhpkZRW .subClass__Mw9j4nId {
+ color: green;
+}
+
+#someId__b0rhwJSt .subClass__Mw9j4nId {
+ color: blue;
+}
+
+.-a0-34a___f__DdFWMPol {
+ color: red;
+}
+
+.m_x_\\@__OdAmghrm {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.B\\&W\\?__h4SEF34C {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(__fKJQkLar {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c__YR1u_buY {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#\\#fake-id__AqiAGSfn {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#-a-b-c-__CwXv27VM {
+ color: azure;
+}
+
+/* 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; }
+.\\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;
+}
+
+._test--Lb3fhDAuJv {
+ background: blue;
+}
+
+.className--LdhpkZRWyK {
+ background: red;
+}
+
+#someId--b0rhwJStMR {
+ background: green;
+}
+
+.className--LdhpkZRWyK .subClass--Mw9j4nIdjx {
+ color: green;
+}
+
+#someId--b0rhwJStMR .subClass--Mw9j4nIdjx {
+ color: blue;
+}
+
+.-a0-34a___f--DdFWMPoluI {
+ color: red;
+}
+
+.m_x_\\\\@--OdAmghrme3 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.B\\\\&W\\\\?--h4SEF34CLw {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\\\`(" */
+.\\\\3A \\\\\\\`\\\\(--fKJQkLarfQ {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.\\\\31 a2b3c--YR1u_buYf6 {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#\\\\#fake-id--AqiAGSfnwa {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---CwXv27VMwy {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#©--jBj0sZiWBy {
+ color: black;
+}
+
+.♥--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;
+}
+
+._test--e91d3d0c5fd37cd4b01b {
+ background: blue;
+}
+
+.className--e02e6f829b2bee39d627 {
+ background: red;
+}
+
+#someId--de52fa8c46db92b11447 {
+ background: green;
+}
+
+.className--e02e6f829b2bee39d627 .subClass--be91981b36e10e364e4c {
+ color: green;
+}
+
+#someId--de52fa8c46db92b11447 .subClass--be91981b36e10e364e4c {
+ color: blue;
+}
+
+.-a0-34a___f--da00a255d4f26816d790 {
+ color: red;
+}
+
+.m_x_\\@--bfd2a88024baab94215a {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.B\\&W\\?--bdeaa204fa06e193156e {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.\\3A \\\`\\(--ca761b17eca1ae06d42e {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.\\31 a2b3c--a35141d9affd245508ec {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#\\#fake-id--ad040e49adcf9ebf2b28 {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#-a-b-c---e778be7522ccfc908a7f {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#©--e0f3ca20d394f3e4c0c4 {
+ color: black;
+}
+
+.♥--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;
+}
+
+.localIdentName--_test--c6a38 {
+ background: blue;
+}
+
+.localIdentName--className--ae4cd {
+ background: red;
+}
+
+#localIdentName--someId--a747a {
+ background: green;
+}
+
+.localIdentName--className--ae4cd .localIdentName--subClass--bf463 {
+ color: green;
+}
+
+#localIdentName--someId--a747a .localIdentName--subClass--bf463 {
+ color: blue;
+}
+
+.localIdentName---a0-34a___f--d3488 {
+ color: red;
+}
+
+.localIdentName--m_x_\\@--ff0d5 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.localIdentName--B\\&W\\?--f7662 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.localIdentName--\\3A \\\`\\(--d3744 {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.localIdentName--\\31 a2b3c--c4cbc {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#localIdentName--\\#fake-id--e42a4 {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#localIdentName---a-b-c---e4b0f {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#localIdentName--©--c3e22 {
+ color: black;
+}
+
+.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;
+}
+
+.localIdentName--_test--TGo4R {
+ background: blue;
+}
+
+.localIdentName--className--V3rkz {
+ background: red;
+}
+
+#localIdentName--someId--p0emr {
+ background: green;
+}
+
+.localIdentName--className--V3rkz .localIdentName--subClass--v0YwV {
+ color: green;
+}
+
+#localIdentName--someId--p0emr .localIdentName--subClass--v0YwV {
+ color: blue;
+}
+
+.localIdentName---a0-34a___f--iD7O5 {
+ color: red;
+}
+
+.localIdentName--m_x_\\@--RH_w1 {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.localIdentName--B\\&W\\?--Ag92Y {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.localIdentName--\\3A \\\`\\(--ETB9N {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.localIdentName--\\31 a2b3c--LEy8b {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#localIdentName--\\#fake-id--JOQqQ {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#localIdentName---a-b-c---LD6vZ {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#localIdentName--©--bD4iE {
+ color: black;
+}
+
+.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;
+}
+
+.localIdentName___test__Lb3fhDAu {
+ background: blue;
+}
+
+.localIdentName__className__LdhpkZRW {
+ background: red;
+}
+
+#localIdentName__someId__b0rhwJSt {
+ background: green;
+}
+
+.localIdentName__className__LdhpkZRW .localIdentName__subClass__Mw9j4nId {
+ color: green;
+}
+
+#localIdentName__someId__b0rhwJSt .localIdentName__subClass__Mw9j4nId {
+ color: blue;
+}
+
+.localIdentName__-a0-34a___f__DdFWMPol {
+ color: red;
+}
+
+.localIdentName__m_x_\\@__OdAmghrm {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.localIdentName__B\\&W\\?__h4SEF34C {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.localIdentName__\\3A \\\`\\(__fKJQkLar {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.localIdentName__\\31 a2b3c__YR1u_buY {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#localIdentName__\\#fake-id__AqiAGSfn {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#localIdentName__-a-b-c-__CwXv27VM {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#localIdentName__©__jBj0sZiW {
+ color: black;
+}
+
+.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;
+}
+
+.fixtures-modules-localIdentName-localIdentName___test {
+ background: blue;
+}
+
+.fixtures-modules-localIdentName-localIdentName__className {
+ background: red;
+}
+
+#fixtures-modules-localIdentName-localIdentName__someId {
+ background: green;
+}
+
+.fixtures-modules-localIdentName-localIdentName__className .fixtures-modules-localIdentName-localIdentName__subClass {
+ color: green;
+}
+
+#fixtures-modules-localIdentName-localIdentName__someId .fixtures-modules-localIdentName-localIdentName__subClass {
+ color: blue;
+}
+
+.fixtures-modules-localIdentName-localIdentName__-a0-34a___f {
+ color: red;
+}
+
+.fixtures-modules-localIdentName-localIdentName__m_x_\\@ {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.fixtures-modules-localIdentName-localIdentName__B\\&W\\? {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+/* matches elements with class=":\`(" */
+.fixtures-modules-localIdentName-localIdentName__\\3A \\\`\\( {
+ color: aqua;
+}
+
+/* matches elements with class="1a2b3c" */
+.fixtures-modules-localIdentName-localIdentName__\\31 a2b3c {
+ color: aliceblue;
+}
+
+/* matches the element with id="#fake-id" */
+#fixtures-modules-localIdentName-localIdentName__\\#fake-id {
+ color: antiquewhite;
+}
+
+/* matches the element with id="-a-b-c-" */
+#fixtures-modules-localIdentName-localIdentName__-a-b-c- {
+ color: azure;
+}
+
+/* matches the element with id="©" */
+#fixtures-modules-localIdentName-localIdentName__© {
+ color: black;
+}
+
+.fixtures-modules-localIdentName-localIdentName__♥ { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__© { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__😍 { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__“‘’” { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__☺☃ { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__⌘⌥ { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__𝄞♪♩♫♬ { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__💩 { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__\\? { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__\\@ { background: lime; }
+.fixtures-modules-localIdentName-localIdentName__\\. { 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__\\