Skip to content

Commit

Permalink
test: more
Browse files Browse the repository at this point in the history
  • Loading branch information
@alexander-akait
alexander-akait committed May 27, 2023
1 parent b4d4fe8 commit 3aadcc0
Show file tree
Hide file tree
Showing 4 changed files with 877 additions and 0 deletions.
331 changes: 331 additions & 0 deletions test/__snapshots__/loader.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -946,6 +946,337 @@ Array [
exports[`loader should work with "sass-loader": warnings 1`] = `Array []`;
exports[`loader should work with \`templateLiteral\` support: errors 1`] = `Array []`;
exports[`loader should work with \`templateLiteral\` support: 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_GET_URL_IMPORT___ from \\"../../src/runtime/getUrl.js\\";
var ___CSS_LOADER_URL_IMPORT_0___ = new URL(\\"./url/img.png\\", import.meta.url);
var ___CSS_LOADER_URL_IMPORT_1___ = new URL(\\"data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==\\", import.meta.url);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, \`@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
.class-duplicate-url {
background: url(\${___CSS_LOADER_URL_REPLACEMENT_0___});
}
:root {
--foo: 1px;
--bar: 2px;
}
.class { a: b c d; }
.two {}
.u-m\\\\\\\\+ { a: b c d; }
.class { content: \\"\\\\\\\\F10C\\" }
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
.class {
content: \\"\\\\\\\\2193\\";
content: \\"\\\\\\\\2193\\\\\\\\2193\\";
content: \\"\\\\\\\\2193 \\\\\\\\2193\\";
content: \\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\";
content: \\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\";
}
.-top {}
.\\\\\\\\-top {}
#\\\\\\\\#test {}
.grid {
display: flex;
flex-wrap: wrap;
}
.grid.\\\\\\\\-top {
align-items: flex-start;
}
.grid.-top {
align-items: flex-start;
}
.grid.\\\\\\\\-middle {
align-items: center;
}
.grid.\\\\\\\\-bottom {
align-items: flex-end;
}
.u-m\\\\\\\\00002b {}
.u-m00002b {}
#u-m\\\\\\\\+ {}
body {
font-family: '微软雅黑'; /* some chinese font name */
}
.myStyle {
content: '\\\\\\\\e901';
}
.myStyle {
content: '\\\\\\\\E901';
}
.♫ {}
.\\\\\\\\3A \\\\\\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\":\\\\\`(\\" */
.\\\\\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
#\\\\\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
#© {} /* matches the element with id=\\"©\\" */
\\\\\\\\.\\\\\\\\\\\\\` {
color: aliceblue;
}
\\\\\\\\.\\\\\\\\\\\\$\\\\\\\\{foo\\\\\\\\} {
color: aliceblue;
}
/* \\\\\` */
/* \\\\\`\\\\\` */
/* \\\\\`\\\\\`\\\\\` */
/* \\\\\${} */
/* \\\\\\\\\\\\\\\\\\\\\` */
:root {
--title-align: center;
--sr-only: {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
};
}
.test {
content: \\"\\\\\\\\2014\\\\\\\\A0\\";
content: \\"\\\\\\\\2014 \\\\\\\\A0\\";
content: \\"\\\\\\\\A0 \\\\\\\\2014\\";
content: \\"\\\\\\\\A0\\\\\\\\2014\\";
margin-top: 1px\\\\\\\\9;
background-color: #000\\\\\\\\9;
}
.light.on .bulb:before{
content: '💡';
}
.base64 {
background: url(\${___CSS_LOADER_URL_REPLACEMENT_1___});
}
a[href=''] {
color: red;
}
a[href='' i] {
color: red;
}
a[href=\\"\\"] {
color: blue;
}
a[href=\\"\\" i] {
color: blue;
}
\`, \\"\\"]);
// Exports
export default ___CSS_LOADER_EXPORT___;
"
`;
exports[`loader should work with \`templateLiteral\` support: result 1`] = `
Array [
Array [
"./basic.css",
"@charset \\"UTF-8\\";
/* Comment */
.class {
color: red;
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
.class-duplicate-url {
background: url(replaced_file_protocol_/webpack/public/path/img.png);
}
:root {
--foo: 1px;
--bar: 2px;
}
.class { a: b c d; }
.two {}
.u-m\\\\+ { a: b c d; }
.class { content: \\"\\\\F10C\\" }
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
.class {
content: \\"\\\\2193\\";
content: \\"\\\\2193\\\\2193\\";
content: \\"\\\\2193 \\\\2193\\";
content: \\"\\\\2193\\\\2193\\\\2193\\";
content: \\"\\\\2193 \\\\2193 \\\\2193\\";
}
.-top {}
.\\\\-top {}
#\\\\#test {}
.grid {
display: flex;
flex-wrap: wrap;
}
.grid.\\\\-top {
align-items: flex-start;
}
.grid.-top {
align-items: flex-start;
}
.grid.\\\\-middle {
align-items: center;
}
.grid.\\\\-bottom {
align-items: flex-end;
}
.u-m\\\\00002b {}
.u-m00002b {}
#u-m\\\\+ {}
body {
font-family: '微软雅黑'; /* some chinese font name */
}
.myStyle {
content: '\\\\e901';
}
.myStyle {
content: '\\\\E901';
}
.♫ {}
.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
#© {} /* matches the element with id=\\"©\\" */
\\\\.\\\\\` {
color: aliceblue;
}
\\\\.\\\\$\\\\{foo\\\\} {
color: aliceblue;
}
/* \` */
/* \`\` */
/* \`\`\` */
/* \${} */
/* \\\\\\\\\` */
:root {
--title-align: center;
--sr-only: {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
};
}
.test {
content: \\"\\\\2014\\\\A0\\";
content: \\"\\\\2014 \\\\A0\\";
content: \\"\\\\A0 \\\\2014\\";
content: \\"\\\\A0\\\\2014\\";
margin-top: 1px\\\\9;
background-color: #000\\\\9;
}
.light.on .bulb:before{
content: '💡';
}
.base64 {
background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhxJREFUSA3tk71rU1EYxnMTEoJUkowWwdJ2akEHBfGjCiIF6ZylVUKSm2TqZLGI+A/oIu2UXm8C4lAyF4SWji0tdFLo1Eo7VN0SaBEhH7e/Nz0nPTfGOjiaCyfPc5734zlfCQT6X/8E/vUErL81KBaL9y3LSnued5PcITjUOwR3gsFg2bbtjYt6/NGgXC4P1et1l2aPLmpAbD0SidjpdPqgV15PA9d17zQajU8UxHQRK/4G35Q5pveAK8LlI1ZjPMnlcltnyvnvbwaO41xvtVqy7YHztMACq5xnlb9EY3dRdvcGo1kj5wR+t1AofDG0gM+A875E8DNjRCexsrV8Pj9ZqVQitVrtqejxePxjMpmss5hVTB4buXvMb2DyU2tBTRS+BjvNlVYUpPl7iuVO3Gq1uoQx1FtSOW1gPgp5ZWrdBtNmUDgv5asgxQ8F1af5vhY0YjyjuWC3wTszKJz7GBOkcFlQfW2ONq4FjWi+Hj6DRCKxQOK2TlY4x92EuYd5dvMAbYIzfikau3pu5tJ8KxaLLfo0cyKci7tK4TZjUMcoXAmHwzle0Q/RaC5P1GFMyVx9R9Fo9HYqlTrSgqDvFelAqVQa5hmuMR/WGtjAaBdjwBoDQ0ZsnwVMZjKZ9n0Zem8DSeDPdrnZbL6F2l3NOvUYNZk4oVDoRTabPe4EDNJzB0ZcjAYxeoZ2i3FNxQ7BHYw/cB/fldaH//UETgHHO8S44KbfXgAAAABJRU5ErkJggg==);
}
a[href=''] {
color: red;
}
a[href='' i] {
color: red;
}
a[href=\\"\\"] {
color: blue;
}
a[href=\\"\\" i] {
color: blue;
}
",
"",
],
]
`;
exports[`loader should work with \`templateLiteral\` support: warnings 1`] = `Array []`;
exports[`loader should work with ModuleConcatenationPlugin (file-loader): errors 1`] = `Array []`;
exports[`loader should work with ModuleConcatenationPlugin (file-loader): warnings 1`] = `Array []`;
Expand Down

0 comments on commit 3aadcc0

Please sign in to comment.