Skip to content

Commit 0672e78

Browse files
test: more (webpack-contrib#952)
1 parent c3fd459 commit 0672e78

File tree

3 files changed

+113
-22
lines changed

3 files changed

+113
-22
lines changed

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

+20-3
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,24 @@ exports[`modules true (mode: local): module 1`] = `
1414
\\"v-primary\\": \\"#BF4040\\",
1515
\\"s-black\\": \\"black-selector\\",
1616
\\"m-large\\": \\"(min-width: 960px)\\",
17-
\\"v-string\\": \\"'my-content'\\",
18-
\\"v-empty-string\\": \\"''\\",
17+
\\"v-ident\\": \\"validIdent\\",
18+
\\"v-pre-defined-ident\\": \\"left\\",
19+
\\"v-string\\": \\"'content'\\",
20+
\\"v-string-1\\": \\"''\\",
21+
\\"v-url\\": \\"url(https://www.exammple.com/images/my-background.png)\\",
22+
\\"v-url-1\\": \\"url('https://www.exammple.com/images/my-background.png')\\",
23+
\\"v-url-2\\": \\"url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\")\\",
24+
\\"v-integer\\": \\"100\\",
25+
\\"v-integer-1\\": \\"-100\\",
26+
\\"v-integer-2\\": \\"+100\\",
27+
\\"v-number\\": \\".60\\",
28+
\\"v-number-1\\": \\"-456.8\\",
29+
\\"v-number-2\\": \\"-3.4e-2\\",
30+
\\"v-dimension\\": \\"12px\\",
31+
\\"v-percentage\\": \\"100%\\",
32+
\\"v-hex\\": \\"#fff\\",
33+
\\"v-function\\": \\"rgb(0,0,0)\\",
34+
\\"v-unicode-range\\": \\"U+0025-00FF\\",
1935
\\"ghi\\": \\"_ghi\\",
2036
\\"class\\": \\"_class\\",
2137
\\"other\\": \\"_other\\",
@@ -29,7 +45,8 @@ exports[`modules true (mode: local): module 1`] = `
2945
\\"alias\\": \\"_alias \\" + require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\")[\\"imported-alias\\"] + \\"\\",
3046
\\"primary-selector\\": \\"_primary-selector\\",
3147
\\"black-selector\\": \\"_black-selector\\",
32-
\\"header\\": \\"_header\\"
48+
\\"header\\": \\"_header\\",
49+
\\"foobarbaz\\": \\"_foobarbaz\\"
3350
};"
3451
`;
3552

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

+50-12
Original file line numberDiff line numberDiff line change
@@ -6093,24 +6093,45 @@ Array [
60936093
padding: 20px 20px;
60946094
}
60956095
}
6096+
@value v-comment: /* comment */;
6097+
6098+
._3qS0_85PLYhk_pNQ69KfSo {
6099+
v-ident: validIdent;
6100+
v-pre-defined-ident: left;
6101+
v-string: 'content';
6102+
v-string-1: '';
6103+
v-url: url(https://www.exammple.com/images/my-background.png);
6104+
v-url-1: url('https://www.exammple.com/images/my-background.png');
6105+
v-url-2: url(\\"https://www.exammple.com/images/my-background.png\\");
6106+
v-integer: 100;
6107+
v-integer-1: -100;
6108+
v-integer-2: +100;
6109+
v-number: .60;
6110+
v-number-1: -456.8;
6111+
v-number-2: -3.4e-2;
6112+
v-dimension: 12px;
6113+
v-percentage: 100%;
6114+
v-hex: #fff;
6115+
v-comment: v-comment 10px v-comment;
6116+
v-function: rgb(0,0,0);
6117+
v-unicode-range: U+0025-00FF;
6118+
mutliple: #fff .60 100%;
6119+
}
6120+
60966121
60976122
a {
6098-
content: 'my-content';
6123+
content: 'content';
60996124
}
61006125
6101-
@supports (content: 'my-content') {
6126+
@supports (content: 'content') {
61026127
a {
6103-
content: 'my-content';
6128+
content: 'content';
61046129
}
61056130
}
61066131
6107-
[class~='my-content'] {
6132+
[class~='content'] {
61086133
color:green;
61096134
}
6110-
6111-
a {
6112-
content: '';
6113-
}
61146135
",
61156136
"",
61166137
],
@@ -6130,7 +6151,7 @@ exports.i(require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css
61306151
exports.i(require(\\"-!../../../src/index.js??ref--4-0!./test-other.css\\"), \\"(min-width: 100px)\\");
61316152
61326153
// Module
6133-
exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + require(\\"-!../../../src/index.js??ref--4-0!./something.css\\").locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n\\\\na {\\\\n content: 'my-content';\\\\n}\\\\n\\\\n@supports (content: 'my-content') {\\\\n a {\\\\n content: 'my-content';\\\\n }\\\\n}\\\\n\\\\n[class~='my-content'] {\\\\n color:green;\\\\n}\\\\n\\\\na {\\\\n content: '';\\\\n}\\\\n\\", \\"\\"]);
6154+
exports.push([module.id, \\"._14uFt0lIVKKAlKTTT29IIQ {\\\\n color: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-def\\"] + \\";\\\\n}\\\\n\\\\n._3XDgIzfUIQkaUInpEdo7fN {\\\\n color: blue;\\\\n}\\\\n\\\\n._1wABXM_RabWHj--wsPrhvM {\\\\n display: block;\\\\n}\\\\n\\\\n._1DFEYnAfn9LZyk4fErI86e {\\\\n width: \\" + require(\\"-!../../../src/index.js??ref--4-0!./something.css\\").locals[\\"v-something\\"] + \\";\\\\n}\\\\n\\\\n.Ywv5coVC2RU-pIFhN9O4w {\\\\n color: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n._1tAbIwITRWAdZZE6wKNk9O {\\\\n prop: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-def\\"] + \\";\\\\n duplicate: \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"v-other\\"] + \\";\\\\n}\\\\n\\\\n.Q3SQ3BwtBwUFLlg6adzOI {\\\\n color: red;\\\\n}\\\\n\\\\n._1n5XhXj4SFnYrwziC3un0d {\\\\n color: yellow;\\\\n}\\\\n\\\\n._3dnFnGkAVAiMA6etF-naHc {\\\\n color: gray;\\\\n}\\\\n\\\\n._1xUePnlnafMQ1cExy3PUWT {\\\\n color: gray;\\\\n}\\\\n\\\\n._26Jdfenl9Xn8HXwb2jipvt {\\\\n color: gainsboro;\\\\n}\\\\n\\\\n._1ya4VhsDkuPhQeVHQydw2Y {\\\\n color: #BF4040;\\\\n}\\\\n\\\\n.sGE1Q_LliVEZU2Q4q9j4K {\\\\n color: black;\\\\n}\\\\n\\\\n@media (min-width: 960px) {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 0 20px;\\\\n }\\\\n}\\\\n\\\\n.\\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"s-white\\"] + \\" {\\\\n color: white;\\\\n}\\\\n\\\\n@media \\" + require(\\"-!../../../src/index.js??ref--4-0!./values.css\\").locals[\\"m-small\\"] + \\" {\\\\n ._2zSMJ4hQh0FesbZjiKW_ya {\\\\n padding: 20px 20px;\\\\n }\\\\n}\\\\n@value v-comment: /* comment */;\\\\n\\\\n._3qS0_85PLYhk_pNQ69KfSo {\\\\n v-ident: validIdent;\\\\n v-pre-defined-ident: left;\\\\n v-string: 'content';\\\\n v-string-1: '';\\\\n v-url: url(https://www.exammple.com/images/my-background.png);\\\\n v-url-1: url('https://www.exammple.com/images/my-background.png');\\\\n v-url-2: url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\");\\\\n v-integer: 100;\\\\n v-integer-1: -100;\\\\n v-integer-2: +100;\\\\n v-number: .60;\\\\n v-number-1: -456.8;\\\\n v-number-2: -3.4e-2;\\\\n v-dimension: 12px;\\\\n v-percentage: 100%;\\\\n v-hex: #fff;\\\\n v-comment: v-comment 10px v-comment;\\\\n v-function: rgb(0,0,0);\\\\n v-unicode-range: U+0025-00FF;\\\\n mutliple: #fff .60 100%;\\\\n}\\\\n\\\\n\\\\na {\\\\n content: 'content';\\\\n}\\\\n\\\\n@supports (content: 'content') {\\\\n a {\\\\n content: 'content';\\\\n }\\\\n}\\\\n\\\\n[class~='content'] {\\\\n color:green;\\\\n}\\\\n\\", \\"\\"]);
61346155
61356156
// Exports
61366157
exports.locals = {
@@ -6144,8 +6165,24 @@ exports.locals = {
61446165
\\"v-primary\\": \\"#BF4040\\",
61456166
\\"s-black\\": \\"black-selector\\",
61466167
\\"m-large\\": \\"(min-width: 960px)\\",
6147-
\\"v-string\\": \\"'my-content'\\",
6148-
\\"v-empty-string\\": \\"''\\",
6168+
\\"v-ident\\": \\"validIdent\\",
6169+
\\"v-pre-defined-ident\\": \\"left\\",
6170+
\\"v-string\\": \\"'content'\\",
6171+
\\"v-string-1\\": \\"''\\",
6172+
\\"v-url\\": \\"url(https://www.exammple.com/images/my-background.png)\\",
6173+
\\"v-url-1\\": \\"url('https://www.exammple.com/images/my-background.png')\\",
6174+
\\"v-url-2\\": \\"url(\\\\\\"https://www.exammple.com/images/my-background.png\\\\\\")\\",
6175+
\\"v-integer\\": \\"100\\",
6176+
\\"v-integer-1\\": \\"-100\\",
6177+
\\"v-integer-2\\": \\"+100\\",
6178+
\\"v-number\\": \\".60\\",
6179+
\\"v-number-1\\": \\"-456.8\\",
6180+
\\"v-number-2\\": \\"-3.4e-2\\",
6181+
\\"v-dimension\\": \\"12px\\",
6182+
\\"v-percentage\\": \\"100%\\",
6183+
\\"v-hex\\": \\"#fff\\",
6184+
\\"v-function\\": \\"rgb(0,0,0)\\",
6185+
\\"v-unicode-range\\": \\"U+0025-00FF\\",
61496186
\\"ghi\\": \\"_14uFt0lIVKKAlKTTT29IIQ\\",
61506187
\\"class\\": \\"_3XDgIzfUIQkaUInpEdo7fN\\",
61516188
\\"other\\": \\"_1wABXM_RabWHj--wsPrhvM\\",
@@ -6159,7 +6196,8 @@ exports.locals = {
61596196
\\"alias\\": \\"_26Jdfenl9Xn8HXwb2jipvt \\" + require(\\"-!../../../src/index.js??ref--4-0!aliasesComposes/alias.css\\").locals[\\"imported-alias\\"] + \\"\\",
61606197
\\"primary-selector\\": \\"_1ya4VhsDkuPhQeVHQydw2Y\\",
61616198
\\"black-selector\\": \\"sGE1Q_LliVEZU2Q4q9j4K\\",
6162-
\\"header\\": \\"_2zSMJ4hQh0FesbZjiKW_ya\\"
6199+
\\"header\\": \\"_2zSMJ4hQh0FesbZjiKW_ya\\",
6200+
\\"foobarbaz\\": \\"_3qS0_85PLYhk_pNQ69KfSo\\"
61636201
};"
61646202
`;
61656203

test/fixtures/modules/composes.css

+43-7
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,49 @@
8686
}
8787
}
8888

89-
@value v-string: 'my-content';
89+
@value v-ident: validIdent;
90+
@value v-pre-defined-ident: left;
91+
@value v-string: 'content';
92+
@value v-string-1: '';
93+
@value v-url: url(https://www.exammple.com/images/my-background.png);
94+
@value v-url-1: url('https://www.exammple.com/images/my-background.png');
95+
@value v-url-2: url("https://www.exammple.com/images/my-background.png");
96+
@value v-integer: 100;
97+
@value v-integer-1: -100;
98+
@value v-integer-2: +100;
99+
@value v-number: .60;
100+
@value v-number-1: -456.8;
101+
@value v-number-2: -3.4e-2;
102+
@value v-dimension: 12px;
103+
@value v-percentage: 100%;
104+
@value v-hex: #fff;
105+
@value v-comment: /* comment */;
106+
@value v-function: rgb(0,0,0);
107+
@value v-unicode-range: U+0025-00FF;
108+
109+
.foobarbaz {
110+
v-ident: v-ident;
111+
v-pre-defined-ident: v-pre-defined-ident;
112+
v-string: v-string;
113+
v-string-1: v-string-1;
114+
v-url: v-url;
115+
v-url-1: v-url-1;
116+
v-url-2: v-url-2;
117+
v-integer: v-integer;
118+
v-integer-1: v-integer-1;
119+
v-integer-2: v-integer-2;
120+
v-number: v-number;
121+
v-number-1: v-number-1;
122+
v-number-2: v-number-2;
123+
v-dimension: v-dimension;
124+
v-percentage: v-percentage;
125+
v-hex: v-hex;
126+
v-comment: v-comment 10px v-comment;
127+
v-function: v-function;
128+
v-unicode-range: v-unicode-range;
129+
mutliple: v-hex v-number v-percentage;
130+
}
131+
90132

91133
a {
92134
content: v-string;
@@ -101,9 +143,3 @@ a {
101143
[class~=v-string] {
102144
color:green;
103145
}
104-
105-
@value v-empty-string: '';
106-
107-
a {
108-
content: v-empty-string;
109-
}

0 commit comments

Comments
 (0)