root
/
webpack
mirror of https://github.com/webpack/webpack.git
1
0
Fork 0
Code Issues Actions 1 Packages Projects Releases Wiki Activity
webpack/test/__snapshots__/ConfigCacheTestCases.longte...

11825 lines
317 KiB
Plaintext
Raw Permalink Blame History

// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
exports[`ConfigCacheTestCases css build-http exported tests should work with URLs in CSS 1`] = `
Array [
"/*!*******************************************************************************************************************!*\\\\
!*** css https://raw.githubusercontent.com/webpack/webpack/refs/heads/main/test/configCases/css/import/print.css ***!
\\\\*******************************************************************************************************************/
body {
background: black;
}
/*!***********************!*\\\\
!*** css ./style.css ***!
\\\\***********************/
div {
background: url(09a1a1112c577c279435.png)
}
",
]
`;
exports[`ConfigCacheTestCases css css-modules exported tests should allow to create css modules: dev 1`] = `
Object {
"UsedClassName": "_identifiers_module_css-UsedClassName",
"VARS": "--_style_module_css-LOCAL-COLOR _style_module_css-VARS undefined _style_module_css-globalVarsUpperCase",
"animation": "_style_module_css-animation",
"animationName": "_style_module_css-animationName",
"class": "_style_module_css-class",
"classInContainer": "_style_module_css-class-in-container",
"classLocalScope": "_style_module_css-class-local-scope",
"cssModuleWithCustomFileExtension": "_style_module_my-css-myCssClass",
"currentWmultiParams": "_style_module_css-local12",
"deepClassInContainer": "_style_module_css-deep-class-in-container",
"displayFlexInSupportsInMediaUpperCase": "_style_module_css-displayFlexInSupportsInMediaUpperCase",
"exportLocalVarsShouldCleanup": "false false",
"futureWmultiParams": "_style_module_css-local14",
"global": undefined,
"hasWmultiParams": "_style_module_css-local11",
"ident": "_style_module_css-ident",
"inLocalGlobalScope": "_style_module_css-in-local-global-scope",
"inSupportScope": "_style_module_css-inSupportScope",
"isWmultiParams": "_style_module_css-local8",
"keyframes": "_style_module_css-localkeyframes",
"keyframesUPPERCASE": "_style_module_css-localkeyframesUPPERCASE",
"local": "_style_module_css-local1 _style_module_css-local2 _style_module_css-local3 _style_module_css-local4",
"local2": "_style_module_css-local5 _style_module_css-local6",
"localkeyframes2UPPPERCASE": "_style_module_css-localkeyframes2UPPPERCASE",
"matchesWmultiParams": "_style_module_css-local9",
"media": "_style_module_css-wideScreenClass",
"mediaInSupports": "_style_module_css-displayFlexInMediaInSupports",
"mediaWithOperator": "_style_module_css-narrowScreenClass",
"mozAnimationName": "_style_module_css-mozAnimationName",
"mozAnyWmultiParams": "_style_module_css-local15",
"myColor": "--_style_module_css-my-color",
"nested": "_style_module_css-nested1 undefined _style_module_css-nested3",
"notAValidCssModuleExtension": true,
"notWmultiParams": "_style_module_css-local7",
"paddingLg": "_style_module_css-padding-lg",
"paddingSm": "_style_module_css-padding-sm",
"pastWmultiParams": "_style_module_css-local13",
"supports": "_style_module_css-displayGridInSupports",
"supportsInMedia": "_style_module_css-displayFlexInSupportsInMedia",
"supportsWithOperator": "_style_module_css-floatRightInNegativeSupports",
"vars": "--_style_module_css-local-color _style_module_css-vars undefined _style_module_css-globalVars",
"webkitAnyWmultiParams": "_style_module_css-local16",
"whereWmultiParams": "_style_module_css-local10",
}
`;
exports[`ConfigCacheTestCases css css-modules exported tests should allow to create css modules: dev 2`] = `
"/*!*******************************!*\\\\
!*** css ./colors.module.css ***!
\\\\*******************************/
/*!**************************************!*\\\\
!*** css ./at-rule-value.module.css ***!
\\\\**************************************/
._at-rule-value_module_css-value-in-class {
color: blue;
}
@media (max-width: 599px) {
abbr:hover {
color: limegreen;
transition-duration: 1s;
}
}
._at-rule-value_module_css-foo { color: red; }
._at-rule-value_module_css-foo {
&._at-rule-value_module_css-bar { color: red; }
}
._at-rule-value_module_css-foo {
@media (min-width: 1024px) {
&._at-rule-value_module_css-bar { color: red; }
}
}
._at-rule-value_module_css-foo {
@media (min-width: 1024px) {
&._at-rule-value_module_css-bar {
@media (min-width: 1024px) {
color: red;
}
}
}
}
._at-rule-value_module_css-foo { height: 40px; height: 36px; }
._at-rule-value_module_css-colorValue {
color: red;
}
#_at-rule-value_module_css-colorValue-v1 {
color: red;
}
._at-rule-value_module_css-colorValue-v2 > ._at-rule-value_module_css-colorValue-v2 {
color: red;
}
.red {
color: .red;
}
._at-rule-value_module_css-export {
color: blue;
}
._at-rule-value_module_css-foo { color: red; }
._at-rule-value_module_css-foo { color: red; }
._at-rule-value_module_css-bar { color: yellow }
._at-rule-value_module_css-foo { color: blue; }
._at-rule-value_module_css-foo { color: blue; }
._at-rule-value_module_css-class-a { color: red; }
._at-rule-value_module_css-class-a { margin: calc(base * 2); }
._at-rule-value_module_css-class-a { content: \\"test-a\\" \\"test-b\\"; }
._at-rule-value_module_css-foo { color: var(--color); }
._at-rule-value_module_css-foo {
color: red;
background-color: #0f0;
border-top-color: #00ff00;
border-bottom-color: rgba(34, 12, 64, 0.3);
outline-color: hsla(220, 13.0%, 18.0%, 1);
}
._at-rule-value_module_css-foo { color: blue; }
._at-rule-value_module_css-bar { color: red }
._at-rule-value_module_css-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
._at-rule-value_module_css-foo { color: color(red lightness(50%)); }
:root { --_at-rule-value_module_css-color: red; }
:root { --_at-rule-value_module_css-color: ; }
:root { --_at-rule-value_module_css-color: ; }
:root { --_at-rule-value_module_css-color:/* comment */; }
._at-rule-value_module_css-override {
color: red;
}
._at-rule-value_module_css-class {
color: red;
color: red;
color: blue;
}
._at-rule-value_module_css-color {
color: /* test */red/* test */;
}
._at-rule-value_module_css-color {
color: /* test *//* test */red/* test */;
}
._at-rule-value_module_css-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
._at-rule-value_module_css-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
._at-rule-value_module_css-foo { box-shadow: /* test */ 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
._at-rule-value_module_css-foo { box-shadow: /* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
._at-rule-value_module_css-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
._at-rule-value_module_css-foo { box-shadow: /* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
._at-rule-value_module_css-foo { color: blue; }
._at-rule-value_module_css-foo { color: blue; }
._at-rule-value_module_css-foo { color: my-name-q; }
/*!*********************************************!*\\\\
!*** css ./var-function-export.modules.css ***!
\\\\*********************************************/
:root {
--_var-function-export_modules_css-my-var-u1: red;
--_var-function-export_modules_css-my-var-u2: blue;
--_var-function-export_modules_css-not-override-class: black;
--_var-function-export_modules_css-1: red;
--_var-function-export_modules_css---a: red;
--_var-function-export_modules_css-main-bg-color: red;
}
._var-function-export_modules_css-my-var-u1 {
color: red;
}
/*!*************************************!*\\\\
!*** css ./var-function.module.css ***!
\\\\*************************************/
:root {
--_var-function_module_css-main-bg-color: brown;
--_var-function_module_css-my-var: red;
--_var-function_module_css-my-background: blue;
--_var-function_module_css-my-global: yellow;
--: \\"reserved\\";
--_var-function_module_css-a: green;
}
._var-function_module_css-class {
color: var(--_var-function_module_css-main-bg-color);
}
@property --_var-function_module_css-logo-color {
syntax: \\"<color>\\";
inherits: false;
initial-value: #c0ffee;
}
@property -- {
syntax: \\"<color>\\";
inherits: false;
initial-value: #c0ffee;
}
._var-function_module_css-class {
color: var(--_var-function_module_css-logo-color);
}
div {
background-color: var(--_var-function_module_css-box-color);
}
._var-function_module_css-two {
--_var-function_module_css-box-color: cornflowerblue;
}
._var-function_module_css-three {
--_var-function_module_css-box-color: aquamarine;
}
._var-function_module_css-one {
/* Red if --my-var is not defined */
color: var(--_var-function_module_css-my-var, red);
}
._var-function_module_css-two {
/* pink if --my-var and --my-background are not defined */
color: var(--_var-function_module_css-my-var, var(--_var-function_module_css-my-background, pink));
}
._var-function_module_css-reserved {
color: var(--);
}
._var-function_module_css-green {
color: var(--_var-function_module_css-a);
}
._var-function_module_css-global {
color: var(--my-global);
}
._var-function_module_css-global-and-default {
color: var(--my-global, pink);
}
._var-function_module_css-global-and-default-1 {
color: var(--my-global, var(--my-global-background));
}
._var-function_module_css-global-and-default-2 {
color: var(--my-global, var(--my-global-background, pink));
}
._var-function_module_css-global-and-default-3 {
color: var(--my-global, var(--_var-function_module_css-my-background, pink));
}
._var-function_module_css-global-and-default-5 {
color: var( --my-global,var(--_var-function_module_css-my-background,pink));
}
._var-function_module_css-global-and-default-6 {
background: var( --_var-function_module_css-main-bg-color , var( --_var-function_module_css-my-background , pink ) ) , var(--my-global);
}
._var-function_module_css-global-and-default-7 {
background: var(--_var-function_module_css-main-bg-color,var(--_var-function_module_css-my-background,pink)),var(--my-global);
}
._var-function_module_css-from {
color: var(--_var-function-export_modules_css-my-var-u1);
}
._var-function_module_css-from-1 {
color: var(--_var-function_module_css-main-bg-color, var(--_var-function-export_modules_css-my-var-u1));
}
._var-function_module_css-from-2 {
color: var(--_var-function-export_modules_css-my-var-u1, var(--_var-function_module_css-main-bg-color));
}
._var-function_module_css-from-3 {
color: var(--_var-function-export_modules_css-my-var-u1, var(--_var-function-export_modules_css-my-var-u2));
}
._var-function_module_css-from-4 {
color: var(--_var-function-export_modules_css-1);
}
._var-function_module_css-from-5 {
color: var(--_var-function-export_modules_css---a);
}
._var-function_module_css-from-6 {
color: var(--_var-function-export_modules_css-main-bg-color);
}
._var-function_module_css-mixed {
color: var(--_var-function-export_modules_css-my-var-u1, var(--my-global, var(--_var-function_module_css-main-bg-color, red)));
}
._var-function_module_css-broken {
color: var(--my-global from);
}
._var-function_module_css-broken-1 {
color: var(--my-global from 1);
}
:root {
--_var-function_module_css-not-override-class: red;
}
._var-function_module_css-not-override-class {
color: var(--_var-function-export_modules_css-not-override-class)
}
/*!******************************!*\\\\
!*** css ./style.module.css ***!
\\\\******************************/
._style_module_css-class {
color: red;
}
._style_module_css-local1,
._style_module_css-local2 .global,
._style_module_css-local3 {
color: green;
}
.global ._style_module_css-local4 {
color: yellow;
}
._style_module_css-local5.global._style_module_css-local6 {
color: blue;
}
._style_module_css-local7 div:not(._style_module_css-disabled, ._style_module_css-mButtonDisabled, ._style_module_css-tipOnly) {
pointer-events: initial !important;
}
._style_module_css-local8 :is(div._style_module_css-parent1._style_module_css-child1._style_module_css-vertical-tiny,
div._style_module_css-parent1._style_module_css-child1._style_module_css-vertical-small,
div._style_module_css-otherDiv._style_module_css-horizontal-tiny,
div._style_module_css-otherDiv._style_module_css-horizontal-small div._style_module_css-description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
._style_module_css-local9 :matches(div._style_module_css-parent1._style_module_css-child1._style_module_css-vertical-tiny,
div._style_module_css-parent1._style_module_css-child1._style_module_css-vertical-small,
div._style_module_css-otherDiv._style_module_css-horizontal-tiny,
div._style_module_css-otherDiv._style_module_css-horizontal-small div._style_module_css-description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
._style_module_css-local10 :where(div._style_module_css-parent1._style_module_css-child1._style_module_css-vertical-tiny,
div._style_module_css-parent1._style_module_css-child1._style_module_css-vertical-small,
div._style_module_css-otherDiv._style_module_css-horizontal-tiny,
div._style_module_css-otherDiv._style_module_css-horizontal-small div._style_module_css-description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
._style_module_css-local11 div:has(._style_module_css-disabled, ._style_module_css-mButtonDisabled, ._style_module_css-tipOnly) {
pointer-events: initial !important;
}
._style_module_css-local12 div:current(p, span) {
background-color: yellow;
}
._style_module_css-local13 div:past(p, span) {
display: none;
}
._style_module_css-local14 div:future(p, span) {
background-color: yellow;
}
._style_module_css-local15 div:-moz-any(ol, ul, menu, dir) {
list-style-type: square;
}
._style_module_css-local16 li:-webkit-any(:first-child, :last-child) {
background-color: aquamarine;
}
._style_module_css-local9 :matches(div._style_module_css-parent1._style_module_css-child1._style_module_css-vertical-tiny,
div._style_module_css-parent1._style_module_css-child1._style_module_css-vertical-small,
div._style_module_css-otherDiv._style_module_css-horizontal-tiny,
div._style_module_css-otherDiv._style_module_css-horizontal-small div._style_module_css-description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
._style_module_css-nested1.nested2._style_module_css-nested3 {
color: pink;
}
#_style_module_css-ident {
color: purple;
}
@keyframes _style_module_css-localkeyframes {
0% {
left: var(--_style_module_css-pos1x);
top: var(--_style_module_css-pos1y);
color: var(--theme-color1);
}
100% {
left: var(--_style_module_css-pos2x);
top: var(--_style_module_css-pos2y);
color: var(--theme-color2);
}
}
@keyframes _style_module_css-localkeyframes2 {
0% {
left: 0;
}
100% {
left: 100px;
}
}
._style_module_css-animation {
animation-name: _style_module_css-localkeyframes;
animation: 3s ease-in 1s 2 reverse both paused _style_module_css-localkeyframes, _style_module_css-localkeyframes2;
--_style_module_css-pos1x: 0px;
--_style_module_css-pos1y: 0px;
--_style_module_css-pos2x: 10px;
--_style_module_css-pos2y: 20px;
}
/* .composed {
composes: local1;
composes: local2;
} */
._style_module_css-vars {
color: var(--_style_module_css-local-color);
--_style_module_css-local-color: red;
}
._style_module_css-globalVars {
color: var(--global-color);
--global-color: red;
}
@media (min-width: 1600px) {
._style_module_css-wideScreenClass {
color: var(--_style_module_css-local-color);
--_style_module_css-local-color: green;
}
}
@media screen and (max-width: 600px) {
._style_module_css-narrowScreenClass {
color: var(--_style_module_css-local-color);
--_style_module_css-local-color: purple;
}
}
@supports (display: grid) {
._style_module_css-displayGridInSupports {
display: grid;
}
}
@supports not (display: grid) {
._style_module_css-floatRightInNegativeSupports {
float: right;
}
}
@supports (display: flex) {
@media screen and (min-width: 900px) {
._style_module_css-displayFlexInMediaInSupports {
display: flex;
}
}
}
@media screen and (min-width: 900px) {
@supports (display: flex) {
._style_module_css-displayFlexInSupportsInMedia {
display: flex;
}
}
}
@MEDIA screen and (min-width: 900px) {
@SUPPORTS (display: flex) {
._style_module_css-displayFlexInSupportsInMediaUpperCase {
display: flex;
}
}
}
._style_module_css-animationUpperCase {
ANIMATION-NAME: _style_module_css-localkeyframesUPPERCASE;
ANIMATION: 3s ease-in 1s 2 reverse both paused _style_module_css-localkeyframesUPPERCASE, _style_module_css-localkeyframes2UPPPERCASE;
--_style_module_css-pos1x: 0px;
--_style_module_css-pos1y: 0px;
--_style_module_css-pos2x: 10px;
--_style_module_css-pos2y: 20px;
}
@KEYFRAMES _style_module_css-localkeyframesUPPERCASE {
0% {
left: VAR(--_style_module_css-pos1x);
top: VAR(--_style_module_css-pos1y);
color: VAR(--theme-color1);
}
100% {
left: VAR(--_style_module_css-pos2x);
top: VAR(--_style_module_css-pos2y);
color: VAR(--theme-color2);
}
}
@KEYframes _style_module_css-localkeyframes2UPPPERCASE {
0% {
left: 0;
}
100% {
left: 100px;
}
}
.globalUpperCase ._style_module_css-localUpperCase {
color: yellow;
}
._style_module_css-VARS {
color: VAR(--_style_module_css-LOCAL-COLOR);
--_style_module_css-LOCAL-COLOR: red;
}
._style_module_css-globalVarsUpperCase {
COLOR: VAR(--GLOBAR-COLOR);
--GLOBAR-COLOR: red;
}
@supports (top: env(safe-area-inset-top, 0)) {
._style_module_css-inSupportScope {
color: red;
}
}
._style_module_css-a {
animation: 3s _style_module_css-animationName;
-webkit-animation: 3s _style_module_css-animationName;
}
._style_module_css-b {
animation: _style_module_css-animationName 3s;
-webkit-animation: _style_module_css-animationName 3s;
}
._style_module_css-c {
animation-name: _style_module_css-animationName;
-webkit-animation-name: _style_module_css-animationName;
}
._style_module_css-d {
--_style_module_css-animation-name: animationName;
}
@keyframes _style_module_css-animationName {
0% {
background: white;
}
100% {
background: red;
}
}
@-webkit-keyframes _style_module_css-animationName {
0% {
background: white;
}
100% {
background: red;
}
}
@-moz-keyframes _style_module_css-mozAnimationName {
0% {
background: white;
}
100% {
background: red;
}
}
@counter-style thumbs {
system: cyclic;
symbols: \\"\\\\1F44D\\";
suffix: \\" \\";
}
@font-feature-values Font One {
@styleset {
nice-style: 12;
}
}
/* At-rule for \\"nice-style\\" in Font Two */
@font-feature-values Font Two {
@styleset {
nice-style: 4;
}
}
@property --_style_module_css-my-color {
syntax: \\"<color>\\";
inherits: false;
initial-value: #c0ffee;
}
@property --_style_module_css-my-color-1 {
initial-value: #c0ffee;
syntax: \\"<color>\\";
inherits: false;
}
@property --_style_module_css-my-color-2 {
syntax: \\"<color>\\";
initial-value: #c0ffee;
inherits: false;
}
._style_module_css-class {
color: var(--_style_module_css-my-color);
}
@layer utilities {
._style_module_css-padding-sm {
padding: 0.5rem;
}
._style_module_css-padding-lg {
padding: 0.8rem;
}
}
._style_module_css-class {
color: red;
._style_module_css-nested-pure {
color: red;
}
@media screen and (min-width: 200px) {
color: blue;
._style_module_css-nested-media {
color: blue;
}
}
@supports (display: flex) {
display: flex;
._style_module_css-nested-supports {
display: flex;
}
}
@layer foo {
background: red;
._style_module_css-nested-layer {
background: red;
}
}
@container foo {
background: red;
._style_module_css-nested-layer {
background: red;
}
}
}
._style_module_css-not-selector-inside {
color: #fff;
opacity: 0.12;
padding: .5px;
unknown: :local(.test);
unknown1: :local .test;
unknown2: :global .test;
unknown3: :global .test;
unknown4: .foo, .bar, #bar;
}
@unknown :local .local :global .global {
color: red;
}
@unknown :local(.local) :global(.global) {
color: red;
}
._style_module_css-nested-var {
._style_module_css-again {
color: var(--_style_module_css-local-color);
}
}
._style_module_css-nested-with-local-pseudo {
color: red;
._style_module_css-local-nested {
color: red;
}
.global-nested {
color: red;
}
._style_module_css-local-nested {
color: red;
}
.global-nested {
color: red;
}
._style_module_css-local-nested, .global-nested-next {
color: red;
}
._style_module_css-local-nested, .global-nested-next {
color: red;
}
.foo, ._style_module_css-bar {
color: red;
}
}
#_style_module_css-id-foo {
color: red;
#_style_module_css-id-bar {
color: red;
}
}
._style_module_css-nested-parens {
._style_module_css-local9 div:has(._style_module_css-vertical-tiny, ._style_module_css-vertical-small) {
max-height: 0;
margin: 0;
overflow: hidden;
}
}
.global-foo {
.nested-global {
color: red;
}
._style_module_css-local-in-global {
color: blue;
}
}
@unknown .class {
color: red;
._style_module_css-class {
color: red;
}
}
.class ._style_module_css-in-local-global-scope,
.class ._style_module_css-in-local-global-scope,
._style_module_css-class-local-scope .in-local-global-scope {
color: red;
}
@container (width > 400px) {
._style_module_css-class-in-container {
font-size: 1.5em;
}
}
@container summary (min-width: 400px) {
@container (width > 400px) {
._style_module_css-deep-class-in-container {
font-size: 1.5em;
}
}
}
:scope {
color: red;
}
._style_module_css-placeholder-gray-700:-ms-input-placeholder {
--_style_module_css-placeholder-opacity: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--_style_module_css-placeholder-opacity));
}
._style_module_css-placeholder-gray-700::-ms-input-placeholder {
--_style_module_css-placeholder-opacity: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--_style_module_css-placeholder-opacity));
}
._style_module_css-placeholder-gray-700::placeholder {
--_style_module_css-placeholder-opacity: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--_style_module_css-placeholder-opacity));
}
:root {
--_style_module_css-test: dark;
}
@media screen and (prefers-color-scheme: var(--_style_module_css-test)) {
._style_module_css-baz {
color: white;
}
}
@keyframes _style_module_css-slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
._style_module_css-class {
animation:
foo var(--_style_module_css-animation-name) 3s,
var(--_style_module_css-animation-name) 3s,
3s linear 1s infinite running _style_module_css-slidein,
3s linear env(foo, var(--_style_module_css-baz)) infinite running _style_module_css-slidein;
}
:root {
--_style_module_css-baz: 10px;
}
._style_module_css-class {
bar: env(foo, var(--_style_module_css-baz));
}
.global-foo, ._style_module_css-bar {
._style_module_css-local-in-global {
color: blue;
}
@media screen {
.my-global-class-again,
._style_module_css-my-global-class-again {
color: red;
}
}
}
._style_module_css-first-nested {
._style_module_css-first-nested-nested {
color: red;
}
}
._style_module_css-first-nested-at-rule {
@media screen {
._style_module_css-first-nested-nested-at-rule-deep {
color: red;
}
}
}
.again-global {
color:red;
}
.again-again-global {
.again-again-global {
color: red;
}
}
:root {
--_style_module_css-foo: red;
}
.again-again-global {
color: var(--foo);
.again-again-global {
color: var(--foo);
}
}
.again-again-global {
animation: slidein 3s;
.again-again-global, ._style_module_css-class, ._style_module_css-nested1.nested2._style_module_css-nested3 {
animation: _style_module_css-slidein 3s;
}
._style_module_css-local2 .global,
._style_module_css-local3 {
color: red;
}
}
@unknown var(--_style_module_css-foo) {
color: red;
}
._style_module_css-class {
._style_module_css-class {
._style_module_css-class {
._style_module_css-class {}
}
}
}
._style_module_css-class {
._style_module_css-class {
._style_module_css-class {
._style_module_css-class {
animation: _style_module_css-slidein 3s;
}
}
}
}
._style_module_css-class {
animation: _style_module_css-slidein 3s;
._style_module_css-class {
animation: _style_module_css-slidein 3s;
._style_module_css-class {
animation: _style_module_css-slidein 3s;
._style_module_css-class {
animation: _style_module_css-slidein 3s;
}
}
}
}
._style_module_css-broken {
. global(._style_module_css-class) {
color: red;
}
: global(._style_module_css-class) {
color: red;
}
: global ._style_module_css-class {
color: red;
}
: local(._style_module_css-class) {
color: red;
}
: local ._style_module_css-class {
color: red;
}
# hash {
color: red;
}
}
._style_module_css-comments {
.class {
color: red;
}
.class {
color: red;
}
._style_module_css-class {
color: red;
}
._style_module_css-class {
color: red;
}
./** test **/_style_module_css-class {
color: red;
}
./** test **/_style_module_css-class {
color: red;
}
./** test **/_style_module_css-class {
color: red;
}
}
._style_module_css-foo {
color: red;
+ ._style_module_css-bar + & { color: blue; }
}
._style_module_css-error, #_style_module_css-err-404 {
&:hover > ._style_module_css-baz { color: red; }
}
._style_module_css-foo {
& :is(._style_module_css-bar, &._style_module_css-baz) { color: red; }
}
._style_module_css-qqq {
color: green;
& ._style_module_css-a { color: blue; }
color: red;
}
._style_module_css-parent {
color: blue;
@scope (& > ._style_module_css-scope) to (& > ._style_module_css-limit) {
& ._style_module_css-content {
color: red;
}
}
}
._style_module_css-parent {
color: blue;
@scope (& > ._style_module_css-scope) to (& > ._style_module_css-limit) {
._style_module_css-content {
color: red;
}
}
._style_module_css-a {
color: red;
}
}
@scope (._style_module_css-card) {
:scope { border-block-end: 1px solid white; }
}
._style_module_css-card {
inline-size: 40ch;
aspect-ratio: 3/4;
@scope (&) {
:scope {
border: 1px solid white;
}
}
}
._style_module_css-foo {
display: grid;
@media (orientation: landscape) {
._style_module_css-bar {
grid-auto-flow: column;
@media (min-width > 1024px) {
._style_module_css-baz-1 {
display: grid;
}
max-inline-size: 1024px;
._style_module_css-baz-2 {
display: grid;
}
}
}
}
}
@counter-style thumbs {
system: cyclic;
symbols: \\"\\\\1F44D\\";
suffix: \\" \\";
}
ul {
list-style: thumbs;
}
@container (width > 400px) and style(--responsive: true) {
._style_module_css-class {
font-size: 1.5em;
}
}
/* At-rule for \\"nice-style\\" in Font One */
@font-feature-values Font One {
@styleset {
nice-style: 12;
}
}
@font-palette-values --identifier {
font-family: Bixa;
}
._style_module_css-my-class {
font-palette: --identifier;
}
@keyframes _style_module_css-foo { /* ... */ }
@keyframes _style_module_css-foo { /* ... */ }
@keyframes { /* ... */ }
@keyframes{ /* ... */ }
@supports (display: flex) {
@media screen and (min-width: 900px) {
article {
display: flex;
}
}
}
@starting-style {
._style_module_css-class {
opacity: 0;
transform: scaleX(0);
}
}
._style_module_css-class {
opacity: 1;
transform: scaleX(1);
@starting-style {
opacity: 0;
transform: scaleX(0);
}
}
@scope (._style_module_css-feature) {
._style_module_css-class { opacity: 0; }
:scope ._style_module_css-class-1 { opacity: 0; }
& ._style_module_css-class { opacity: 0; }
}
@position-try --custom-left {
position-area: left;
width: 100px;
margin: 0 10px 0 0;
}
@position-try --custom-bottom {
top: anchor(bottom);
justify-self: anchor-center;
margin: 10px 0 0 0;
position-area: none;
}
@position-try --custom-right {
left: calc(anchor(right) + 10px);
align-self: anchor-center;
width: 100px;
position-area: none;
}
@position-try --custom-bottom-right {
position-area: bottom right;
margin: 10px 0 0 10px;
}
._style_module_css-infobox {
position: fixed;
position-anchor: --myAnchor;
position-area: top;
width: 200px;
margin: 0 0 10px 0;
position-try-fallbacks:
--custom-left, --custom-bottom,
--custom-right, --custom-bottom-right;
}
@page {
size: 8.5in 9in;
margin-top: 4in;
}
@color-profile --swop5c {
src: url(https://example.org/SWOP2006_Coated5v2.icc);
}
._style_module_css-header {
background-color: color(--swop5c 0% 70% 20% 0%);
}
._style_module_css-test {
test: (1, 2) [3, 4], { 1: 2};
._style_module_css-a {
width: 200px;
}
}
._style_module_css-test {
._style_module_css-test {
width: 200px;
}
}
._style_module_css-test {
width: 200px;
._style_module_css-test {
width: 200px;
}
}
._style_module_css-test {
width: 200px;
._style_module_css-test {
._style_module_css-test {
width: 200px;
}
}
}
._style_module_css-test {
width: 200px;
._style_module_css-test {
width: 200px;
._style_module_css-test {
width: 200px;
}
}
}
._style_module_css-test {
._style_module_css-test {
width: 200px;
._style_module_css-test {
width: 200px;
}
}
}
._style_module_css-test {
._style_module_css-test {
width: 200px;
}
width: 200px;
}
._style_module_css-test {
._style_module_css-test {
width: 200px;
}
._style_module_css-test {
width: 200px;
}
}
._style_module_css-test {
._style_module_css-test {
width: 200px;
}
width: 200px;
._style_module_css-test {
width: 200px;
}
}
#_style_module_css-test {
c: 1;
#_style_module_css-test {
c: 2;
}
}
@property --_style_module_css-item-size {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
._style_module_css-container {
display: flex;
height: 200px;
border: 1px dashed black;
/* set custom property values on parent */
--_style_module_css-item-size: 20%;
--_style_module_css-item-color: orange;
}
._style_module_css-item {
width: var(--_style_module_css-item-size);
height: var(--_style_module_css-item-size);
background-color: var(--_style_module_css-item-color);
}
._style_module_css-two {
--_style_module_css-item-size: initial;
--_style_module_css-item-color: inherit;
}
._style_module_css-three {
/* invalid values */
--_style_module_css-item-size: 1000px;
--_style_module_css-item-color: xyz;
}
@property invalid {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property{
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@keyframes _style_module_css-initial { /* ... */ }
@keyframes/**test**/_style_module_css-initial { /* ... */ }
@keyframes/**test**/_style_module_css-initial/**test**/{ /* ... */ }
@keyframes/**test**//**test**/_style_module_css-initial/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ _style_module_css-initial /**test**/ /**test**/ { /* ... */ }
@keyframes _style_module_css-None { /* ... */ }
@property/**test**/--_style_module_css-item-size {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property/**test**/--_style_module_css-item-size/**test**/{
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property /**test**/--_style_module_css-item-size/**test**/ {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property /**test**/ --_style_module_css-item-size /**test**/ {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property/**test**/ --_style_module_css-item-size /**test**/{
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property /**test**/ --_style_module_css-item-size /**test**/ {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
div {
animation: 3s ease-in 1s 2 reverse both paused _style_module_css-initial, _style_module_css-localkeyframes2;
animation-name: _style_module_css-initial;
animation-duration: 2s;
}
._style_module_css-item-1 {
width: var( --_style_module_css-item-size );
height: var(/**comment**/--_style_module_css-item-size);
background-color: var( /**comment**/--_style_module_css-item-color);
background-color-1: var(/**comment**/ --_style_module_css-item-color);
background-color-2: var( /**comment**/ --_style_module_css-item-color);
background-color-3: var( /**comment**/ --_style_module_css-item-color /**comment**/ );
background-color-3: var( /**comment**/--_style_module_css-item-color/**comment**/ );
background-color-3: var(/**comment**/--_style_module_css-item-color/**comment**/);
}
@keyframes/**test**/_style_module_css-foo { /* ... */ }
@keyframes /**test**/_style_module_css-foo { /* ... */ }
@keyframes/**test**/ _style_module_css-foo { /* ... */ }
@keyframes /**test**/ _style_module_css-foo { /* ... */ }
@keyframes /**test**//**test**/ _style_module_css-foo { /* ... */ }
@keyframes /**test**/ /**test**/ _style_module_css-foo { /* ... */ }
@keyframes /**test**/ /**test**/_style_module_css-foo { /* ... */ }
@keyframes /**test**//**test**/_style_module_css-foo { /* ... */ }
@keyframes/**test**//**test**/_style_module_css-foo { /* ... */ }
@keyframes/**test**//**test**/_style_module_css-foo/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ _style_module_css-foo /**test**/ /**test**/ { /* ... */ }
./**test**//**test**/_style_module_css-class {
background: red;
}
./**test**/ /**test**/class {
background: red;
}
._style_module_css-var {
--_style_module_css-main-color: black;
--_style_module_css-FOO: 10px;
--_style_module_css-foo: 10px;
--_style_module_css-bar: calc(var(--_style_module_css-foo) + 10px);
--_style_module_css-accent-background: linear-gradient(to top, var(--_style_module_css-main-color), white);
--_style_module_css-external-link: \\"test\\";
--_style_module_css-custom-prop: yellow;
--_style_module_css-default-value: red;
--_style_module_css-main-bg-color: red;
--_style_module_css-backup-bg-color: black;
-foo: calc(var(--_style_module_css-bar) + 10px);
var: var(--_style_module_css-main-color);
var1: var(--_style_module_css-foo);
var2: var(--_style_module_css-FOO);
content: \\" (\\" var(--_style_module_css-external-link) \\")\\";
var3: var(--_style_module_css-main-color, blue);
var4: var(--_style_module_css-custom-prop,);
var5: var(--_style_module_css-custom-prop, initial);
var6: var(--_style_module_css-custom-prop, var(--_style_module_css-default-value));
var7: var(--_style_module_css-custom-prop, var(--_style_module_css-default-value, red));
var8: var(--unknown);
background-color: var(--_style_module_css-main-bg-color, var(--_style_module_css-backup-bg-color, white));
}
._style_module_css-var-order {
background-color: var(--_style_module_css-test);
--_style_module_css-test: red;
}
/*!*********************************!*\\\\
!*** css ./style.module.my-css ***!
\\\\*********************************/
._style_module_my-css-myCssClass {
color: red;
}
/*!**************************************!*\\\\
!*** css ./style.module.css.invalid ***!
\\\\**************************************/
.class {
color: teal;
}
/*!************************************!*\\\\
!*** css ./identifiers.module.css ***!
\\\\************************************/
._identifiers_module_css-UnusedClassName{
color: red;
padding: var(--_identifiers_module_css-variable-unused-class);
--_identifiers_module_css-variable-unused-class: 10px;
}
._identifiers_module_css-UsedClassName {
color: green;
padding: var(--_identifiers_module_css-variable-used-class);
--_identifiers_module_css-variable-used-class: 10px;
}
"
`;
exports[`ConfigCacheTestCases css css-modules exported tests should allow to create css modules: prod 1`] = `
Object {
"UsedClassName": "my-app-194-ZL",
"VARS": "--my-app-235-I0 my-app-235-XE undefined my-app-235-wt",
"animation": "my-app-235-lY",
"animationName": "my-app-235-iZ",
"class": "my-app-235-zg",
"classInContainer": "my-app-235-bK",
"classLocalScope": "my-app-235-Ci",
"cssModuleWithCustomFileExtension": "my-app-666-k",
"currentWmultiParams": "my-app-235-Hq",
"deepClassInContainer": "my-app-235-Y1",
"displayFlexInSupportsInMediaUpperCase": "my-app-235-ij",
"exportLocalVarsShouldCleanup": "false false",
"futureWmultiParams": "my-app-235-Hb",
"global": undefined,
"hasWmultiParams": "my-app-235-AO",
"ident": "my-app-235-bD",
"inLocalGlobalScope": "my-app-235-V0",
"inSupportScope": "my-app-235-nc",
"isWmultiParams": "my-app-235-aq",
"keyframes": "my-app-235-$t",
"keyframesUPPERCASE": "my-app-235-zG",
"local": "my-app-235-Hi my-app-235-OB my-app-235-VE my-app-235-O2",
"local2": "my-app-235-Vj my-app-235-OH",
"localkeyframes2UPPPERCASE": "my-app-235-Dk",
"matchesWmultiParams": "my-app-235-VN",
"media": "my-app-235-a7",
"mediaInSupports": "my-app-235-aY",
"mediaWithOperator": "my-app-235-uf",
"mozAnimationName": "my-app-235-M6",
"mozAnyWmultiParams": "my-app-235-OP",
"myColor": "--my-app-235-rX",
"nested": "my-app-235-nb undefined my-app-235-$Q",
"notAValidCssModuleExtension": true,
"notWmultiParams": "my-app-235-H5",
"paddingLg": "my-app-235-cD",
"paddingSm": "my-app-235-dW",
"pastWmultiParams": "my-app-235-O4",
"supports": "my-app-235-sW",
"supportsInMedia": "my-app-235-II",
"supportsWithOperator": "my-app-235-TZ",
"vars": "--my-app-235-uz my-app-235-f undefined my-app-235-aK",
"webkitAnyWmultiParams": "my-app-235-Hw",
"whereWmultiParams": "my-app-235-VM",
}
`;
exports[`ConfigCacheTestCases css css-modules exported tests should allow to create css modules: prod 2`] = `
"/*!*******************************!*\\\\
!*** css ./colors.module.css ***!
\\\\*******************************/
/*!**************************************!*\\\\
!*** css ./at-rule-value.module.css ***!
\\\\**************************************/
.my-app-744-value-in-class {
color: blue;
}
@media (max-width: 599px) {
abbr:hover {
color: limegreen;
transition-duration: 1s;
}
}
.my-app-744-foo { color: red; }
.my-app-744-foo {
&.my-app-744-bar { color: red; }
}
.my-app-744-foo {
@media (min-width: 1024px) {
&.my-app-744-bar { color: red; }
}
}
.my-app-744-foo {
@media (min-width: 1024px) {
&.my-app-744-bar {
@media (min-width: 1024px) {
color: red;
}
}
}
}
.my-app-744-foo { height: 40px; height: 36px; }
.my-app-744-colorValue {
color: red;
}
#my-app-744-colorValue-v1 {
color: red;
}
.my-app-744-colorValue-v2 > .my-app-744-colorValue-v2 {
color: red;
}
.red {
color: .red;
}
.my-app-744-export {
color: blue;
}
.my-app-744-foo { color: red; }
.my-app-744-foo { color: red; }
.my-app-744-bar { color: yellow }
.my-app-744-foo { color: blue; }
.my-app-744-foo { color: blue; }
.my-app-744-class-a { color: red; }
.my-app-744-class-a { margin: calc(base * 2); }
.my-app-744-class-a { content: \\"test-a\\" \\"test-b\\"; }
.my-app-744-foo { color: var(--color); }
.my-app-744-foo {
color: red;
background-color: #0f0;
border-top-color: #00ff00;
border-bottom-color: rgba(34, 12, 64, 0.3);
outline-color: hsla(220, 13.0%, 18.0%, 1);
}
.my-app-744-foo { color: blue; }
.my-app-744-bar { color: red }
.my-app-744-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
.my-app-744-foo { color: color(red lightness(50%)); }
:root { --my-app-744-color: red; }
:root { --my-app-744-color: ; }
:root { --my-app-744-color: ; }
:root { --my-app-744-color:/* comment */; }
.my-app-744-override {
color: red;
}
.my-app-744-class {
color: red;
color: red;
color: blue;
}
.my-app-744-color {
color: /* test */red/* test */;
}
.my-app-744-color {
color: /* test *//* test */red/* test */;
}
.my-app-744-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
.my-app-744-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
.my-app-744-foo { box-shadow: /* test */ 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
.my-app-744-foo { box-shadow: /* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
.my-app-744-foo { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
.my-app-744-foo { box-shadow: /* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14); }
.my-app-744-foo { color: blue; }
.my-app-744-foo { color: blue; }
.my-app-744-foo { color: my-name-q; }
/*!*********************************************!*\\\\
!*** css ./var-function-export.modules.css ***!
\\\\*********************************************/
:root {
--my-app-392-my-var-u1: red;
--my-app-392-my-var-u2: blue;
--my-app-392-not-override-class: black;
--my-app-392-1: red;
--my-app-392---a: red;
--my-app-392-main-bg-color: red;
}
.my-app-392-my-var-u1 {
color: red;
}
/*!*************************************!*\\\\
!*** css ./var-function.module.css ***!
\\\\*************************************/
:root {
--my-app-768-main-bg-color: brown;
--my-app-768-my-var: red;
--my-app-768-my-background: blue;
--my-app-768-my-global: yellow;
--: \\"reserved\\";
--my-app-768-a: green;
}
.my-app-768-class {
color: var(--my-app-768-main-bg-color);
}
@property --my-app-768-logo-color {
syntax: \\"<color>\\";
inherits: false;
initial-value: #c0ffee;
}
@property -- {
syntax: \\"<color>\\";
inherits: false;
initial-value: #c0ffee;
}
.my-app-768-class {
color: var(--my-app-768-logo-color);
}
div {
background-color: var(--my-app-768-box-color);
}
.my-app-768-two {
--my-app-768-box-color: cornflowerblue;
}
.my-app-768-three {
--my-app-768-box-color: aquamarine;
}
.my-app-768-one {
/* Red if --my-var is not defined */
color: var(--my-app-768-my-var, red);
}
.my-app-768-two {
/* pink if --my-var and --my-background are not defined */
color: var(--my-app-768-my-var, var(--my-app-768-my-background, pink));
}
.my-app-768-reserved {
color: var(--);
}
.my-app-768-green {
color: var(--my-app-768-a);
}
.my-app-768-global {
color: var(--my-global);
}
.my-app-768-global-and-default {
color: var(--my-global, pink);
}
.my-app-768-global-and-default-1 {
color: var(--my-global, var(--my-global-background));
}
.my-app-768-global-and-default-2 {
color: var(--my-global, var(--my-global-background, pink));
}
.my-app-768-global-and-default-3 {
color: var(--my-global, var(--my-app-768-my-background, pink));
}
.my-app-768-global-and-default-5 {
color: var( --my-global,var(--my-app-768-my-background,pink));
}
.my-app-768-global-and-default-6 {
background: var( --my-app-768-main-bg-color , var( --my-app-768-my-background , pink ) ) , var(--my-global);
}
.my-app-768-global-and-default-7 {
background: var(--my-app-768-main-bg-color,var(--my-app-768-my-background,pink)),var(--my-global);
}
.my-app-768-from {
color: var(--my-app-392-my-var-u1);
}
.my-app-768-from-1 {
color: var(--my-app-768-main-bg-color, var(--my-app-392-my-var-u1));
}
.my-app-768-from-2 {
color: var(--my-app-392-my-var-u1, var(--my-app-768-main-bg-color));
}
.my-app-768-from-3 {
color: var(--my-app-392-my-var-u1, var(--my-app-392-my-var-u2));
}
.my-app-768-from-4 {
color: var(--my-app-392-1);
}
.my-app-768-from-5 {
color: var(--my-app-392---a);
}
.my-app-768-from-6 {
color: var(--my-app-392-main-bg-color);
}
.my-app-768-mixed {
color: var(--my-app-392-my-var-u1, var(--my-global, var(--my-app-768-main-bg-color, red)));
}
.my-app-768-broken {
color: var(--my-global from);
}
.my-app-768-broken-1 {
color: var(--my-global from 1);
}
:root {
--my-app-768-not-override-class: red;
}
.my-app-768-not-override-class {
color: var(--my-app-392-not-override-class)
}
/*!******************************!*\\\\
!*** css ./style.module.css ***!
\\\\******************************/
.my-app-235-zg {
color: red;
}
.my-app-235-Hi,
.my-app-235-OB .global,
.my-app-235-VE {
color: green;
}
.global .my-app-235-O2 {
color: yellow;
}
.my-app-235-Vj.global.my-app-235-OH {
color: blue;
}
.my-app-235-H5 div:not(.my-app-235-disabled, .my-app-235-mButtonDisabled, .my-app-235-tipOnly) {
pointer-events: initial !important;
}
.my-app-235-aq :is(div.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-tiny,
div.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-small,
div.my-app-235-otherDiv.my-app-235-horizontal-tiny,
div.my-app-235-otherDiv.my-app-235-horizontal-small div.my-app-235-description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
.my-app-235-VN :matches(div.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-tiny,
div.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-small,
div.my-app-235-otherDiv.my-app-235-horizontal-tiny,
div.my-app-235-otherDiv.my-app-235-horizontal-small div.my-app-235-description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
.my-app-235-VM :where(div.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-tiny,
div.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-small,
div.my-app-235-otherDiv.my-app-235-horizontal-tiny,
div.my-app-235-otherDiv.my-app-235-horizontal-small div.my-app-235-description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
.my-app-235-AO div:has(.my-app-235-disabled, .my-app-235-mButtonDisabled, .my-app-235-tipOnly) {
pointer-events: initial !important;
}
.my-app-235-Hq div:current(p, span) {
background-color: yellow;
}
.my-app-235-O4 div:past(p, span) {
display: none;
}
.my-app-235-Hb div:future(p, span) {
background-color: yellow;
}
.my-app-235-OP div:-moz-any(ol, ul, menu, dir) {
list-style-type: square;
}
.my-app-235-Hw li:-webkit-any(:first-child, :last-child) {
background-color: aquamarine;
}
.my-app-235-VN :matches(div.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-tiny,
div.my-app-235-parent1.my-app-235-child1.my-app-235-vertical-small,
div.my-app-235-otherDiv.my-app-235-horizontal-tiny,
div.my-app-235-otherDiv.my-app-235-horizontal-small div.my-app-235-description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
.my-app-235-nb.nested2.my-app-235-\\\\$Q {
color: pink;
}
#my-app-235-bD {
color: purple;
}
@keyframes my-app-235-\\\\$t {
0% {
left: var(--my-app-235-qi);
top: var(--my-app-235-xB);
color: var(--theme-color1);
}
100% {
left: var(--my-app-235-\\\\$6);
top: var(--my-app-235-gJ);
color: var(--theme-color2);
}
}
@keyframes my-app-235-x {
0% {
left: 0;
}
100% {
left: 100px;
}
}
.my-app-235-lY {
animation-name: my-app-235-\\\\$t;
animation: 3s ease-in 1s 2 reverse both paused my-app-235-\\\\$t, my-app-235-x;
--my-app-235-qi: 0px;
--my-app-235-xB: 0px;
--my-app-235-\\\\$6: 10px;
--my-app-235-gJ: 20px;
}
/* .composed {
composes: local1;
composes: local2;
} */
.my-app-235-f {
color: var(--my-app-235-uz);
--my-app-235-uz: red;
}
.my-app-235-aK {
color: var(--global-color);
--global-color: red;
}
@media (min-width: 1600px) {
.my-app-235-a7 {
color: var(--my-app-235-uz);
--my-app-235-uz: green;
}
}
@media screen and (max-width: 600px) {
.my-app-235-uf {
color: var(--my-app-235-uz);
--my-app-235-uz: purple;
}
}
@supports (display: grid) {
.my-app-235-sW {
display: grid;
}
}
@supports not (display: grid) {
.my-app-235-TZ {
float: right;
}
}
@supports (display: flex) {
@media screen and (min-width: 900px) {
.my-app-235-aY {
display: flex;
}
}
}
@media screen and (min-width: 900px) {
@supports (display: flex) {
.my-app-235-II {
display: flex;
}
}
}
@MEDIA screen and (min-width: 900px) {
@SUPPORTS (display: flex) {
.my-app-235-ij {
display: flex;
}
}
}
.my-app-235-animationUpperCase {
ANIMATION-NAME: my-app-235-zG;
ANIMATION: 3s ease-in 1s 2 reverse both paused my-app-235-zG, my-app-235-Dk;
--my-app-235-qi: 0px;
--my-app-235-xB: 0px;
--my-app-235-\\\\$6: 10px;
--my-app-235-gJ: 20px;
}
@KEYFRAMES my-app-235-zG {
0% {
left: VAR(--my-app-235-qi);
top: VAR(--my-app-235-xB);
color: VAR(--theme-color1);
}
100% {
left: VAR(--my-app-235-\\\\$6);
top: VAR(--my-app-235-gJ);
color: VAR(--theme-color2);
}
}
@KEYframes my-app-235-Dk {
0% {
left: 0;
}
100% {
left: 100px;
}
}
.globalUpperCase .my-app-235-localUpperCase {
color: yellow;
}
.my-app-235-XE {
color: VAR(--my-app-235-I0);
--my-app-235-I0: red;
}
.my-app-235-wt {
COLOR: VAR(--GLOBAR-COLOR);
--GLOBAR-COLOR: red;
}
@supports (top: env(safe-area-inset-top, 0)) {
.my-app-235-nc {
color: red;
}
}
.my-app-235-a {
animation: 3s my-app-235-iZ;
-webkit-animation: 3s my-app-235-iZ;
}
.my-app-235-b {
animation: my-app-235-iZ 3s;
-webkit-animation: my-app-235-iZ 3s;
}
.my-app-235-c {
animation-name: my-app-235-iZ;
-webkit-animation-name: my-app-235-iZ;
}
.my-app-235-d {
--my-app-235-ZP: animationName;
}
@keyframes my-app-235-iZ {
0% {
background: white;
}
100% {
background: red;
}
}
@-webkit-keyframes my-app-235-iZ {
0% {
background: white;
}
100% {
background: red;
}
}
@-moz-keyframes my-app-235-M6 {
0% {
background: white;
}
100% {
background: red;
}
}
@counter-style thumbs {
system: cyclic;
symbols: \\"\\\\1F44D\\";
suffix: \\" \\";
}
@font-feature-values Font One {
@styleset {
nice-style: 12;
}
}
/* At-rule for \\"nice-style\\" in Font Two */
@font-feature-values Font Two {
@styleset {
nice-style: 4;
}
}
@property --my-app-235-rX {
syntax: \\"<color>\\";
inherits: false;
initial-value: #c0ffee;
}
@property --my-app-235-my-color-1 {
initial-value: #c0ffee;
syntax: \\"<color>\\";
inherits: false;
}
@property --my-app-235-my-color-2 {
syntax: \\"<color>\\";
initial-value: #c0ffee;
inherits: false;
}
.my-app-235-zg {
color: var(--my-app-235-rX);
}
@layer utilities {
.my-app-235-dW {
padding: 0.5rem;
}
.my-app-235-cD {
padding: 0.8rem;
}
}
.my-app-235-zg {
color: red;
.my-app-235-nested-pure {
color: red;
}
@media screen and (min-width: 200px) {
color: blue;
.my-app-235-nested-media {
color: blue;
}
}
@supports (display: flex) {
display: flex;
.my-app-235-nested-supports {
display: flex;
}
}
@layer foo {
background: red;
.my-app-235-nested-layer {
background: red;
}
}
@container foo {
background: red;
.my-app-235-nested-layer {
background: red;
}
}
}
.my-app-235-not-selector-inside {
color: #fff;
opacity: 0.12;
padding: .5px;
unknown: :local(.test);
unknown1: :local .test;
unknown2: :global .test;
unknown3: :global .test;
unknown4: .foo, .bar, #bar;
}
@unknown :local .local :global .global {
color: red;
}
@unknown :local(.local) :global(.global) {
color: red;
}
.my-app-235-nested-var {
.my-app-235-again {
color: var(--my-app-235-uz);
}
}
.my-app-235-nested-with-local-pseudo {
color: red;
.my-app-235-local-nested {
color: red;
}
.global-nested {
color: red;
}
.my-app-235-local-nested {
color: red;
}
.global-nested {
color: red;
}
.my-app-235-local-nested, .global-nested-next {
color: red;
}
.my-app-235-local-nested, .global-nested-next {
color: red;
}
.foo, .my-app-235-M0 {
color: red;
}
}
#my-app-235-id-foo {
color: red;
#my-app-235-id-bar {
color: red;
}
}
.my-app-235-nested-parens {
.my-app-235-VN div:has(.my-app-235-vertical-tiny, .my-app-235-vertical-small) {
max-height: 0;
margin: 0;
overflow: hidden;
}
}
.global-foo {
.nested-global {
color: red;
}
.my-app-235-local-in-global {
color: blue;
}
}
@unknown .class {
color: red;
.my-app-235-zg {
color: red;
}
}
.class .my-app-235-V0,
.class .my-app-235-V0,
.my-app-235-Ci .in-local-global-scope {
color: red;
}
@container (width > 400px) {
.my-app-235-bK {
font-size: 1.5em;
}
}
@container summary (min-width: 400px) {
@container (width > 400px) {
.my-app-235-Y1 {
font-size: 1.5em;
}
}
}
:scope {
color: red;
}
.my-app-235-placeholder-gray-700:-ms-input-placeholder {
--my-app-235-Y: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--my-app-235-Y));
}
.my-app-235-placeholder-gray-700::-ms-input-placeholder {
--my-app-235-Y: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--my-app-235-Y));
}
.my-app-235-placeholder-gray-700::placeholder {
--my-app-235-Y: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--my-app-235-Y));
}
:root {
--my-app-235-t6: dark;
}
@media screen and (prefers-color-scheme: var(--my-app-235-t6)) {
.my-app-235-KR {
color: white;
}
}
@keyframes my-app-235-Fk {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
.my-app-235-zg {
animation:
foo var(--my-app-235-ZP) 3s,
var(--my-app-235-ZP) 3s,
3s linear 1s infinite running my-app-235-Fk,
3s linear env(foo, var(--my-app-235-KR)) infinite running my-app-235-Fk;
}
:root {
--my-app-235-KR: 10px;
}
.my-app-235-zg {
bar: env(foo, var(--my-app-235-KR));
}
.global-foo, .my-app-235-M0 {
.my-app-235-local-in-global {
color: blue;
}
@media screen {
.my-global-class-again,
.my-app-235-my-global-class-again {
color: red;
}
}
}
.my-app-235-first-nested {
.my-app-235-first-nested-nested {
color: red;
}
}
.my-app-235-first-nested-at-rule {
@media screen {
.my-app-235-first-nested-nested-at-rule-deep {
color: red;
}
}
}
.again-global {
color:red;
}
.again-again-global {
.again-again-global {
color: red;
}
}
:root {
--my-app-235-pr: red;
}
.again-again-global {
color: var(--foo);
.again-again-global {
color: var(--foo);
}
}
.again-again-global {
animation: slidein 3s;
.again-again-global, .my-app-235-zg, .my-app-235-nb.nested2.my-app-235-\\\\$Q {
animation: my-app-235-Fk 3s;
}
.my-app-235-OB .global,
.my-app-235-VE {
color: red;
}
}
@unknown var(--my-app-235-pr) {
color: red;
}
.my-app-235-zg {
.my-app-235-zg {
.my-app-235-zg {
.my-app-235-zg {}
}
}
}
.my-app-235-zg {
.my-app-235-zg {
.my-app-235-zg {
.my-app-235-zg {
animation: my-app-235-Fk 3s;
}
}
}
}
.my-app-235-zg {
animation: my-app-235-Fk 3s;
.my-app-235-zg {
animation: my-app-235-Fk 3s;
.my-app-235-zg {
animation: my-app-235-Fk 3s;
.my-app-235-zg {
animation: my-app-235-Fk 3s;
}
}
}
}
.my-app-235-broken {
. global(.my-app-235-zg) {
color: red;
}
: global(.my-app-235-zg) {
color: red;
}
: global .my-app-235-zg {
color: red;
}
: local(.my-app-235-zg) {
color: red;
}
: local .my-app-235-zg {
color: red;
}
# hash {
color: red;
}
}
.my-app-235-comments {
.class {
color: red;
}
.class {
color: red;
}
.my-app-235-zg {
color: red;
}
.my-app-235-zg {
color: red;
}
./** test **/my-app-235-zg {
color: red;
}
./** test **/my-app-235-zg {
color: red;
}
./** test **/my-app-235-zg {
color: red;
}
}
.my-app-235-pr {
color: red;
+ .my-app-235-M0 + & { color: blue; }
}
.my-app-235-error, #my-app-235-err-404 {
&:hover > .my-app-235-KR { color: red; }
}
.my-app-235-pr {
& :is(.my-app-235-M0, &.my-app-235-KR) { color: red; }
}
.my-app-235-qqq {
color: green;
& .my-app-235-a { color: blue; }
color: red;
}
.my-app-235-parent {
color: blue;
@scope (& > .my-app-235-scope) to (& > .my-app-235-limit) {
& .my-app-235-content {
color: red;
}
}
}
.my-app-235-parent {
color: blue;
@scope (& > .my-app-235-scope) to (& > .my-app-235-limit) {
.my-app-235-content {
color: red;
}
}
.my-app-235-a {
color: red;
}
}
@scope (.my-app-235-card) {
:scope { border-block-end: 1px solid white; }
}
.my-app-235-card {
inline-size: 40ch;
aspect-ratio: 3/4;
@scope (&) {
:scope {
border: 1px solid white;
}
}
}
.my-app-235-pr {
display: grid;
@media (orientation: landscape) {
.my-app-235-M0 {
grid-auto-flow: column;
@media (min-width > 1024px) {
.my-app-235-baz-1 {
display: grid;
}
max-inline-size: 1024px;
.my-app-235-baz-2 {
display: grid;
}
}
}
}
}
@counter-style thumbs {
system: cyclic;
symbols: \\"\\\\1F44D\\";
suffix: \\" \\";
}
ul {
list-style: thumbs;
}
@container (width > 400px) and style(--responsive: true) {
.my-app-235-zg {
font-size: 1.5em;
}
}
/* At-rule for \\"nice-style\\" in Font One */
@font-feature-values Font One {
@styleset {
nice-style: 12;
}
}
@font-palette-values --identifier {
font-family: Bixa;
}
.my-app-235-my-class {
font-palette: --identifier;
}
@keyframes my-app-235-pr { /* ... */ }
@keyframes my-app-235-pr { /* ... */ }
@keyframes { /* ... */ }
@keyframes{ /* ... */ }
@supports (display: flex) {
@media screen and (min-width: 900px) {
article {
display: flex;
}
}
}
@starting-style {
.my-app-235-zg {
opacity: 0;
transform: scaleX(0);
}
}
.my-app-235-zg {
opacity: 1;
transform: scaleX(1);
@starting-style {
opacity: 0;
transform: scaleX(0);
}
}
@scope (.my-app-235-feature) {
.my-app-235-zg { opacity: 0; }
:scope .my-app-235-class-1 { opacity: 0; }
& .my-app-235-zg { opacity: 0; }
}
@position-try --custom-left {
position-area: left;
width: 100px;
margin: 0 10px 0 0;
}
@position-try --custom-bottom {
top: anchor(bottom);
justify-self: anchor-center;
margin: 10px 0 0 0;
position-area: none;
}
@position-try --custom-right {
left: calc(anchor(right) + 10px);
align-self: anchor-center;
width: 100px;
position-area: none;
}
@position-try --custom-bottom-right {
position-area: bottom right;
margin: 10px 0 0 10px;
}
.my-app-235-infobox {
position: fixed;
position-anchor: --myAnchor;
position-area: top;
width: 200px;
margin: 0 0 10px 0;
position-try-fallbacks:
--custom-left, --custom-bottom,
--custom-right, --custom-bottom-right;
}
@page {
size: 8.5in 9in;
margin-top: 4in;
}
@color-profile --swop5c {
src: url(https://example.org/SWOP2006_Coated5v2.icc);
}
.my-app-235-header {
background-color: color(--swop5c 0% 70% 20% 0%);
}
.my-app-235-t6 {
test: (1, 2) [3, 4], { 1: 2};
.my-app-235-a {
width: 200px;
}
}
.my-app-235-t6 {
.my-app-235-t6 {
width: 200px;
}
}
.my-app-235-t6 {
width: 200px;
.my-app-235-t6 {
width: 200px;
}
}
.my-app-235-t6 {
width: 200px;
.my-app-235-t6 {
.my-app-235-t6 {
width: 200px;
}
}
}
.my-app-235-t6 {
width: 200px;
.my-app-235-t6 {
width: 200px;
.my-app-235-t6 {
width: 200px;
}
}
}
.my-app-235-t6 {
.my-app-235-t6 {
width: 200px;
.my-app-235-t6 {
width: 200px;
}
}
}
.my-app-235-t6 {
.my-app-235-t6 {
width: 200px;
}
width: 200px;
}
.my-app-235-t6 {
.my-app-235-t6 {
width: 200px;
}
.my-app-235-t6 {
width: 200px;
}
}
.my-app-235-t6 {
.my-app-235-t6 {
width: 200px;
}
width: 200px;
.my-app-235-t6 {
width: 200px;
}
}
#my-app-235-t6 {
c: 1;
#my-app-235-t6 {
c: 2;
}
}
@property --my-app-235-sD {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
.my-app-235-container {
display: flex;
height: 200px;
border: 1px dashed black;
/* set custom property values on parent */
--my-app-235-sD: 20%;
--my-app-235-gz: orange;
}
.my-app-235-item {
width: var(--my-app-235-sD);
height: var(--my-app-235-sD);
background-color: var(--my-app-235-gz);
}
.my-app-235-two {
--my-app-235-sD: initial;
--my-app-235-gz: inherit;
}
.my-app-235-three {
/* invalid values */
--my-app-235-sD: 1000px;
--my-app-235-gz: xyz;
}
@property invalid {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property{
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@keyframes my-app-235-Vh { /* ... */ }
@keyframes/**test**/my-app-235-Vh { /* ... */ }
@keyframes/**test**/my-app-235-Vh/**test**/{ /* ... */ }
@keyframes/**test**//**test**/my-app-235-Vh/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ my-app-235-Vh /**test**/ /**test**/ { /* ... */ }
@keyframes my-app-235-None { /* ... */ }
@property/**test**/--my-app-235-sD {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property/**test**/--my-app-235-sD/**test**/{
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property /**test**/--my-app-235-sD/**test**/ {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property /**test**/ --my-app-235-sD /**test**/ {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property/**test**/ --my-app-235-sD /**test**/{
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property /**test**/ --my-app-235-sD /**test**/ {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
div {
animation: 3s ease-in 1s 2 reverse both paused my-app-235-Vh, my-app-235-x;
animation-name: my-app-235-Vh;
animation-duration: 2s;
}
.my-app-235-item-1 {
width: var( --my-app-235-sD );
height: var(/**comment**/--my-app-235-sD);
background-color: var( /**comment**/--my-app-235-gz);
background-color-1: var(/**comment**/ --my-app-235-gz);
background-color-2: var( /**comment**/ --my-app-235-gz);
background-color-3: var( /**comment**/ --my-app-235-gz /**comment**/ );
background-color-3: var( /**comment**/--my-app-235-gz/**comment**/ );
background-color-3: var(/**comment**/--my-app-235-gz/**comment**/);
}
@keyframes/**test**/my-app-235-pr { /* ... */ }
@keyframes /**test**/my-app-235-pr { /* ... */ }
@keyframes/**test**/ my-app-235-pr { /* ... */ }
@keyframes /**test**/ my-app-235-pr { /* ... */ }
@keyframes /**test**//**test**/ my-app-235-pr { /* ... */ }
@keyframes /**test**/ /**test**/ my-app-235-pr { /* ... */ }
@keyframes /**test**/ /**test**/my-app-235-pr { /* ... */ }
@keyframes /**test**//**test**/my-app-235-pr { /* ... */ }
@keyframes/**test**//**test**/my-app-235-pr { /* ... */ }
@keyframes/**test**//**test**/my-app-235-pr/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ my-app-235-pr /**test**/ /**test**/ { /* ... */ }
./**test**//**test**/my-app-235-zg {
background: red;
}
./**test**/ /**test**/class {
background: red;
}
.my-app-235-var {
--my-app-235-ve: black;
--my-app-235-bg: 10px;
--my-app-235-pr: 10px;
--my-app-235-M0: calc(var(--my-app-235-pr) + 10px);
--my-app-235-accent-background: linear-gradient(to top, var(--my-app-235-ve), white);
--my-app-235-BW: \\"test\\";
--my-app-235-WI: yellow;
--my-app-235-Cr: red;
--my-app-235-i3: red;
--my-app-235-tv: black;
-foo: calc(var(--my-app-235-M0) + 10px);
var: var(--my-app-235-ve);
var1: var(--my-app-235-pr);
var2: var(--my-app-235-bg);
content: \\" (\\" var(--my-app-235-BW) \\")\\";
var3: var(--my-app-235-ve, blue);
var4: var(--my-app-235-WI,);
var5: var(--my-app-235-WI, initial);
var6: var(--my-app-235-WI, var(--my-app-235-Cr));
var7: var(--my-app-235-WI, var(--my-app-235-Cr, red));
var8: var(--unknown);
background-color: var(--my-app-235-i3, var(--my-app-235-tv, white));
}
.my-app-235-var-order {
background-color: var(--my-app-235-t6);
--my-app-235-t6: red;
}
/*!*********************************!*\\\\
!*** css ./style.module.my-css ***!
\\\\*********************************/
.my-app-666-k {
color: red;
}
/*!**************************************!*\\\\
!*** css ./style.module.css.invalid ***!
\\\\**************************************/
.class {
color: teal;
}
/*!************************************!*\\\\
!*** css ./identifiers.module.css ***!
\\\\************************************/
.my-app-194-UnusedClassName{
color: red;
padding: var(--my-app-194-RJ);
--my-app-194-RJ: 10px;
}
.my-app-194-ZL {
color: green;
padding: var(--my-app-194-c5);
--my-app-194-c5: 10px;
}
"
`;
exports[`ConfigCacheTestCases css css-modules-broken-keyframes exported tests should allow to create css modules: prod 1`] = `
Object {
"class": "my-app-235-zg",
}
`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to create css modules: dev 1`] = `
Object {
"UsedClassName": "_identifiers_module_css-UsedClassName",
"VARS": "--_style_module_css-LOCAL-COLOR _style_module_css-VARS undefined _style_module_css-globalVarsUpperCase",
"animation": "_style_module_css-animation",
"animationName": "_style_module_css-animationName",
"class": "_style_module_css-class",
"classInContainer": "_style_module_css-class-in-container",
"classLocalScope": "_style_module_css-class-local-scope",
"cssModuleWithCustomFileExtension": "_style_module_my-css-myCssClass",
"currentWmultiParams": "_style_module_css-local12",
"deepClassInContainer": "_style_module_css-deep-class-in-container",
"displayFlexInSupportsInMediaUpperCase": "_style_module_css-displayFlexInSupportsInMediaUpperCase",
"exportLocalVarsShouldCleanup": "false false",
"futureWmultiParams": "_style_module_css-local14",
"global": undefined,
"hasWmultiParams": "_style_module_css-local11",
"ident": "_style_module_css-ident",
"inLocalGlobalScope": "_style_module_css-in-local-global-scope",
"inSupportScope": "_style_module_css-inSupportScope",
"isWmultiParams": "_style_module_css-local8",
"keyframes": "_style_module_css-localkeyframes",
"keyframesUPPERCASE": "_style_module_css-localkeyframesUPPERCASE",
"local": "_style_module_css-local1 _style_module_css-local2 _style_module_css-local3 _style_module_css-local4",
"local2": "_style_module_css-local5 _style_module_css-local6",
"localkeyframes2UPPPERCASE": "_style_module_css-localkeyframes2UPPPERCASE",
"matchesWmultiParams": "_style_module_css-local9",
"media": "_style_module_css-wideScreenClass",
"mediaInSupports": "_style_module_css-displayFlexInMediaInSupports",
"mediaWithOperator": "_style_module_css-narrowScreenClass",
"mozAnimationName": "_style_module_css-mozAnimationName",
"mozAnyWmultiParams": "_style_module_css-local15",
"myColor": "--_style_module_css-my-color",
"nested": "_style_module_css-nested1 undefined _style_module_css-nested3",
"notAValidCssModuleExtension": true,
"notWmultiParams": "_style_module_css-local7",
"paddingLg": "_style_module_css-padding-lg",
"paddingSm": "_style_module_css-padding-sm",
"pastWmultiParams": "_style_module_css-local13",
"supports": "_style_module_css-displayGridInSupports",
"supportsInMedia": "_style_module_css-displayFlexInSupportsInMedia",
"supportsWithOperator": "_style_module_css-floatRightInNegativeSupports",
"vars": "--_style_module_css-local-color _style_module_css-vars undefined _style_module_css-globalVars",
"webkitAnyWmultiParams": "_style_module_css-local16",
"whereWmultiParams": "_style_module_css-local10",
}
`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to create css modules: prod 1`] = `
Object {
"UsedClassName": "my-app-194-ZL",
"VARS": "--my-app-235-I0 my-app-235-XE undefined my-app-235-wt",
"animation": "my-app-235-lY",
"animationName": "my-app-235-iZ",
"class": "my-app-235-zg",
"classInContainer": "my-app-235-bK",
"classLocalScope": "my-app-235-Ci",
"cssModuleWithCustomFileExtension": "my-app-666-k",
"currentWmultiParams": "my-app-235-Hq",
"deepClassInContainer": "my-app-235-Y1",
"displayFlexInSupportsInMediaUpperCase": "my-app-235-ij",
"exportLocalVarsShouldCleanup": "false false",
"futureWmultiParams": "my-app-235-Hb",
"global": undefined,
"hasWmultiParams": "my-app-235-AO",
"ident": "my-app-235-bD",
"inLocalGlobalScope": "my-app-235-V0",
"inSupportScope": "my-app-235-nc",
"isWmultiParams": "my-app-235-aq",
"keyframes": "my-app-235-$t",
"keyframesUPPERCASE": "my-app-235-zG",
"local": "my-app-235-Hi my-app-235-OB my-app-235-VE my-app-235-O2",
"local2": "my-app-235-Vj my-app-235-OH",
"localkeyframes2UPPPERCASE": "my-app-235-Dk",
"matchesWmultiParams": "my-app-235-VN",
"media": "my-app-235-a7",
"mediaInSupports": "my-app-235-aY",
"mediaWithOperator": "my-app-235-uf",
"mozAnimationName": "my-app-235-M6",
"mozAnyWmultiParams": "my-app-235-OP",
"myColor": "--my-app-235-rX",
"nested": "my-app-235-nb undefined my-app-235-$Q",
"notAValidCssModuleExtension": true,
"notWmultiParams": "my-app-235-H5",
"paddingLg": "my-app-235-cD",
"paddingSm": "my-app-235-dW",
"pastWmultiParams": "my-app-235-O4",
"supports": "my-app-235-sW",
"supportsInMedia": "my-app-235-II",
"supportsWithOperator": "my-app-235-TZ",
"vars": "--my-app-235-uz my-app-235-f undefined my-app-235-aK",
"webkitAnyWmultiParams": "my-app-235-Hw",
"whereWmultiParams": "my-app-235-VM",
}
`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to create css modules: prod 2`] = `
Object {
"UsedClassName": "my-app-194-ZL",
"VARS": "--my-app-235-I0 my-app-235-XE undefined my-app-235-wt",
"animation": "my-app-235-lY",
"animationName": "my-app-235-iZ",
"class": "my-app-235-zg",
"classInContainer": "my-app-235-bK",
"classLocalScope": "my-app-235-Ci",
"cssModuleWithCustomFileExtension": "my-app-666-k",
"currentWmultiParams": "my-app-235-Hq",
"deepClassInContainer": "my-app-235-Y1",
"displayFlexInSupportsInMediaUpperCase": "my-app-235-ij",
"exportLocalVarsShouldCleanup": "false false",
"futureWmultiParams": "my-app-235-Hb",
"global": undefined,
"hasWmultiParams": "my-app-235-AO",
"ident": "my-app-235-bD",
"inLocalGlobalScope": "my-app-235-V0",
"inSupportScope": "my-app-235-nc",
"isWmultiParams": "my-app-235-aq",
"keyframes": "my-app-235-$t",
"keyframesUPPERCASE": "my-app-235-zG",
"local": "my-app-235-Hi my-app-235-OB my-app-235-VE my-app-235-O2",
"local2": "my-app-235-Vj my-app-235-OH",
"localkeyframes2UPPPERCASE": "my-app-235-Dk",
"matchesWmultiParams": "my-app-235-VN",
"media": "my-app-235-a7",
"mediaInSupports": "my-app-235-aY",
"mediaWithOperator": "my-app-235-uf",
"mozAnimationName": "my-app-235-M6",
"mozAnyWmultiParams": "my-app-235-OP",
"myColor": "--my-app-235-rX",
"nested": "my-app-235-nb undefined my-app-235-$Q",
"notAValidCssModuleExtension": true,
"notWmultiParams": "my-app-235-H5",
"paddingLg": "my-app-235-cD",
"paddingSm": "my-app-235-dW",
"pastWmultiParams": "my-app-235-O4",
"supports": "my-app-235-sW",
"supportsInMedia": "my-app-235-II",
"supportsWithOperator": "my-app-235-TZ",
"vars": "--my-app-235-uz my-app-235-f undefined my-app-235-aK",
"webkitAnyWmultiParams": "my-app-235-Hw",
"whereWmultiParams": "my-app-235-VM",
}
`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: class-dev 1`] = `"_style_module_css-class"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: class-prod 1`] = `"my-app-235-zg"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: class-prod 2`] = `"my-app-235-zg"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local1-dev 1`] = `"_style_module_css-local1"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local1-prod 1`] = `"my-app-235-Hi"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local1-prod 2`] = `"my-app-235-Hi"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local2-dev 1`] = `"_style_module_css-local2"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local2-prod 1`] = `"my-app-235-OB"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local2-prod 2`] = `"my-app-235-OB"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local3-dev 1`] = `"_style_module_css-local3"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local3-prod 1`] = `"my-app-235-VE"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local3-prod 2`] = `"my-app-235-VE"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local4-dev 1`] = `"_style_module_css-local4"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local4-prod 1`] = `"my-app-235-O2"`;
exports[`ConfigCacheTestCases css css-modules-in-node exported tests should allow to import css modules: local4-prod 2`] = `"my-app-235-O2"`;
exports[`ConfigCacheTestCases css css-modules-no-space exported tests should allow to create css modules 1`] = `
Object {
"class": "_style_module_css-class",
}
`;
exports[`ConfigCacheTestCases css css-modules-no-space exported tests should allow to create css modules 2`] = `
"/*!******************************!*\\\\
!*** css ./style.module.css ***!
\\\\******************************/
._style_module_css-no-space {
.class {
color: red;
}
/** test **/.class {
color: red;
}
._style_module_css-class {
color: red;
}
/** test **/._style_module_css-class {
color: red;
}
/** test **/#_style_module_css-hash {
color: red;
}
/** test **/{
color: red;
}
}
"
`;
exports[`ConfigCacheTestCases css css-order exported tests keep consistent css order 1`] = `".button-module { padding: 8px 16px; background-color: #007bff; color: white; border: none; border-radius: 4px;}.teaser-module { padding: 20px; border: 1px solid #ddd; border-radius: 8px; margin: 16px;}.teaser-module { background-color: orange;}"`;
exports[`ConfigCacheTestCases css css-order-concatenate-modules exported tests keep consistent css order 1`] = `".a { color: red;}.b{ color: green;}.c{ color: black;}"`;
exports[`ConfigCacheTestCases css css-order-reexport exported tests keep consistent css order 1`] = `".dependency2::before { content: \\"dependency2\\";}.dependency::before { content: \\"dependency\\";}"`;
exports[`ConfigCacheTestCases css css-order2 exported tests keep consistent css order 1`] = `".dependency2::before { content: \\"dependency2\\";}.dependency::before { content: \\"dependency\\";}"`;
exports[`ConfigCacheTestCases css css-order3 exported tests keep consistent css order 1`] = `".dependency3::before { content: \\"dependency3\\";}.dependency2::before { content: \\"dependency2\\";}.dependency::before { content: \\"dependency\\";}"`;
exports[`ConfigCacheTestCases css escape-unescape exported tests should work with URLs in CSS: classes 1`] = `
Object {
"#": "_style_modules_css-#",
"##": "_style_modules_css-##",
"#.#.#": "_style_modules_css-#.#.#",
"#fake-id": "_style_modules_css-#fake-id",
"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.": "_style_modules_css-++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.",
"-a-b-c-": "_style_modules_css--a-b-c-",
"-a0-34a___f": "_style_modules_css--a0-34a___f",
".": "_style_modules_css-.",
"123": "_style_modules_css-123",
"1a2b3c": "_style_modules_css-1a2b3c",
":)": "_style_modules_css-:)",
":\`(": "_style_modules_css-:\`(",
":hover": "_style_modules_css-:hover",
":hover:focus:active": "_style_modules_css-:hover:focus:active",
"<><<<>><>": "_style_modules_css-<><<<>><>",
"<p>": "_style_modules_css-<p>",
"?": "_style_modules_css-?",
"@": "_style_modules_css-@",
"B&W?": "_style_modules_css-B&W?",
"[attr=value]": "_style_modules_css-[attr=value]",
"_": "_style_modules_css-_",
"_test": "_style_modules_css-_test",
"class": "_style_modules_css-class",
"className": "_style_modules_css-className",
"f!o!o": "_style_modules_css-f!o!o",
"f'o'o": "_style_modules_css-f'o'o",
"f*o*o": "_style_modules_css-f*o*o",
"f+o+o": "_style_modules_css-f+o+o",
"f/o/o": "_style_modules_css-f/o/o",
"f@oo": "_style_modules_css-f@oo",
"f\\\\o\\\\o": "_style_modules_css-f\\\\o\\\\o",
"foo.bar": "_style_modules_css-foo.bar",
"foo/bar": "_style_modules_css-foo/bar",
"foo/bar/baz": "_style_modules_css-foo/bar/baz",
"foo\\\\bar": "_style_modules_css-foo\\\\bar",
"foo\\\\bar\\\\baz": "_style_modules_css-foo\\\\bar\\\\baz",
"f~o~o": "_style_modules_css-f~o~o",
"m_x_@": "_style_modules_css-m_x_@",
"main-bg-color": "--_style_modules_css-main-bg-color",
"main-bg-color-@2": "--_style_modules_css-main-bg-color-@2",
"someId": "_style_modules_css-someId",
"subClass": "_style_modules_css-subClass",
"test": "_style_modules_css-test",
"{}": "_style_modules_css-{}",
"©": "_style_modules_css-©",
"“‘’”": "_style_modules_css-“‘’”",
"⌘⌥": "_style_modules_css-⌘⌥",
"☺☃": "_style_modules_css-☺☃",
"♥": "_style_modules_css-♥",
"𝄞♪♩♫♬": "_style_modules_css-𝄞♪♩♫♬",
"💩": "_style_modules_css-💩",
"😍": "_style_modules_css-😍",
}
`;
exports[`ConfigCacheTestCases css escape-unescape exported tests should work with URLs in CSS: classes 2`] = `
Object {
"#": "_style_modules_css-#",
"##": "_style_modules_css-##",
"#.#.#": "_style_modules_css-#.#.#",
"#fake-id": "_style_modules_css-#fake-id",
"++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.": "_style_modules_css-++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.",
"-a-b-c-": "_style_modules_css--a-b-c-",
"-a0-34a___f": "_style_modules_css--a0-34a___f",
".": "_style_modules_css-.",
"123": "_style_modules_css-123",
"1a2b3c": "_style_modules_css-1a2b3c",
":)": "_style_modules_css-:)",
":\`(": "_style_modules_css-:\`(",
":hover": "_style_modules_css-:hover",
":hover:focus:active": "_style_modules_css-:hover:focus:active",
"<><<<>><>": "_style_modules_css-<><<<>><>",
"<p>": "_style_modules_css-<p>",
"?": "_style_modules_css-?",
"@": "_style_modules_css-@",
"B&W?": "_style_modules_css-B&W?",
"[attr=value]": "_style_modules_css-[attr=value]",
"_": "_style_modules_css-_",
"_test": "_style_modules_css-_test",
"class": "_style_modules_css-class",
"className": "_style_modules_css-className",
"f!o!o": "_style_modules_css-f!o!o",
"f'o'o": "_style_modules_css-f'o'o",
"f*o*o": "_style_modules_css-f*o*o",
"f+o+o": "_style_modules_css-f+o+o",
"f/o/o": "_style_modules_css-f/o/o",
"f@oo": "_style_modules_css-f@oo",
"f\\\\o\\\\o": "_style_modules_css-f\\\\o\\\\o",
"foo.bar": "_style_modules_css-foo.bar",
"foo/bar": "_style_modules_css-foo/bar",
"foo/bar/baz": "_style_modules_css-foo/bar/baz",
"foo\\\\bar": "_style_modules_css-foo\\\\bar",
"foo\\\\bar\\\\baz": "_style_modules_css-foo\\\\bar\\\\baz",
"f~o~o": "_style_modules_css-f~o~o",
"m_x_@": "_style_modules_css-m_x_@",
"main-bg-color": "--_style_modules_css-main-bg-color",
"main-bg-color-@2": "--_style_modules_css-main-bg-color-@2",
"someId": "_style_modules_css-someId",
"subClass": "_style_modules_css-subClass",
"test": "_style_modules_css-test",
"{}": "_style_modules_css-{}",
"©": "_style_modules_css-©",
"“‘’”": "_style_modules_css-“‘’”",
"⌘⌥": "_style_modules_css-⌘⌥",
"☺☃": "_style_modules_css-☺☃",
"♥": "_style_modules_css-♥",
"𝄞♪♩♫♬": "_style_modules_css-𝄞♪♩♫♬",
"💩": "_style_modules_css-💩",
"😍": "_style_modules_css-😍",
}
`;
exports[`ConfigCacheTestCases css escape-unescape exported tests should work with URLs in CSS: css 1`] = `
Array [
"/*!*******************************!*\\\\
!*** css ./style.modules.css ***!
\\\\*******************************/
._style_modules_css-class {
color: red;
}
._style_modules_css-class {
background: blue;
}
._style_modules_css-test {
background: red;
}
._style_modules_css-_test {
background: blue;
}
._style_modules_css-className {
background: red;
}
#_style_modules_css-someId {
background: green;
}
._style_modules_css-className ._style_modules_css-subClass {
color: green;
}
#_style_modules_css-someId ._style_modules_css-subClass {
color: blue;
}
._style_modules_css--a0-34a___f {
color: red;
}
._style_modules_css-m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
._style_modules_css-B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
._style_modules_css-\\\\:\\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
._style_modules_css-1a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#_style_modules_css-\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#_style_modules_css--a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#_style_modules_css-© {
color: black;
}
._style_modules_css-♥ { background: lime; }
._style_modules_css-© { background: lime; }
._style_modules_css-😍 { background: lime; }
._style_modules_css-“‘’” { background: lime; }
._style_modules_css-☺☃ { background: lime; }
._style_modules_css-⌘⌥ { background: lime; }
._style_modules_css-𝄞♪♩♫♬ { background: lime; }
._style_modules_css-💩 { background: lime; }
._style_modules_css-\\\\? { background: lime; }
._style_modules_css-\\\\@ { background: lime; }
._style_modules_css-\\\\. { background: lime; }
._style_modules_css-\\\\:\\\\) { background: lime; }
._style_modules_css-\\\\:\\\\\`\\\\( { background: lime; }
._style_modules_css-123 { background: lime; }
._style_modules_css-1a2b3c { background: lime; }
._style_modules_css-\\\\<p\\\\> { background: lime; }
._style_modules_css-\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
._style_modules_css-\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.------\\\\.--------\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
._style_modules_css-\\\\# { background: lime; }
._style_modules_css-\\\\#\\\\# { background: lime; }
._style_modules_css-\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
._style_modules_css-_ { background: lime; }
._style_modules_css-\\\\{\\\\} { background: lime; }
._style_modules_css-\\\\#fake-id { background: lime; }
._style_modules_css-foo\\\\.bar { background: lime; }
._style_modules_css-\\\\:hover { background: lime; }
._style_modules_css-\\\\:hover\\\\:focus\\\\:active { background: lime; }
._style_modules_css-\\\\[attr\\\\=value\\\\] { background: lime; }
._style_modules_css-f\\\\/o\\\\/o { background: lime; }
._style_modules_css-f\\\\\\\\o\\\\\\\\o { background: lime; }
._style_modules_css-f\\\\*o\\\\*o { background: lime; }
._style_modules_css-f\\\\!o\\\\!o { background: lime; }
._style_modules_css-f\\\\'o\\\\'o { background: lime; }
._style_modules_css-f\\\\~o\\\\~o { background: lime; }
._style_modules_css-f\\\\+o\\\\+o { background: lime; }
._style_modules_css-foo\\\\/bar {
background: hotpink;
}
._style_modules_css-foo\\\\\\\\bar {
background: hotpink;
}
._style_modules_css-foo\\\\/bar\\\\/baz {
background: hotpink;
}
._style_modules_css-foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
:root {
--_style_modules_css-main-bg-color: red;
--_style_modules_css-main-bg-color-\\\\@2: blue;
}
details {
background-color: var(--_style_modules_css-main-bg-color);
background-color: var(--_style_modules_css-main-bg-color-\\\\@2);
}
@keyframes _style_modules_css-f\\\\@oo { from { color: red; } to { color: blue; } }
",
]
`;
exports[`ConfigCacheTestCases css escape-unescape exported tests should work with URLs in CSS: css 2`] = `
Array [
"/*!*******************************!*\\\\
!*** css ./style.modules.css ***!
\\\\*******************************/
._style_modules_css-class {
color: red;
}
._style_modules_css-class {
background: blue;
}
._style_modules_css-test {
background: red;
}
._style_modules_css-_test {
background: blue;
}
._style_modules_css-className {
background: red;
}
#_style_modules_css-someId {
background: green;
}
._style_modules_css-className ._style_modules_css-subClass {
color: green;
}
#_style_modules_css-someId ._style_modules_css-subClass {
color: blue;
}
._style_modules_css--a0-34a___f {
color: red;
}
._style_modules_css-m_x_\\\\@ {
margin-left: auto !important;
margin-right: auto !important;
}
._style_modules_css-B\\\\&W\\\\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=\\":\`(\\" */
._style_modules_css-\\\\:\\\\\`\\\\( {
color: aqua;
}
/* matches elements with class=\\"1a2b3c\\" */
._style_modules_css-1a2b3c {
color: aliceblue;
}
/* matches the element with id=\\"#fake-id\\" */
#_style_modules_css-\\\\#fake-id {
color: antiquewhite;
}
/* matches the element with id=\\"-a-b-c-\\" */
#_style_modules_css--a-b-c- {
color: azure;
}
/* matches the element with id=\\"©\\" */
#_style_modules_css-© {
color: black;
}
._style_modules_css-♥ { background: lime; }
._style_modules_css-© { background: lime; }
._style_modules_css-😍 { background: lime; }
._style_modules_css-“‘’” { background: lime; }
._style_modules_css-☺☃ { background: lime; }
._style_modules_css-⌘⌥ { background: lime; }
._style_modules_css-𝄞♪♩♫♬ { background: lime; }
._style_modules_css-💩 { background: lime; }
._style_modules_css-\\\\? { background: lime; }
._style_modules_css-\\\\@ { background: lime; }
._style_modules_css-\\\\. { background: lime; }
._style_modules_css-\\\\:\\\\) { background: lime; }
._style_modules_css-\\\\:\\\\\`\\\\( { background: lime; }
._style_modules_css-123 { background: lime; }
._style_modules_css-1a2b3c { background: lime; }
._style_modules_css-\\\\<p\\\\> { background: lime; }
._style_modules_css-\\\\<\\\\>\\\\<\\\\<\\\\<\\\\>\\\\>\\\\<\\\\> { background: lime; }
._style_modules_css-\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\[\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\>\\\\+\\\\+\\\\+\\\\>\\\\+\\\\<\\\\<\\\\<\\\\<-\\\\]\\\\>\\\\+\\\\+\\\\.\\\\>\\\\+\\\\.\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\.\\\\+\\\\+\\\\+\\\\.\\\\>\\\\+\\\\+\\\\.\\\\<\\\\<\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\+\\\\.\\\\>\\\\.\\\\+\\\\+\\\\+\\\\.------\\\\.--------\\\\.\\\\>\\\\+\\\\.\\\\>\\\\. { background: lime; }
._style_modules_css-\\\\# { background: lime; }
._style_modules_css-\\\\#\\\\# { background: lime; }
._style_modules_css-\\\\#\\\\.\\\\#\\\\.\\\\# { background: lime; }
._style_modules_css-_ { background: lime; }
._style_modules_css-\\\\{\\\\} { background: lime; }
._style_modules_css-\\\\#fake-id { background: lime; }
._style_modules_css-foo\\\\.bar { background: lime; }
._style_modules_css-\\\\:hover { background: lime; }
._style_modules_css-\\\\:hover\\\\:focus\\\\:active { background: lime; }
._style_modules_css-\\\\[attr\\\\=value\\\\] { background: lime; }
._style_modules_css-f\\\\/o\\\\/o { background: lime; }
._style_modules_css-f\\\\\\\\o\\\\\\\\o { background: lime; }
._style_modules_css-f\\\\*o\\\\*o { background: lime; }
._style_modules_css-f\\\\!o\\\\!o { background: lime; }
._style_modules_css-f\\\\'o\\\\'o { background: lime; }
._style_modules_css-f\\\\~o\\\\~o { background: lime; }
._style_modules_css-f\\\\+o\\\\+o { background: lime; }
._style_modules_css-foo\\\\/bar {
background: hotpink;
}
._style_modules_css-foo\\\\\\\\bar {
background: hotpink;
}
._style_modules_css-foo\\\\/bar\\\\/baz {
background: hotpink;
}
._style_modules_css-foo\\\\\\\\bar\\\\\\\\baz {
background: hotpink;
}
:root {
--_style_modules_css-main-bg-color: red;
--_style_modules_css-main-bg-color-\\\\@2: blue;
}
details {
background-color: var(--_style_modules_css-main-bg-color);
background-color: var(--_style_modules_css-main-bg-color-\\\\@2);
}
@keyframes _style_modules_css-f\\\\@oo { from { color: red; } to { color: blue; } }
",
]
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 1`] = `
Object {
"btn--info_is-disabled_1": "_style_module_css_as-is-btn--info_is-disabled_1",
"btn-info_is-disabled": "_style_module_css_as-is-btn-info_is-disabled",
"class": "_style_module_css_as-is-class",
"default": "_style_module_css_as-is-default",
"foo": "bar",
"foo_bar": "_style_module_css_as-is-foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "_style_module_css_as-is-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 2`] = `
Object {
"btn--info_is-disabled_1": "_856-btn--info_is-disabled_1",
"btn-info_is-disabled": "_856-btn-info_is-disabled",
"class": "_856-class",
"default": "_856-default",
"foo": "bar",
"foo_bar": "_856-foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "_856-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 3`] = `
Object {
"btn--info_is-disabled_1": "_style_module_css_as-is-btn--info_is-disabled_1",
"btn-info_is-disabled": "_style_module_css_as-is-btn-info_is-disabled",
"class": "_style_module_css_as-is-class",
"default": "_style_module_css_as-is-default",
"foo": "bar",
"foo_bar": "_style_module_css_as-is-foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "_style_module_css_as-is-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 4`] = `
Object {
"btn--info_is-disabled_1": "_856-btn--info_is-disabled_1",
"btn-info_is-disabled": "_856-btn-info_is-disabled",
"class": "_856-class",
"default": "_856-default",
"foo": "bar",
"foo_bar": "_856-foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "_856-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 1`] = `
Object {
"btn--info_is-disabled_1": "_style_module_css_camel-case-btn--info_is-disabled_1",
"btn-info_is-disabled": "_style_module_css_camel-case-btn-info_is-disabled",
"btnInfoIsDisabled": "_style_module_css_camel-case-btn-info_is-disabled",
"btnInfoIsDisabled1": "_style_module_css_camel-case-btn--info_is-disabled_1",
"class": "_style_module_css_camel-case-class",
"default": "_style_module_css_camel-case-default",
"foo": "bar",
"fooBar": "_style_module_css_camel-case-foo_bar",
"foo_bar": "_style_module_css_camel-case-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfoIsDisabled": "value",
"simple": "_style_module_css_camel-case-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 2`] = `
Object {
"btn--info_is-disabled_1": "_612-btn--info_is-disabled_1",
"btn-info_is-disabled": "_612-btn-info_is-disabled",
"btnInfoIsDisabled": "_612-btn-info_is-disabled",
"btnInfoIsDisabled1": "_612-btn--info_is-disabled_1",
"class": "_612-class",
"default": "_612-default",
"foo": "bar",
"fooBar": "_612-foo_bar",
"foo_bar": "_612-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfoIsDisabled": "value",
"simple": "_612-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 3`] = `
Object {
"btn--info_is-disabled_1": "_style_module_css_camel-case-btn--info_is-disabled_1",
"btn-info_is-disabled": "_style_module_css_camel-case-btn-info_is-disabled",
"btnInfoIsDisabled": "_style_module_css_camel-case-btn-info_is-disabled",
"btnInfoIsDisabled1": "_style_module_css_camel-case-btn--info_is-disabled_1",
"class": "_style_module_css_camel-case-class",
"default": "_style_module_css_camel-case-default",
"foo": "bar",
"fooBar": "_style_module_css_camel-case-foo_bar",
"foo_bar": "_style_module_css_camel-case-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfoIsDisabled": "value",
"simple": "_style_module_css_camel-case-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 4`] = `
Object {
"btn--info_is-disabled_1": "_612-btn--info_is-disabled_1",
"btn-info_is-disabled": "_612-btn-info_is-disabled",
"btnInfoIsDisabled": "_612-btn-info_is-disabled",
"btnInfoIsDisabled1": "_612-btn--info_is-disabled_1",
"class": "_612-class",
"default": "_612-default",
"foo": "bar",
"fooBar": "_612-foo_bar",
"foo_bar": "_612-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfoIsDisabled": "value",
"simple": "_612-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case-only 1`] = `
Object {
"btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled",
"btnInfoIsDisabled1": "_style_module_css_camel-case-only-btnInfoIsDisabled1",
"class": "_style_module_css_camel-case-only-class",
"default": "_style_module_css_camel-case-only-default",
"foo": "bar",
"fooBar": "_style_module_css_camel-case-only-fooBar",
"myBtnInfoIsDisabled": "value",
"simple": "_style_module_css_camel-case-only-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case-only 2`] = `
Object {
"btnInfoIsDisabled": "_999-btnInfoIsDisabled",
"btnInfoIsDisabled1": "_999-btnInfoIsDisabled1",
"class": "_999-class",
"default": "_999-default",
"foo": "bar",
"fooBar": "_999-fooBar",
"myBtnInfoIsDisabled": "value",
"simple": "_999-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case-only 3`] = `
Object {
"btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled",
"btnInfoIsDisabled1": "_style_module_css_camel-case-only-btnInfoIsDisabled1",
"class": "_style_module_css_camel-case-only-class",
"default": "_style_module_css_camel-case-only-default",
"foo": "bar",
"fooBar": "_style_module_css_camel-case-only-fooBar",
"myBtnInfoIsDisabled": "value",
"simple": "_style_module_css_camel-case-only-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case-only 4`] = `
Object {
"btnInfoIsDisabled": "_999-btnInfoIsDisabled",
"btnInfoIsDisabled1": "_999-btnInfoIsDisabled1",
"class": "_999-class",
"default": "_999-default",
"foo": "bar",
"fooBar": "_999-fooBar",
"myBtnInfoIsDisabled": "value",
"simple": "_999-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: dashes 1`] = `
Object {
"btn--info_is-disabled_1": "_style_module_css_dashes-btn--info_is-disabled_1",
"btn-info_is-disabled": "_style_module_css_dashes-btn-info_is-disabled",
"btnInfo_isDisabled": "_style_module_css_dashes-btn-info_is-disabled",
"btnInfo_isDisabled_1": "_style_module_css_dashes-btn--info_is-disabled_1",
"class": "_style_module_css_dashes-class",
"default": "_style_module_css_dashes-default",
"foo": "bar",
"foo_bar": "_style_module_css_dashes-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfo_isDisabled": "value",
"simple": "_style_module_css_dashes-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: dashes 2`] = `
Object {
"btn--info_is-disabled_1": "_883-btn--info_is-disabled_1",
"btn-info_is-disabled": "_883-btn-info_is-disabled",
"btnInfo_isDisabled": "_883-btn-info_is-disabled",
"btnInfo_isDisabled_1": "_883-btn--info_is-disabled_1",
"class": "_883-class",
"default": "_883-default",
"foo": "bar",
"foo_bar": "_883-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfo_isDisabled": "value",
"simple": "_883-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: dashes 3`] = `
Object {
"btn--info_is-disabled_1": "_style_module_css_dashes-btn--info_is-disabled_1",
"btn-info_is-disabled": "_style_module_css_dashes-btn-info_is-disabled",
"btnInfo_isDisabled": "_style_module_css_dashes-btn-info_is-disabled",
"btnInfo_isDisabled_1": "_style_module_css_dashes-btn--info_is-disabled_1",
"class": "_style_module_css_dashes-class",
"default": "_style_module_css_dashes-default",
"foo": "bar",
"foo_bar": "_style_module_css_dashes-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfo_isDisabled": "value",
"simple": "_style_module_css_dashes-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: dashes 4`] = `
Object {
"btn--info_is-disabled_1": "_883-btn--info_is-disabled_1",
"btn-info_is-disabled": "_883-btn-info_is-disabled",
"btnInfo_isDisabled": "_883-btn-info_is-disabled",
"btnInfo_isDisabled_1": "_883-btn--info_is-disabled_1",
"class": "_883-class",
"default": "_883-default",
"foo": "bar",
"foo_bar": "_883-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfo_isDisabled": "value",
"simple": "_883-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: dashes-only 1`] = `
Object {
"btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled",
"btnInfo_isDisabled_1": "_style_module_css_dashes-only-btnInfo_isDisabled_1",
"class": "_style_module_css_dashes-only-class",
"default": "_style_module_css_dashes-only-default",
"foo": "bar",
"foo_bar": "_style_module_css_dashes-only-foo_bar",
"myBtnInfo_isDisabled": "value",
"simple": "_style_module_css_dashes-only-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: dashes-only 2`] = `
Object {
"btnInfo_isDisabled": "_882-btnInfo_isDisabled",
"btnInfo_isDisabled_1": "_882-btnInfo_isDisabled_1",
"class": "_882-class",
"default": "_882-default",
"foo": "bar",
"foo_bar": "_882-foo_bar",
"myBtnInfo_isDisabled": "value",
"simple": "_882-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: dashes-only 3`] = `
Object {
"btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled",
"btnInfo_isDisabled_1": "_style_module_css_dashes-only-btnInfo_isDisabled_1",
"class": "_style_module_css_dashes-only-class",
"default": "_style_module_css_dashes-only-default",
"foo": "bar",
"foo_bar": "_style_module_css_dashes-only-foo_bar",
"myBtnInfo_isDisabled": "value",
"simple": "_style_module_css_dashes-only-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: dashes-only 4`] = `
Object {
"btnInfo_isDisabled": "_882-btnInfo_isDisabled",
"btnInfo_isDisabled_1": "_882-btnInfo_isDisabled_1",
"class": "_882-class",
"default": "_882-default",
"foo": "bar",
"foo_bar": "_882-foo_bar",
"myBtnInfo_isDisabled": "value",
"simple": "_882-simple",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: upper 1`] = `
Object {
"BTN--INFO_IS-DISABLED_1": "_style_module_css_upper-BTN--INFO_IS-DISABLED_1",
"BTN-INFO_IS-DISABLED": "_style_module_css_upper-BTN-INFO_IS-DISABLED",
"CLASS": "_style_module_css_upper-CLASS",
"DEFAULT": "_style_module_css_upper-DEFAULT",
"FOO": "bar",
"FOO_BAR": "_style_module_css_upper-FOO_BAR",
"MY-BTN-INFO_IS-DISABLED": "value",
"SIMPLE": "_style_module_css_upper-SIMPLE",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: upper 2`] = `
Object {
"BTN--INFO_IS-DISABLED_1": "_133-BTN--INFO_IS-DISABLED_1",
"BTN-INFO_IS-DISABLED": "_133-BTN-INFO_IS-DISABLED",
"CLASS": "_133-CLASS",
"DEFAULT": "_133-DEFAULT",
"FOO": "bar",
"FOO_BAR": "_133-FOO_BAR",
"MY-BTN-INFO_IS-DISABLED": "value",
"SIMPLE": "_133-SIMPLE",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: upper 3`] = `
Object {
"BTN--INFO_IS-DISABLED_1": "_style_module_css_upper-BTN--INFO_IS-DISABLED_1",
"BTN-INFO_IS-DISABLED": "_style_module_css_upper-BTN-INFO_IS-DISABLED",
"CLASS": "_style_module_css_upper-CLASS",
"DEFAULT": "_style_module_css_upper-DEFAULT",
"FOO": "bar",
"FOO_BAR": "_style_module_css_upper-FOO_BAR",
"MY-BTN-INFO_IS-DISABLED": "value",
"SIMPLE": "_style_module_css_upper-SIMPLE",
}
`;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: upper 4`] = `
Object {
"BTN--INFO_IS-DISABLED_1": "_133-BTN--INFO_IS-DISABLED_1",
"BTN-INFO_IS-DISABLED": "_133-BTN-INFO_IS-DISABLED",
"CLASS": "_133-CLASS",
"DEFAULT": "_133-DEFAULT",
"FOO": "bar",
"FOO_BAR": "_133-FOO_BAR",
"MY-BTN-INFO_IS-DISABLED": "value",
"SIMPLE": "_133-SIMPLE",
}
`;
exports[`ConfigCacheTestCases css import exported tests should compile 1`] = `
Array [
"/*!******************************************************************************************!*\\\\
!*** external \\"https://test.cases/path/../../../../configCases/css/import/external.css\\" ***!
\\\\******************************************************************************************/
body {
externally-imported: true;
}
/*!******************************************!*\\\\
!*** external \\"//example.com/style.css\\" ***!
\\\\******************************************/
@import url(\\"//example.com/style.css\\");
/*!*****************************************************************!*\\\\
!*** external \\"https://fonts.googleapis.com/css?family=Roboto\\" ***!
\\\\*****************************************************************/
@import url(\\"https://fonts.googleapis.com/css?family=Roboto\\");
/*!***********************************************************************!*\\\\
!*** external \\"https://fonts.googleapis.com/css?family=Noto+Sans+TC\\" ***!
\\\\***********************************************************************/
@import url(\\"https://fonts.googleapis.com/css?family=Noto+Sans+TC\\");
/*!******************************************************************************!*\\\\
!*** external \\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto\\" ***!
\\\\******************************************************************************/
@import url(\\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto\\");
/*!************************************************************************************!*\\\\
!*** external \\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto?foo=1\\" ***!
\\\\************************************************************************************/
@import url(\\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto?foo=1\\") layer(super.foo) supports(display: flex) screen and (min-width: 400px);
/*!*******************************************************************************************!*\\\\
!*** external \\"https://test.cases/path/../../../../configCases/css/import/external1.css\\" ***!
\\\\*******************************************************************************************/
body {
externally-imported1: true;
}
/*!*******************************************************************************************!*\\\\
!*** external \\"https://test.cases/path/../../../../configCases/css/import/external2.css\\" ***!
\\\\*******************************************************************************************/
body {
externally-imported2: true;
}
/*!*********************************!*\\\\
!*** external \\"external-1.css\\" ***!
\\\\*********************************/
@import url(\\"external-1.css\\");
/*!*********************************!*\\\\
!*** external \\"external-2.css\\" ***!
\\\\*********************************/
@import url(\\"external-2.css\\") supports(display: grid) screen and (max-width: 400px);
/*!*********************************!*\\\\
!*** external \\"external-3.css\\" ***!
\\\\*********************************/
@import url(\\"external-3.css\\") supports(not (display: grid) and (display: flex)) screen and (max-width: 400px);
/*!*********************************!*\\\\
!*** external \\"external-4.css\\" ***!
\\\\*********************************/
@import url(\\"external-4.css\\") supports((selector(h2 > p)) and
(font-tech(color-COLRv1)));
/*!*********************************!*\\\\
!*** external \\"external-5.css\\" ***!
\\\\*********************************/
@import url(\\"external-5.css\\") layer(default);
/*!*********************************!*\\\\
!*** external \\"external-6.css\\" ***!
\\\\*********************************/
@import url(\\"external-6.css\\") layer(default);
/*!*********************************!*\\\\
!*** external \\"external-7.css\\" ***!
\\\\*********************************/
@import url(\\"external-7.css\\") layer();
/*!*********************************!*\\\\
!*** external \\"external-8.css\\" ***!
\\\\*********************************/
@import url(\\"external-8.css\\") layer();
/*!*********************************!*\\\\
!*** external \\"external-9.css\\" ***!
\\\\*********************************/
@import url(\\"external-9.css\\") print;
/*!**********************************!*\\\\
!*** external \\"external-10.css\\" ***!
\\\\**********************************/
@import url(\\"external-10.css\\") print, screen;
/*!**********************************!*\\\\
!*** external \\"external-11.css\\" ***!
\\\\**********************************/
@import url(\\"external-11.css\\") screen;
/*!**********************************!*\\\\
!*** external \\"external-12.css\\" ***!
\\\\**********************************/
@import url(\\"external-12.css\\") screen and (orientation: landscape);
/*!**********************************!*\\\\
!*** external \\"external-13.css\\" ***!
\\\\**********************************/
@import url(\\"external-13.css\\") supports(not (display: flex));
/*!**********************************!*\\\\
!*** external \\"external-14.css\\" ***!
\\\\**********************************/
@import url(\\"external-14.css\\") layer(default) supports(display: grid) screen and (max-width: 400px);
/*!***************************************************!*\\\\
!*** css ./node_modules/style-library/styles.css ***!
\\\\***************************************************/
p {
color: steelblue;
}
/*!************************************************!*\\\\
!*** css ./node_modules/main-field/styles.css ***!
\\\\************************************************/
p {
color: antiquewhite;
}
/*!*********************************************************!*\\\\
!*** css ./node_modules/package-with-exports/style.css ***!
\\\\*********************************************************/
.load-me {
color: red;
}
/*!***************************************!*\\\\
!*** css ./extensions-imported.mycss ***!
\\\\***************************************/
.custom-extension{
color: green;
}.using-loader { color: red; }
/*!***********************!*\\\\
!*** css ./file.less ***!
\\\\***********************/
.link {
color: #428bca;
}
/*!**********************************!*\\\\
!*** css ./with-less-import.css ***!
\\\\**********************************/
.foo {
color: red;
}
/*!*********************************!*\\\\
!*** css ./prefer-relative.css ***!
\\\\*********************************/
.relative {
color: red;
}
/*!************************************************************!*\\\\
!*** css ./node_modules/condition-names-style/default.css ***!
\\\\************************************************************/
.default {
color: steelblue;
}
/*!**************************************************************!*\\\\
!*** css ./node_modules/condition-names-style-mode/mode.css ***!
\\\\**************************************************************/
.mode {
color: red;
}
/*!******************************************************************!*\\\\
!*** css ./node_modules/condition-names-subpath/dist/custom.css ***!
\\\\******************************************************************/
.dist {
color: steelblue;
}
/*!************************************************************************!*\\\\
!*** css ./node_modules/condition-names-subpath-extra/dist/custom.css ***!
\\\\************************************************************************/
.dist {
color: steelblue;
}
/*!******************************************************************!*\\\\
!*** css ./node_modules/condition-names-style-less/default.less ***!
\\\\******************************************************************/
.conditional-names {
color: #428bca;
}
/*!**********************************************************************!*\\\\
!*** css ./node_modules/condition-names-custom-name/custom-name.css ***!
\\\\**********************************************************************/
.custom-name {
color: steelblue;
}
/*!************************************************************!*\\\\
!*** css ./node_modules/style-and-main-library/styles.css ***!
\\\\************************************************************/
.style {
color: steelblue;
}
/*!**************************************************************!*\\\\
!*** css ./node_modules/condition-names-webpack/webpack.css ***!
\\\\**************************************************************/
.webpack {
color: steelblue;
}
/*!*******************************************************************!*\\\\
!*** css ./node_modules/condition-names-style-nested/default.css ***!
\\\\*******************************************************************/
.default {
color: steelblue;
}
/*!******************************!*\\\\
!*** css ./style-import.css ***!
\\\\******************************/
/* Technically, this is not entirely true, but we allow it because the final file can be processed by the loader and return the CSS code */
/* Failed */
/*!*****************************!*\\\\
!*** css ./print.css?foo=1 ***!
\\\\*****************************/
body {
background: black;
}
/*!*****************************!*\\\\
!*** css ./print.css?foo=2 ***!
\\\\*****************************/
body {
background: black;
}
/*!**********************************************!*\\\\
!*** css ./print.css?foo=3 (layer: default) ***!
\\\\**********************************************/
@layer default {
body {
background: black;
}
}
/*!**********************************************!*\\\\
!*** css ./print.css?foo=4 (layer: default) ***!
\\\\**********************************************/
@layer default {
body {
background: black;
}
}
/*!*******************************************************!*\\\\
!*** css ./print.css?foo=5 (supports: display: flex) ***!
\\\\*******************************************************/
@supports (display: flex) {
body {
background: black;
}
}
/*!*******************************************************!*\\\\
!*** css ./print.css?foo=6 (supports: display: flex) ***!
\\\\*******************************************************/
@supports (display: flex) {
body {
background: black;
}
}
/*!********************************************************************!*\\\\
!*** css ./print.css?foo=7 (media: screen and (min-width: 400px)) ***!
\\\\********************************************************************/
@media screen and (min-width: 400px) {
body {
background: black;
}
}
/*!********************************************************************!*\\\\
!*** css ./print.css?foo=8 (media: screen and (min-width: 400px)) ***!
\\\\********************************************************************/
@media screen and (min-width: 400px) {
body {
background: black;
}
}
/*!************************************************************************!*\\\\
!*** css ./print.css?foo=9 (layer: default) (supports: display: flex) ***!
\\\\************************************************************************/
@layer default {
@supports (display: flex) {
body {
background: black;
}
}
}
/*!**************************************************************************************!*\\\\
!*** css ./print.css?foo=10 (layer: default) (media: screen and (min-width: 400px)) ***!
\\\\**************************************************************************************/
@layer default {
@media screen and (min-width: 400px) {
body {
background: black;
}
}
}
/*!***********************************************************************************************!*\\\\
!*** css ./print.css?foo=11 (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\***********************************************************************************************/
@supports (display: flex) {
@media screen and (min-width: 400px) {
body {
background: black;
}
}
}
/*!****************************************************************************************************************!*\\\\
!*** css ./print.css?foo=12 (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\****************************************************************************************************************/
@layer default {
@supports (display: flex) {
@media screen and (min-width: 400px) {
body {
background: black;
}
}
}
}
/*!****************************************************************************************************************!*\\\\
!*** css ./print.css?foo=13 (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\****************************************************************************************************************/
@layer default {
@supports (display: flex) {
@media screen and (min-width: 400px) {
body {
background: black;
}
}
}
}
/*!****************************************************************************************************************!*\\\\
!*** css ./print.css?foo=14 (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\****************************************************************************************************************/
@layer default {
@supports (display: flex) {
@media screen and (min-width: 400px) {
body {
background: black;
}
}
}
}
/*!****************************************************************************************************************!*\\\\
!*** css ./print.css?foo=15 (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\****************************************************************************************************************/
@layer default {
@supports (display: flex) {
@media screen and (min-width: 400px) {
body {
background: black;
}
}
}
}
/*!*****************************************************************************************************************************!*\\\\
!*** css ./print.css?foo=16 (layer: default) (supports: background: url(./img.png)) (media: screen and (min-width: 400px)) ***!
\\\\*****************************************************************************************************************************/
@layer default {
@supports (background: url(./img.png)) {
@media screen and (min-width: 400px) {
body {
background: black;
}
}
}
}
/*!*******************************************************************************************************************************!*\\\\
!*** css ./print.css?foo=17 (layer: default) (supports: background: url(\\"./img.png\\")) (media: screen and (min-width: 400px)) ***!
\\\\*******************************************************************************************************************************/
@layer default {
@supports (background: url(\\"./img.png\\")) {
@media screen and (min-width: 400px) {
body {
background: black;
}
}
}
}
/*!**********************************************!*\\\\
!*** css ./print.css?foo=18 (media: screen) ***!
\\\\**********************************************/
@media screen {
body {
background: black;
}
}
/*!**********************************************!*\\\\
!*** css ./print.css?foo=19 (media: screen) ***!
\\\\**********************************************/
@media screen {
body {
background: black;
}
}
/*!**********************************************!*\\\\
!*** css ./print.css?foo=20 (media: screen) ***!
\\\\**********************************************/
@media screen {
body {
background: black;
}
}
/*!******************************!*\\\\
!*** css ./print.css?foo=21 ***!
\\\\******************************/
body {
background: black;
}
/*!**************************!*\\\\
!*** css ./imported.css ***!
\\\\**************************/
body {
background: green;
}
/*!****************************************!*\\\\
!*** css ./imported.css (layer: base) ***!
\\\\****************************************/
@layer base {
body {
background: green;
}
}
/*!****************************************************!*\\\\
!*** css ./imported.css (supports: display: flex) ***!
\\\\****************************************************/
@supports (display: flex) {
body {
background: green;
}
}
/*!*************************************************!*\\\\
!*** css ./imported.css (media: screen, print) ***!
\\\\*************************************************/
@media screen, print {
body {
background: green;
}
}
/*!******************************!*\\\\
!*** css ./style2.css?foo=1 ***!
\\\\******************************/
a {
color: red;
}
/*!******************************!*\\\\
!*** css ./style2.css?foo=2 ***!
\\\\******************************/
a {
color: red;
}
/*!******************************!*\\\\
!*** css ./style2.css?foo=3 ***!
\\\\******************************/
a {
color: red;
}
/*!******************************!*\\\\
!*** css ./style2.css?foo=4 ***!
\\\\******************************/
a {
color: red;
}
/*!******************************!*\\\\
!*** css ./style2.css?foo=5 ***!
\\\\******************************/
a {
color: red;
}
/*!******************************!*\\\\
!*** css ./style2.css?foo=6 ***!
\\\\******************************/
a {
color: red;
}
/*!******************************!*\\\\
!*** css ./style2.css?foo=7 ***!
\\\\******************************/
a {
color: red;
}
/*!******************************!*\\\\
!*** css ./style2.css?foo=8 ***!
\\\\******************************/
a {
color: red;
}
/*!******************************!*\\\\
!*** css ./style2.css?foo=9 ***!
\\\\******************************/
a {
color: red;
}
/*!********************************************************************!*\\\\
!*** css ./style2.css (media: screen and (orientation:landscape)) ***!
\\\\********************************************************************/
@media screen and (orientation:landscape) {
a {
color: red;
}
}
/*!*********************************************************************!*\\\\
!*** css ./style2.css (media: SCREEN AND (ORIENTATION: LANDSCAPE)) ***!
\\\\*********************************************************************/
@media SCREEN AND (ORIENTATION: LANDSCAPE) {
a {
color: red;
}
}
/*!****************************************************!*\\\\
!*** css ./style2.css (media: (min-width: 100px)) ***!
\\\\****************************************************/
@media (min-width: 100px) {
a {
color: red;
}
}
/*!**********************************!*\\\\
!*** css ./test.css?foo=1&bar=1 ***!
\\\\**********************************/
.class {
content: \\"test.css\\";
}
/*!*****************************************!*\\\\
!*** css ./style2.css?foo=1&bar=1#hash ***!
\\\\*****************************************/
a {
color: red;
}
/*!*************************************************************************************!*\\\\
!*** css ./style2.css?foo=1&bar=1#hash (media: screen and (orientation:landscape)) ***!
\\\\*************************************************************************************/
@media screen and (orientation:landscape) {
a {
color: red;
}
}
/*!******************************!*\\\\
!*** css ./style3.css?bar=1 ***!
\\\\******************************/
.class {
content: \\"style.css\\";
color: red;
}
/*!******************************!*\\\\
!*** css ./style3.css?bar=2 ***!
\\\\******************************/
.class {
content: \\"style.css\\";
color: red;
}
/*!******************************!*\\\\
!*** css ./style3.css?bar=3 ***!
\\\\******************************/
.class {
content: \\"style.css\\";
color: red;
}
/*!******************************!*\\\\
!*** css ./style3.css?=bar4 ***!
\\\\******************************/
.class {
content: \\"style.css\\";
color: red;
}
/*!**************************!*\\\\
!*** css ./styl'le7.css ***!
\\\\**************************/
.class {
content: \\"style7.css\\";
}
/*!********************************!*\\\\
!*** css ./styl'le7.css?foo=1 ***!
\\\\********************************/
.class {
content: \\"style7.css\\";
}
/*!***************************!*\\\\
!*** css ./test test.css ***!
\\\\***************************/
.class {
content: \\"test test.css\\";
}
/*!*********************************!*\\\\
!*** css ./test test.css?foo=1 ***!
\\\\*********************************/
.class {
content: \\"test test.css\\";
}
/*!*********************************!*\\\\
!*** css ./test test.css?foo=2 ***!
\\\\*********************************/
.class {
content: \\"test test.css\\";
}
/*!*********************************!*\\\\
!*** css ./test test.css?foo=3 ***!
\\\\*********************************/
.class {
content: \\"test test.css\\";
}
/*!*********************************!*\\\\
!*** css ./test test.css?foo=4 ***!
\\\\*********************************/
.class {
content: \\"test test.css\\";
}
/*!*********************************!*\\\\
!*** css ./test test.css?foo=5 ***!
\\\\*********************************/
.class {
content: \\"test test.css\\";
}
/*!**********************!*\\\\
!*** css ./test.css ***!
\\\\**********************/
.class {
content: \\"test.css\\";
}
/*!****************************!*\\\\
!*** css ./test.css?foo=1 ***!
\\\\****************************/
.class {
content: \\"test.css\\";
}
/*!****************************!*\\\\
!*** css ./test.css?foo=2 ***!
\\\\****************************/
.class {
content: \\"test.css\\";
}
/*!****************************!*\\\\
!*** css ./test.css?foo=3 ***!
\\\\****************************/
.class {
content: \\"test.css\\";
}
/*!*********************************!*\\\\
!*** css ./test test.css?foo=6 ***!
\\\\*********************************/
.class {
content: \\"test test.css\\";
}
/*!*********************************!*\\\\
!*** css ./test test.css?foo=7 ***!
\\\\*********************************/
.class {
content: \\"test test.css\\";
}
/*!*********************************!*\\\\
!*** css ./test test.css?foo=8 ***!
\\\\*********************************/
.class {
content: \\"test test.css\\";
}
/*!*********************************!*\\\\
!*** css ./test test.css?foo=9 ***!
\\\\*********************************/
.class {
content: \\"test test.css\\";
}
/*!**********************************!*\\\\
!*** css ./test test.css?fpp=10 ***!
\\\\**********************************/
.class {
content: \\"test test.css\\";
}
/*!**********************************!*\\\\
!*** css ./test test.css?foo=11 ***!
\\\\**********************************/
.class {
content: \\"test test.css\\";
}
/*!*********************************!*\\\\
!*** css ./style6.css?foo=bazz ***!
\\\\*********************************/
.class {
content: \\"style6.css\\";
}
/*!********************************************************!*\\\\
!*** css ./string-loader.js?esModule=false!./test.css ***!
\\\\********************************************************/
.class {
content: \\"test.css\\";
}
.using-loader { color: red; }
/*!********************************!*\\\\
!*** css ./style4.css?foo=bar ***!
\\\\********************************/
.class {
content: \\"style4.css\\";
}
/*!*************************************!*\\\\
!*** css ./style4.css?foo=bar#hash ***!
\\\\*************************************/
.class {
content: \\"style4.css\\";
}
/*!******************************!*\\\\
!*** css ./style4.css?#hash ***!
\\\\******************************/
.class {
content: \\"style4.css\\";
}
/*!********************************************************!*\\\\
!*** css ./style4.css?foo=1 (supports: display: flex) ***!
\\\\********************************************************/
@supports (display: flex) {
.class {
content: \\"style4.css\\";
}
}
/*!****************************************************************************************************!*\\\\
!*** css ./style4.css?foo=2 (supports: display: flex) (media: screen and (orientation:landscape)) ***!
\\\\****************************************************************************************************/
@supports (display: flex) {
@media screen and (orientation:landscape) {
.class {
content: \\"style4.css\\";
}
}
}
/*!******************************!*\\\\
!*** css ./style4.css?foo=3 ***!
\\\\******************************/
.class {
content: \\"style4.css\\";
}
/*!******************************!*\\\\
!*** css ./style4.css?foo=4 ***!
\\\\******************************/
.class {
content: \\"style4.css\\";
}
/*!******************************!*\\\\
!*** css ./style4.css?foo=5 ***!
\\\\******************************/
.class {
content: \\"style4.css\\";
}
/*!*****************************************************************************************************!*\\\\
!*** css ./string-loader.js?esModule=false!./test.css (media: screen and (orientation: landscape)) ***!
\\\\*****************************************************************************************************/
@media screen and (orientation: landscape) {
.class {
content: \\"test.css\\";
}
.using-loader { color: red; }}
/*!*************************************************************************************!*\\\\
!*** css data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D ***!
\\\\*************************************************************************************/
a {
color: red;
}
/*!**********************************************************************************************************************************!*\\\\
!*** css data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D (media: screen and (orientation:landscape)) ***!
\\\\**********************************************************************************************************************************/
@media screen and (orientation:landscape) {
a {
color: blue;
}}
/*!***************************************************************************!*\\\\
!*** css data:text/css;charset=utf-8;base64,YSB7DQogIGNvbG9yOiByZWQ7DQp9 ***!
\\\\***************************************************************************/
a {
color: red;
}
/*!******************************!*\\\\
!*** css ./style5.css?foo=1 ***!
\\\\******************************/
.class {
content: \\"style5.css\\";
}
/*!******************************!*\\\\
!*** css ./style5.css?foo=2 ***!
\\\\******************************/
.class {
content: \\"style5.css\\";
}
/*!**************************************************!*\\\\
!*** css ./style5.css?foo=3 (supports: unknown) ***!
\\\\**************************************************/
@supports (unknown) {
.class {
content: \\"style5.css\\";
}
}
/*!********************************************************!*\\\\
!*** css ./style5.css?foo=4 (supports: display: flex) ***!
\\\\********************************************************/
@supports (display: flex) {
.class {
content: \\"style5.css\\";
}
}
/*!*******************************************************************!*\\\\
!*** css ./style5.css?foo=5 (supports: display: flex !important) ***!
\\\\*******************************************************************/
@supports (display: flex !important) {
.class {
content: \\"style5.css\\";
}
}
/*!***********************************************************************************************!*\\\\
!*** css ./style5.css?foo=6 (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\***********************************************************************************************/
@supports (display: flex) {
@media screen and (min-width: 400px) {
.class {
content: \\"style5.css\\";
}
}
}
/*!********************************************************!*\\\\
!*** css ./style5.css?foo=7 (supports: selector(a b)) ***!
\\\\********************************************************/
@supports (selector(a b)) {
.class {
content: \\"style5.css\\";
}
}
/*!********************************************************!*\\\\
!*** css ./style5.css?foo=8 (supports: display: flex) ***!
\\\\********************************************************/
@supports (display: flex) {
.class {
content: \\"style5.css\\";
}
}
/*!*****************************!*\\\\
!*** css ./layer.css?foo=1 ***!
\\\\*****************************/
@layer {
.class {
content: \\"layer.css\\";
}
}
/*!**********************************************!*\\\\
!*** css ./layer.css?foo=2 (layer: default) ***!
\\\\**********************************************/
@layer default {
.class {
content: \\"layer.css\\";
}
}
/*!***************************************************************************************************************!*\\\\
!*** css ./layer.css?foo=3 (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\***************************************************************************************************************/
@layer default {
@supports (display: flex) {
@media screen and (min-width: 400px) {
.class {
content: \\"layer.css\\";
}
}
}
}
/*!**********************************************************************************************!*\\\\
!*** css ./layer.css?foo=3 (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\**********************************************************************************************/
@layer {
@supports (display: flex) {
@media screen and (min-width: 400px) {
.class {
content: \\"layer.css\\";
}
}
}
}
/*!**********************************************************************************************!*\\\\
!*** css ./layer.css?foo=4 (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\**********************************************************************************************/
@layer {
@supports (display: flex) {
@media screen and (min-width: 400px) {
.class {
content: \\"layer.css\\";
}
}
}
}
/*!*****************************!*\\\\
!*** css ./layer.css?foo=5 ***!
\\\\*****************************/
@layer {
.class {
content: \\"layer.css\\";
}
}
/*!**************************************************!*\\\\
!*** css ./layer.css?foo=6 (layer: foo.bar.baz) ***!
\\\\**************************************************/
@layer foo.bar.baz {
.class {
content: \\"layer.css\\";
}
}
/*!*****************************!*\\\\
!*** css ./layer.css?foo=7 ***!
\\\\*****************************/
@layer {
.class {
content: \\"layer.css\\";
}
}
/*!*********************************************************************************************************!*\\\\
!*** css ./style6.css (layer: default) (supports: display: flex) (media: screen and (min-width:400px)) ***!
\\\\*********************************************************************************************************/
@layer default {
@supports (display: flex) {
@media screen and (min-width:400px) {
.class {
content: \\"style6.css\\";
}
}
}
}
/*!***************************************************************************************************************!*\\\\
!*** css ./style6.css?foo=1 (layer: default) (supports: display: flex) (media: screen and (min-width:400px)) ***!
\\\\***************************************************************************************************************/
@layer default {
@supports (display: flex) {
@media screen and (min-width:400px) {
.class {
content: \\"style6.css\\";
}
}
}
}
/*!**********************************************************************************************!*\\\\
!*** css ./style6.css?foo=2 (supports: display: flex) (media: screen and (min-width:400px)) ***!
\\\\**********************************************************************************************/
@supports (display: flex) {
@media screen and (min-width:400px) {
.class {
content: \\"style6.css\\";
}
}
}
/*!********************************************************************!*\\\\
!*** css ./style6.css?foo=3 (media: screen and (min-width:400px)) ***!
\\\\********************************************************************/
@media screen and (min-width:400px) {
.class {
content: \\"style6.css\\";
}
}
/*!********************************************************************!*\\\\
!*** css ./style6.css?foo=4 (media: screen and (min-width:400px)) ***!
\\\\********************************************************************/
@media screen and (min-width:400px) {
.class {
content: \\"style6.css\\";
}
}
/*!********************************************************************!*\\\\
!*** css ./style6.css?foo=5 (media: screen and (min-width:400px)) ***!
\\\\********************************************************************/
@media screen and (min-width:400px) {
.class {
content: \\"style6.css\\";
}
}
/*!****************************************************************************************************************************************************!*\\\\
!*** css ./style6.css?foo=6 (layer: default) (supports: display : flex) (media: screen and ( min-width : 400px )) ***!
\\\\****************************************************************************************************************************************************/
@layer default {
@supports (display : flex) {
@media screen and ( min-width : 400px ) {
.class {
content: \\"style6.css\\";
}
}
}
}
/*!****************************************************************************************************************!*\\\\
!*** css ./style6.css?foo=7 (layer: DEFAULT) (supports: DISPLAY: FLEX) (media: SCREEN AND (MIN-WIDTH: 400PX)) ***!
\\\\****************************************************************************************************************/
@layer DEFAULT {
@supports (DISPLAY: FLEX) {
@media SCREEN AND (MIN-WIDTH: 400PX) {
.class {
content: \\"style6.css\\";
}
}
}
}
/*!***********************************************************************************************!*\\\\
!*** css ./style6.css?foo=8 (supports: DISPLAY: FLEX) (media: SCREEN AND (MIN-WIDTH: 400PX)) ***!
\\\\***********************************************************************************************/
@layer {
@supports (DISPLAY: FLEX) {
@media SCREEN AND (MIN-WIDTH: 400PX) {
.class {
content: \\"style6.css\\";
}
}
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\\\\
!*** css ./style6.css?foo=9 (layer: /* Comment *_/default/* Comment *_/) (supports: /* Comment *_/display/* Comment *_/:/* Comment *_/ flex/* Comment *_/) (media: screen/* Comment *_/ and/* Comment *_/ (/* Comment *_/min-width/* Comment *_/: /* Comment *_/400px/* Comment *_/)) ***!
\\\\****************************************************************************************************************************************************************************************************************************************************************************************/
@layer /* Comment */default/* Comment */ {
@supports (/* Comment */display/* Comment */:/* Comment */ flex/* Comment */) {
@media screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */) {
.class {
content: \\"style6.css\\";
}
}
}
}
/*!*******************************!*\\\\
!*** css ./style6.css?foo=10 ***!
\\\\*******************************/
.class {
content: \\"style6.css\\";
}
/*!*******************************!*\\\\
!*** css ./style6.css?foo=11 ***!
\\\\*******************************/
.class {
content: \\"style6.css\\";
}
/*!*******************************!*\\\\
!*** css ./style6.css?foo=12 ***!
\\\\*******************************/
.class {
content: \\"style6.css\\";
}
/*!*******************************!*\\\\
!*** css ./style6.css?foo=13 ***!
\\\\*******************************/
.class {
content: \\"style6.css\\";
}
/*!*******************************!*\\\\
!*** css ./style6.css?foo=14 ***!
\\\\*******************************/
.class {
content: \\"style6.css\\";
}
/*!*******************************!*\\\\
!*** css ./style6.css?foo=15 ***!
\\\\*******************************/
.class {
content: \\"style6.css\\";
}
/*!**************************************************************************!*\\\\
!*** css ./style6.css?foo=16 (media: print and (orientation:landscape)) ***!
\\\\**************************************************************************/
@media print and (orientation:landscape) {
.class {
content: \\"style6.css\\";
}
}
/*!****************************************************************************************!*\\\\
!*** css ./style6.css?foo=17 (media: print and (orientation:landscape)/* Comment *_/) ***!
\\\\****************************************************************************************/
@media print and (orientation:landscape)/* Comment */ {
.class {
content: \\"style6.css\\";
}
}
/*!**************************************************************************!*\\\\
!*** css ./style6.css?foo=18 (media: print and (orientation:landscape)) ***!
\\\\**************************************************************************/
@media print and (orientation:landscape) {
.class {
content: \\"style6.css\\";
}
}
/*!***************************************************************!*\\\\
!*** css ./style8.css (media: screen and (min-width: 400px)) ***!
\\\\***************************************************************/
@media screen and (min-width: 400px) {
.class {
content: \\"style8.css\\";
}
}
/*!**************************************************************!*\\\\
!*** css ./style8.css (media: (prefers-color-scheme: dark)) ***!
\\\\**************************************************************/
@media (prefers-color-scheme: dark) {
.class {
content: \\"style8.css\\";
}
}
/*!**************************************************!*\\\\
!*** css ./style8.css (supports: display: flex) ***!
\\\\**************************************************/
@supports (display: flex) {
.class {
content: \\"style8.css\\";
}
}
/*!******************************************************!*\\\\
!*** css ./style8.css (supports: ((display: flex))) ***!
\\\\******************************************************/
@supports (((display: flex))) {
.class {
content: \\"style8.css\\";
}
}
/*!********************************************************************************************************!*\\\\
!*** css ./style8.css (supports: ((display: inline-grid))) (media: screen and (((min-width: 400px)))) ***!
\\\\********************************************************************************************************/
@supports (((display: inline-grid))) {
@media screen and (((min-width: 400px))) {
.class {
content: \\"style8.css\\";
}
}
}
/*!**************************************************!*\\\\
!*** css ./style8.css (supports: display: grid) ***!
\\\\**************************************************/
@supports (display: grid) {
.class {
content: \\"style8.css\\";
}
}
/*!*****************************************************************************************!*\\\\
!*** css ./style8.css (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\*****************************************************************************************/
@supports (display: flex) {
@media screen and (min-width: 400px) {
.class {
content: \\"style8.css\\";
}
}
}
/*!*******************************************!*\\\\
!*** css ./style8.css (layer: framework) ***!
\\\\*******************************************/
@layer framework {
.class {
content: \\"style8.css\\";
}
}
/*!*****************************************!*\\\\
!*** css ./style8.css (layer: default) ***!
\\\\*****************************************/
@layer default {
.class {
content: \\"style8.css\\";
}
}
/*!**************************************!*\\\\
!*** css ./style8.css (layer: base) ***!
\\\\**************************************/
@layer base {
.class {
content: \\"style8.css\\";
}
}
/*!*******************************************************************!*\\\\
!*** css ./style8.css (layer: default) (supports: display: flex) ***!
\\\\*******************************************************************/
@layer default {
@supports (display: flex) {
.class {
content: \\"style8.css\\";
}
}
}
/*!**********************************************************************************************************!*\\\\
!*** css ./style8.css (layer: default) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\**********************************************************************************************************/
@layer default {
@supports (display: flex) {
@media screen and (min-width: 400px) {
.class {
content: \\"style8.css\\";
}
}
}
}
/*!************************!*\\\\
!*** css ./style2.css ***!
\\\\************************/
@layer {
a {
color: red;
}
}
/*!*********************************************************************************!*\\\\
!*** css ./style9.css (media: unknown(default) unknown(display: flex) unknown) ***!
\\\\*********************************************************************************/
@media unknown(default) unknown(display: flex) unknown {
.class {
content: \\"style9.css\\";
}
}
/*!**************************************************!*\\\\
!*** css ./style9.css (media: unknown(default)) ***!
\\\\**************************************************/
@media unknown(default) {
.class {
content: \\"style9.css\\";
}
}
/*!*************************!*\\\\
!*** css ./style11.css ***!
\\\\*************************/
.style11 {
color: red;
}
/*!*************************!*\\\\
!*** css ./style12.css ***!
\\\\*************************/
.style12 {
color: red;
}
/*!*************************!*\\\\
!*** css ./style13.css ***!
\\\\*************************/
div{color: red;}
/*!*************************!*\\\\
!*** css ./style10.css ***!
\\\\*************************/
.style10 {
color: red;
}
/*!************************************************************************************!*\\\\
!*** css ./media-deep-deep-nested.css (media: screen and (orientation: portrait)) ***!
\\\\************************************************************************************/
@media screen and (min-width: 400px) {
@media screen and (max-width: 500px) {
@media screen and (orientation: portrait) {
.class {
deep-deep-nested: 1;
}
}
}
}
/*!**************************************************************************!*\\\\
!*** css ./media-deep-nested.css (media: screen and (max-width: 500px)) ***!
\\\\**************************************************************************/
@media screen and (min-width: 400px) {
@media screen and (max-width: 500px) {
.class {
deep-nested: 1;
}
}
}
/*!*********************************************************************!*\\\\
!*** css ./media-nested.css (media: screen and (min-width: 400px)) ***!
\\\\*********************************************************************/
@media screen and (min-width: 400px) {
.class {
nested: 1;
}
}
/*!**********************************************************************!*\\\\
!*** css ./supports-deep-deep-nested.css (supports: display: table) ***!
\\\\**********************************************************************/
@supports (display: flex) {
@supports (display: grid) {
@supports (display: table) {
.class {
deep-deep-nested: 1;
}
}
}
}
/*!****************************************************************!*\\\\
!*** css ./supports-deep-nested.css (supports: display: grid) ***!
\\\\****************************************************************/
@supports (display: flex) {
@supports (display: grid) {
.class {
deep-nested: 1;
}
}
}
/*!***********************************************************!*\\\\
!*** css ./supports-nested.css (supports: display: flex) ***!
\\\\***********************************************************/
@supports (display: flex) {
.class {
nested: 1;
}
}
/*!*****************************************************!*\\\\
!*** css ./layer-deep-deep-nested.css (layer: baz) ***!
\\\\*****************************************************/
@layer foo {
@layer bar {
@layer baz {
.class {
deep-deep-nested: 1;
}
}
}
}
/*!************************************************!*\\\\
!*** css ./layer-deep-nested.css (layer: bar) ***!
\\\\************************************************/
@layer foo {
@layer bar {
.class {
deep-nested: 1;
}
}
}
/*!*******************************************!*\\\\
!*** css ./layer-nested.css (layer: foo) ***!
\\\\*******************************************/
@layer foo {
.class {
nested: 1;
}
}
/*!*********************************************************************************************************************!*\\\\
!*** css ./all-deep-deep-nested.css (layer: baz) (supports: display: table) (media: screen and (min-width: 600px)) ***!
\\\\*********************************************************************************************************************/
@layer foo {
@supports (display: flex) {
@media screen and (min-width: 400px) {
@layer bar {
@supports (display: grid) {
@media screen and (min-width: 500px) {
@layer baz {
@supports (display: table) {
@media screen and (min-width: 600px) {
.class {
deep-deep-nested: 1;
}
}
}
}
}
}
}
}
}
}
/*!***************************************************************************************************************!*\\\\
!*** css ./all-deep-nested.css (layer: bar) (supports: display: grid) (media: screen and (min-width: 500px)) ***!
\\\\***************************************************************************************************************/
@layer foo {
@supports (display: flex) {
@media screen and (min-width: 400px) {
@layer bar {
@supports (display: grid) {
@media screen and (min-width: 500px) {
.class {
deep-nested: 1;
}
}
}
}
}
}
}
/*!**********************************************************************************************************!*\\\\
!*** css ./all-nested.css (layer: foo) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\**********************************************************************************************************/
@layer foo {
@supports (display: flex) {
@media screen and (min-width: 400px) {
.class {
nested: 1;
}
}
}
}
/*!*****************************************************!*\\\\
!*** css ./mixed-deep-deep-nested.css (layer: bar) ***!
\\\\*****************************************************/
@media screen and (min-width: 400px) {
@supports (display: flex) {
@layer bar {
.class {
deep-deep-nested: 1;
}
}
}
}
/*!*************************************************************!*\\\\
!*** css ./mixed-deep-nested.css (supports: display: flex) ***!
\\\\*************************************************************/
@media screen and (min-width: 400px) {
@supports (display: flex) {
.class {
deep-nested: 1;
}
}
}
/*!*********************************************************************!*\\\\
!*** css ./mixed-nested.css (media: screen and (min-width: 400px)) ***!
\\\\*********************************************************************/
@media screen and (min-width: 400px) {
.class {
nested: 1;
}
}
/*!********************************************!*\\\\
!*** css ./anonymous-deep-deep-nested.css ***!
\\\\********************************************/
@layer {
@layer {
@layer {
.class {
deep-deep-nested: 1;
}
}
}
}
/*!***************************************!*\\\\
!*** css ./anonymous-deep-nested.css ***!
\\\\***************************************/
@layer {
@layer {
.class {
deep-nested: 1;
}
}
}
/*!*****************************************************!*\\\\
!*** css ./layer-deep-deep-nested.css (layer: baz) ***!
\\\\*****************************************************/
@layer {
@layer base {
@layer baz {
.class {
deep-deep-nested: 1;
}
}
}
}
/*!*************************************************!*\\\\
!*** css ./layer-deep-nested.css (layer: base) ***!
\\\\*************************************************/
@layer {
@layer base {
.class {
deep-nested: 1;
}
}
}
/*!**********************************!*\\\\
!*** css ./anonymous-nested.css ***!
\\\\**********************************/
@layer {
.class {
deep-nested: 1;
}
}
/*!************************************************************************************!*\\\\
!*** css ./media-deep-deep-nested.css (media: screen and (orientation: portrait)) ***!
\\\\************************************************************************************/
@media screen and (orientation: portrait) {
.class {
deep-deep-nested: 1;
}
}
/*!**************************************************!*\\\\
!*** css ./style8.css (supports: display: flex) ***!
\\\\**************************************************/
@media screen and (orientation: portrait) {
@supports (display: flex) {
.class {
content: \\"style8.css\\";
}
}
}
/*!******************************************************************************!*\\\\
!*** css ./duplicate-nested.css (media: screen and (orientation: portrait)) ***!
\\\\******************************************************************************/
@media screen and (orientation: portrait) {
.class {
duplicate-nested: true;
}
}
/*!********************************************!*\\\\
!*** css ./anonymous-deep-deep-nested.css ***!
\\\\********************************************/
@supports (display: flex) {
@media screen and (orientation: portrait) {
@layer {
@layer {
.class {
deep-deep-nested: 1;
}
}
}
}
}
/*!***************************************!*\\\\
!*** css ./anonymous-deep-nested.css ***!
\\\\***************************************/
@supports (display: flex) {
@media screen and (orientation: portrait) {
@layer {
.class {
deep-nested: 1;
}
}
}
}
/*!*****************************************************!*\\\\
!*** css ./layer-deep-deep-nested.css (layer: baz) ***!
\\\\*****************************************************/
@supports (display: flex) {
@media screen and (orientation: portrait) {
@layer base {
@layer baz {
.class {
deep-deep-nested: 1;
}
}
}
}
}
/*!*************************************************!*\\\\
!*** css ./layer-deep-nested.css (layer: base) ***!
\\\\*************************************************/
@supports (display: flex) {
@media screen and (orientation: portrait) {
@layer base {
.class {
deep-nested: 1;
}
}
}
}
/*!********************************************************************************************************!*\\\\
!*** css ./anonymous-nested.css (supports: display: flex) (media: screen and (orientation: portrait)) ***!
\\\\********************************************************************************************************/
@supports (display: flex) {
@media screen and (orientation: portrait) {
.class {
deep-nested: 1;
}
}
}
/*!*********************************************************************************************************************!*\\\\
!*** css ./all-deep-deep-nested.css (layer: baz) (supports: display: table) (media: screen and (min-width: 600px)) ***!
\\\\*********************************************************************************************************************/
@layer super.foo {
@supports (display: flex) {
@media screen and (min-width: 400px) {
@layer bar {
@supports (display: grid) {
@media screen and (min-width: 500px) {
@layer baz {
@supports (display: table) {
@media screen and (min-width: 600px) {
.class {
deep-deep-nested: 1;
}
}
}
}
}
}
}
}
}
}
/*!***************************************************************************************************************!*\\\\
!*** css ./all-deep-nested.css (layer: bar) (supports: display: grid) (media: screen and (min-width: 500px)) ***!
\\\\***************************************************************************************************************/
@layer super.foo {
@supports (display: flex) {
@media screen and (min-width: 400px) {
@layer bar {
@supports (display: grid) {
@media screen and (min-width: 500px) {
.class {
deep-nested: 1;
}
}
}
}
}
}
}
/*!****************************************************************************************************************!*\\\\
!*** css ./all-nested.css (layer: super.foo) (supports: display: flex) (media: screen and (min-width: 400px)) ***!
\\\\****************************************************************************************************************/
@layer super.foo {
@supports (display: flex) {
@media screen and (min-width: 400px) {
.class {
nested: 1;
}
}
}
}
/*!***************************************************************************************************************!*\\\\
!*** css ./style2.css?warning=6 (supports: unknown: layer(super.foo)) (media: screen and (min-width: 400px)) ***!
\\\\***************************************************************************************************************/
@supports (unknown: layer(super.foo)) {
@media screen and (min-width: 400px) {
a {
color: red;
}
}
}
/*!***************************************************************************************************************!*\\\\
!*** css ./style2.css?warning=7 (supports: url: url(\\"./unknown.css\\")) (media: screen and (min-width: 400px)) ***!
\\\\***************************************************************************************************************/
@supports (url: url(\\"./unknown.css\\")) {
@media screen and (min-width: 400px) {
a {
color: red;
}
}
}
/*!*************************************************************************************************************!*\\\\
!*** css ./style2.css?warning=8 (supports: url: url(./unknown.css)) (media: screen and (min-width: 400px)) ***!
\\\\*************************************************************************************************************/
@supports (url: url(./unknown.css)) {
@media screen and (min-width: 400px) {
a {
color: red;
}
}
}
/*!***************************************************************************************************************************************!*\\\\
!*** css ./style2.css?foo=unknown (layer: super.foo) (supports: display: flex) (media: unknown(\\"foo\\") screen and (min-width: 400px)) ***!
\\\\***************************************************************************************************************************************/
@layer super.foo {
@supports (display: flex) {
@media unknown(\\"foo\\") screen and (min-width: 400px) {
a {
color: red;
}
}
}
}
/*!******************************************************************************************************************************************************!*\\\\
!*** css ./style2.css?foo=unknown1 (layer: super.foo) (supports: display: url(\\"./unknown.css\\")) (media: unknown(foo) screen and (min-width: 400px)) ***!
\\\\******************************************************************************************************************************************************/
@layer super.foo {
@supports (display: url(\\"./unknown.css\\")) {
@media unknown(foo) screen and (min-width: 400px) {
a {
color: red;
}
}
}
}
/*!*********************************************************************************************************************************************!*\\\\
!*** css ./style2.css?foo=unknown2 (layer: super.foo) (supports: display: url(./unknown.css)) (media: \\"foo\\" screen and (min-width: 400px)) ***!
\\\\*********************************************************************************************************************************************/
@layer super.foo {
@supports (display: url(./unknown.css)) {
@media \\"foo\\" screen and (min-width: 400px) {
a {
color: red;
}
}
}
}
/*!***************************************************!*\\\\
!*** css ./style2.css?unknown3 (media: \\"string\\") ***!
\\\\***************************************************/
@media \\"string\\" {
a {
color: red;
}
}
/*!**********************************************************************************************************************************!*\\\\
!*** css ./style2.css?wrong-order-but-valid=6 (supports: display: flex) (media: layer(super.foo) screen and (min-width: 400px)) ***!
\\\\**********************************************************************************************************************************/
@supports (display: flex) {
@media layer(super.foo) screen and (min-width: 400px) {
a {
color: red;
}
}
}
/*!****************************************!*\\\\
!*** css ./style2.css?after-namespace ***!
\\\\****************************************/
a {
color: red;
}
/*!*************************************************************************!*\\\\
!*** css ./style2.css?multiple=1 (media: url(./style2.css?multiple=2)) ***!
\\\\*************************************************************************/
@media url(./style2.css?multiple=2) {
a {
color: red;
}
}
/*!***************************************************************************!*\\\\
!*** css ./style2.css?multiple=3 (media: url(\\"./style2.css?multiple=4\\")) ***!
\\\\***************************************************************************/
@media url(\\"./style2.css?multiple=4\\") {
a {
color: red;
}
}
/*!**************************************************************************!*\\\\
!*** css ./style2.css?strange=3 (media: url(\\"./style2.css?multiple=4\\")) ***!
\\\\**************************************************************************/
@media url(\\"./style2.css?multiple=4\\") {
a {
color: red;
}
}
/*!************************************************************!*\\\\
!*** css ./dark.css (media: (prefers-color-scheme: dark)) ***!
\\\\************************************************************/
@media (prefers-color-scheme: dark) {
a {
color: white;
}
}
/*!***************************************!*\\\\
!*** css ./list-of-media-queries.css ***!
\\\\***************************************/
a {
color: black;
}
/*!*********************************!*\\\\
!*** css ./circular-nested.css ***!
\\\\*********************************/
.circular-nested {
color: red;
}
/*!**************************!*\\\\
!*** css ./circular.css ***!
\\\\**************************/
.circular {
color: red;
}
/*!***********************!*\\\\
!*** css ./style.css ***!
\\\\***********************/
/* Has the same URL */
/* anonymous */
/* All unknown parse as media for compatibility */
/* Inside support */
/** Possible syntax in future */
/** Unknown */
@import-normalize;
/** Warnings */
@import nourl(test.css);
@import ;
@import foo-bar;
@import layer(super.foo) \\"./style2.css?warning=1\\" supports(display: flex) screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) \\"./style2.css?warning=2\\" screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) screen and (min-width: 400px) \\"./style2.css?warning=3\\";
@import layer(super.foo) url(fae7e602dbe59a260308.css?warning=4) supports(display: flex) screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) url(fae7e602dbe59a260308.css?warning=5) screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) screen and (min-width: 400px) url(fae7e602dbe59a260308.css?warning=6);
@namespace url(http://www.w3.org/1999/xhtml);
@import supports(background: url(09a1a1112c577c279435.png));
@import supports(background: url(09a1a1112c577c279435.png)) screen and (min-width: 400px);
@import layer(test) supports(background: url(09a1a1112c577c279435.png)) screen and (min-width: 400px);
@import screen and (min-width: 400px);
/* FIXME */
/*@import url(\\"webpackIgnore-order.css\\");*/
body {
background: red;
}
",
]
`;
exports[`ConfigCacheTestCases css import exported tests should compile 2`] = `
Array [
"/*!***********************!*\\\\
!*** css ./style.css ***!
\\\\***********************/
@import \\"./style-import.css\\";
@import \\"print.css?foo=1\\";
@import url(\\"print.css?foo=2\\");
@import \\"print.css?foo=3\\" layer(default);
@import url(\\"print.css?foo=4\\") layer(default);
@import \\"print.css?foo=5\\" supports(display: flex);
@import url(\\"print.css?foo=6\\") supports(display: flex);
@import \\"print.css?foo=7\\" screen and (min-width: 400px);
@import url(\\"print.css?foo=8\\") screen and (min-width: 400px);
@import \\"print.css?foo=9\\" layer(default) supports(display: flex);
@import \\"print.css?foo=10\\" layer(default) screen and (min-width: 400px);
@import \\"print.css?foo=11\\" supports(display: flex) screen and (min-width: 400px);
@import \\"print.css?foo=12\\" layer(default) supports(display: flex) screen and (min-width: 400px);
@import \\"print.css?foo=13\\"layer(default)supports(display: flex)screen and (min-width: 400px);
@import url(print.css?foo=14)layer(default)supports(display: flex)screen and (min-width: 400px);
@import url(\\"print.css?foo=15\\")layer(default)supports(display: flex)screen and (min-width: 400px);
@import url(print.css?foo=16)layer(default)supports(background: url(./img.png))screen and (min-width: 400px);
@import url(print.css?foo=17)layer(default)supports(background: url(\\"./img.png\\"))screen and (min-width: 400px);
@import url(print.css?foo=18)screen;
@import url(\\"print.css?foo=19\\")screen;
@import \\"print.css?foo=20\\"screen;
@import url(print.css?foo=18) screen ;
@import url(\\"print.css?foo=19\\") screen ;
@import \\"print.css?foo=20\\" screen ;
@import \\"print.css?foo=21\\" ;
/* Has the same URL */
@import \\"imported.css\\";
@import \\"imported.css\\" layer(base);
@import \\"imported.css\\" supports(display: flex);
@import \\"imported.css\\" screen, print;
@import url(style2.css?foo=1);
@import url('style2.css?foo=2');
@import url(\\"style2.css?foo=3\\");
@IMPORT url(style2.css?foo=4);
@import URL(style2.css?foo=5);
@import url(style2.css?foo=6 );
@import url( style2.css?foo=7);
@import url( style2.css?foo=8 );
@import url(
style2.css?foo=9
);
@import url();
@import url('');
@import url(\\"\\");
@import '';
@import \\"\\";
@import \\" \\";
@import \\"\\\\
\\";
@import url();
@import url('');
@import url(\\"\\");
@import url(\\"\\") /* test */;
@import url(\\"\\") screen and (orientation:landscape);
@import url(style2.css) screen and (orientation:landscape);
@import url(style2.css) SCREEN AND (ORIENTATION: LANDSCAPE);
@import url(style2.css)screen and (orientation:landscape);
@import url(style2.css) screen and (orientation:landscape);
@import url(style2.css) screen and (orientation:landscape);
@import url(style2.css) (min-width: 100px);
@import url(https://test.cases/path/../../../../configCases/css/import/external.css);
@import url(https://test.cases/path/../../../../configCases/css/import/external.css) screen and (orientation:landscape);
@import \\"//example.com/style.css\\";
@import url('test.css?foo=1&bar=1');
@import url('style2.css?foo=1&bar=1#hash');
@import url('style2.css?foo=1&bar=1#hash') screen and (orientation:landscape);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Roboto?foo=1') layer(super.foo) supports(display: flex) screen and (min-width: 400px);
@import './sty\\\\
le3.css?bar=1';
@import './sty\\\\
\\\\
\\\\
le3.css?bar=2';
@import url('./sty\\\\
le3.css?bar=3');
@import url('./sty\\\\
\\\\
\\\\
le3.css?=bar4');
@import \\"./styl'le7.css\\";
@import url(\\"./styl'le7.css?foo=1\\");
@import './styl\\\\'le7.css';
@import url('./styl\\\\'le7.css');
@import './test test.css';
@import url('./test test.css?foo=1');
@import './test\\\\ test.css?foo=2';
@import url('./test\\\\ test.css?foo=3');
@import './test%20test.css?foo=4';
@import url('./test%20test.css?foo=5');
@import './\\\\74\\\\65\\\\73\\\\74.css';
@import url('./\\\\74\\\\65\\\\73\\\\74.css?foo=1');
@import './t\\\\65\\\\73\\\\74.css?foo=2';
@import url('./t\\\\65\\\\73\\\\74.css?foo=3');
@import url(./test\\\\ test.css?foo=6);
@import url(./t\\\\65st%20test.css?foo=7);
@import url('./t\\\\65st%20test.css?foo=8');
@import url(\\"./t\\\\65st%20test.css?foo=9\\");
@import \\"./t\\\\65st%20test.css?fpp=10\\";
@import './t\\\\65st%20test.css?foo=11';
@import url( style6.css?foo=bazz );
@import '\\\\
\\\\
\\\\
';
@import url('./string-loader.js?esModule=false!./test.css');
@import url(style4.css?foo=bar);
@import url(style4.css?foo=bar#hash);
@import url(style4.css?#hash);
@import \\"style4.css?foo=1\\" supports(display: flex);
@import \\"style4.css?foo=2\\" supports(display: flex) screen and (orientation:landscape);
@import \\" ./style4.css?foo=3 \\";
@import url(' ./style4.css?foo=4 ');
@import url( ./style4.css?foo=5 );
@import url(' https://fonts.googleapis.com/css?family=Roboto ');
@import url('./string-loader.js?esModule=false');
@import url(' ./string-loader.js?esModule=false!./test.css ') screen and (orientation: landscape);
@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D);
@import url(data:text/css;charset=utf-8,a%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D) screen and (orientation:landscape);
@import url(\\"data:text/css;charset=utf-8;base64,YSB7DQogIGNvbG9yOiByZWQ7DQp9\\");
@import url(\\"./style5.css?foo=1\\") supports();
@import url(\\"./style5.css?foo=2\\") supports( );
@import url(\\"./style5.css?foo=3\\") supports(unknown);
@import url(\\"./style5.css?foo=4\\") supports(display: flex);
@import url(\\"./style5.css?foo=5\\") supports(display: flex !important);
@import url(\\"./style5.css?foo=6\\") supports(display: flex) screen and (min-width: 400px);
@import url(\\"./style5.css?foo=7\\") supports(selector(a b));
@import url(\\"./style5.css?foo=8\\") supports( display: flex );
@import url(\\"./layer.css?foo=1\\") layer;
@import url(\\"./layer.css?foo=2\\") layer(default);
@import url(\\"./layer.css?foo=3\\") layer(default) supports(display: flex) screen and (min-width: 400px);
@import url(\\"./layer.css?foo=3\\") layer supports(display: flex) screen and (min-width: 400px);
@import url(\\"./layer.css?foo=4\\") layer() supports(display: flex) screen and (min-width: 400px);
@import url(\\"./layer.css?foo=5\\") layer();
@import url(\\"./layer.css?foo=6\\") layer( foo.bar.baz );
@import url(\\"./layer.css?foo=7\\") layer( );
@import url(\\"./style6.css\\")layer(default)supports(display: flex)screen and (min-width:400px);
@import \\"./style6.css?foo=1\\"layer(default)supports(display: flex)screen and (min-width:400px);
@import \\"./style6.css?foo=2\\"supports(display: flex)screen and (min-width:400px);
@import \\"./style6.css?foo=3\\"screen and (min-width:400px);
@import url(\\"./style6.css?foo=4\\")screen and (min-width:400px);
@import url(./style6.css?foo=5)screen and (min-width:400px);
@import url(\\"./style6.css?foo=6\\") layer( default ) supports( display : flex ) screen and ( min-width : 400px );
@import URL(\\"./style6.css?foo=7\\") LAYER(DEFAULT) SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);
@import url(\\"./style6.css?foo=8\\") LAYER SUPPORTS(DISPLAY: FLEX) SCREEN AND (MIN-WIDTH: 400PX);
@import url(\\"./style6.css?foo=9\\") /* Comment */ layer(/* Comment */default/* Comment */) /* Comment */ supports(/* Comment */display/* Comment */:/* Comment */ flex/* Comment */)/* Comment */ screen/* Comment */ and/* Comment */ (/* Comment */min-width/* Comment */: /* Comment */400px/* Comment */);
@import url(style6.css?foo=10) /* Comment */;
@import url(style6.css?foo=11) /* Comment */ /* Comment */;
@import url(style6.css?foo=12) /* Comment *//* Comment */;
@import url(style6.css?foo=13)/* Comment *//* Comment */;
@import
url(style6.css?foo=14)
/* Comment */
/* Comment */;
@import /* Comment */ url(style6.css?foo=15) /* Comment */;
@import url(style6.css?foo=16) /* Comment */ print and (orientation:landscape);
@import url(style6.css?foo=17)/* Comment */print and (orientation:landscape)/* Comment */;
@import /* Comment */ url(style6.css?foo=18) /* Comment */ print and (orientation:landscape);
@import url(\\"./style8.css\\") screen and (min-width: 400px);
@import url(\\"./style8.css\\") (prefers-color-scheme: dark);
@import url(\\"./style8.css\\") supports(display: flex);
@import url(\\"./style8.css\\") supports(((display: flex)));
@import url(\\"./style8.css\\") supports(((display: inline-grid))) screen and (((min-width: 400px)));
@import url(\\"./style8.css\\") supports(display: flex);
@import url('./style8.css') supports(display: grid);
@import url(\\"./style8.css\\") supports(display: flex) screen and (min-width: 400px);
@import url(\\"./style8.css\\") layer(framework);
@import url(\\"./style8.css\\") layer(default);
@import url(\\"./style8.css\\") layer(base);
@import url(\\"./style8.css\\") layer(default) supports(display: flex);
@import url(\\"./style8.css\\") layer(default) supports(display: flex) screen and (min-width: 400px);
/* anonymous */
@import \\"style2.css\\" layer();
@import \\"style2.css\\" layer;
/* All unknown parse as media for compatibility */
@import url(\\"./style9.css\\") unknown(default) unknown(display: flex) unknown;
@import url(\\"./style9.css\\") unknown(default);
@import url(\\"./style10.css\\");
@import \\"./media-nested.css\\" screen and (min-width: 400px);
@import \\"./supports-nested.css\\" supports(display: flex);
@import \\"./layer-nested.css\\" layer(foo);
@import \\"./all-nested.css\\" layer(foo) supports(display: flex) screen and (min-width: 400px);
@import \\"./mixed-nested.css\\" screen and (min-width: 400px);
@import \\"./anonymous-nested.css\\" layer;
@import \\"./media-deep-deep-nested.css\\" screen and (orientation: portrait);
@import \\"./duplicate-nested.css\\" screen and (orientation: portrait);
@import \\"./anonymous-nested.css\\" supports(display: flex) screen and (orientation: portrait);
@import \\"./all-nested.css\\" layer(super.foo) supports(display: flex) screen and (min-width: 400px);
/* Inside support */
@import url(\\"/style2.css?warning=6\\") supports(unknown: layer(super.foo)) screen and (min-width: 400px);
@import url(\\"/style2.css?warning=7\\") supports(url: url(\\"./unknown.css\\")) screen and (min-width: 400px);
@import url(\\"/style2.css?warning=8\\") supports(url: url(./unknown.css)) screen and (min-width: 400px);
/** Possible syntax in future */
@import url(\\"/style2.css?foo=unknown\\") layer(super.foo) supports(display: flex) unknown(\\"foo\\") screen and (min-width: 400px);
@import url(\\"/style2.css?foo=unknown1\\") layer(super.foo) supports(display: url(\\"./unknown.css\\")) unknown(foo) screen and (min-width: 400px);
@import url(\\"/style2.css?foo=unknown2\\") layer(super.foo) supports(display: url(./unknown.css)) \\"foo\\" screen and (min-width: 400px);
@import \\"./style2.css?unknown3\\" \\"string\\";
/** Unknown */
@import-normalize;
/** Warnings */
@import nourl(test.css);
@import ;
@import foo-bar;
@import layer(super.foo) \\"./style2.css?warning=1\\" supports(display: flex) screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) \\"./style2.css?warning=2\\" screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) screen and (min-width: 400px) \\"./style2.css?warning=3\\";
@import layer(super.foo) url(\\"./style2.css?warning=4\\") supports(display: flex) screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) url(\\"./style2.css?warning=5\\") screen and (min-width: 400px);
@import layer(super.foo) supports(display: flex) screen and (min-width: 400px) url(\\"./style2.css?warning=6\\");
@import url(\\"/style2.css?wrong-order-but-valid=6\\") supports(display: flex) layer(super.foo) screen and (min-width: 400px);
@namespace url(http://www.w3.org/1999/xhtml);
@import url(\\"./style2.css?after-namespace\\");
@import supports(background: url(\\"./img.png\\"));
@import supports(background: url(\\"./img.png\\")) screen and (min-width: 400px);
@import layer(test) supports(background: url(\\"./img.png\\")) screen and (min-width: 400px);
@import screen and (min-width: 400px);
@import url(./style2.css?multiple=1) url(./style2.css?multiple=2);
@import url(\\"./style2.css?multiple=3\\") url(\\"./style2.css?multiple=4\\");
@import \\"./style2.css?strange=3\\" url(\\"./style2.css?multiple=4\\");
@import url(\\"external-1.css\\");
@import url(\\"external-2.css\\") supports(display: grid) screen and (max-width: 400px);
@import url(\\"external-3.css\\") supports(not (display: grid) and (display: flex)) screen and (max-width: 400px);
@import url(\\"external-4.css\\") supports((selector(h2 > p)) and
(font-tech(color-COLRv1)));
@import url(external-5.css) layer(default);
@import url(external-6.css) layer(default);
@import url(\\"external-7.css\\") layer();
@import url(\\"external-8.css\\") layer;
@import url(\\"external-9.css\\") print;
@import url(\\"external-10.css\\") print, screen;
@import url(\\"external-11.css\\") screen;
@import url(\\"external-12.css\\") screen and (orientation: landscape);
@import url(\\"external-13.css\\") supports(not (display: flex));
@import url(\\"external-14.css\\") layer(default) supports(display: grid) screen and (max-width: 400px);
@import url(\\"ignore.css\\");
@import url(\\"list-of-media-queries.css\\");
@import url(\\"/alias.css\\");
@import url(\\"circular.css\\");
/* FIXME */
/*@import url(\\"webpackIgnore-order.css\\");*/
body {
background: red;
}
",
]
`;
exports[`ConfigCacheTestCases css large exported tests should allow to create css modules: dev 1`] = `
Object {
"placeholder": "my-app-_tailwind_module_css-placeholder-gray-700",
}
`;
exports[`ConfigCacheTestCases css large exported tests should allow to create css modules: prod 1`] = `
Object {
"placeholder": "_144-Oh6j",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 1`] = `
Object {
"btn--info_is-disabled_1": "_style_module_css-btn--info_is-disabled_1",
"btn-info_is-disabled": "_style_module_css-btn-info_is-disabled",
"color-red": "--_style_module_css-color-red",
"foo": "bar",
"foo_bar": "_style_module_css-foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "_style_module_css-simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 2`] = `
Object {
"btn--info_is-disabled_1": "_2058b663514f2425ba48",
"btn-info_is-disabled": "_2aba8b96a0ac031f537a",
"color-red": "--_0de89cac8a4c2f23ed3a",
"foo": "bar",
"foo_bar": "_7d728a7a17547f118b8f",
"my-btn-info_is-disabled": "value",
"simple": "_0536cc02142c55d85df9",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 3`] = `
Object {
"btn--info_is-disabled_1": "_563acd9d8c57311eee97-btn--info_is-disabled_1",
"btn-info_is-disabled": "_563acd9d8c57311eee97-btn-info_is-disabled",
"color-red": "--_563acd9d8c57311eee97-color-red",
"foo": "bar",
"foo_bar": "_563acd9d8c57311eee97-foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "_563acd9d8c57311eee97-simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 4`] = `
Object {
"btn--info_is-disabled_1": "./style.module__btn--info_is-disabled_1",
"btn-info_is-disabled": "./style.module__btn-info_is-disabled",
"color-red": "--./style.module__color-red",
"foo": "bar",
"foo_bar": "./style.module__foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "./style.module__simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 5`] = `
Object {
"btn--info_is-disabled_1": "./style.module.css__btn--info_is-disabled_1",
"btn-info_is-disabled": "./style.module.css__btn-info_is-disabled",
"color-red": "--./style.module.css__color-red",
"foo": "bar",
"foo_bar": "./style.module.css__foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "./style.module.css__simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 6`] = `
Object {
"btn--info_is-disabled_1": "./style.module.css?q#f__btn--info_is-disabled_1",
"btn-info_is-disabled": "./style.module.css?q#f__btn-info_is-disabled",
"color-red": "--./style.module.css?q#f__color-red",
"foo": "bar",
"foo_bar": "./style.module.css?q#f__foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "./style.module.css?q#f__simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 7`] = `
Object {
"btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4",
"btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-2ec29062639f5c113084",
"color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
"foo": "bar",
"foo_bar": "-_style_module_css_uniqueName-id-contenthash-71d31d18648cccfa9d17",
"my-btn-info_is-disabled": "value",
"simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 8`] = `
Object {
"btn--info_is-disabled_1": "./style.module.less__btn--info_is-disabled_1",
"btn-info_is-disabled": "./style.module.less__btn-info_is-disabled",
"color-red": "--./style.module.less__color-red",
"foo": "bar",
"foo_bar": "./style.module.less__foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "./style.module.less__simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 9`] = `
Object {
"btn--info_is-disabled_1": "_style_module_css-btn--info_is-disabled_1",
"btn-info_is-disabled": "_style_module_css-btn-info_is-disabled",
"color-red": "--_style_module_css-color-red",
"foo": "bar",
"foo_bar": "_style_module_css-foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "_style_module_css-simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 10`] = `
Object {
"btn--info_is-disabled_1": "_2058b663514f2425ba48",
"btn-info_is-disabled": "_2aba8b96a0ac031f537a",
"color-red": "--_0de89cac8a4c2f23ed3a",
"foo": "bar",
"foo_bar": "_7d728a7a17547f118b8f",
"my-btn-info_is-disabled": "value",
"simple": "_0536cc02142c55d85df9",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 11`] = `
Object {
"btn--info_is-disabled_1": "_563acd9d8c57311eee97-btn--info_is-disabled_1",
"btn-info_is-disabled": "_563acd9d8c57311eee97-btn-info_is-disabled",
"color-red": "--_563acd9d8c57311eee97-color-red",
"foo": "bar",
"foo_bar": "_563acd9d8c57311eee97-foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "_563acd9d8c57311eee97-simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 12`] = `
Object {
"btn--info_is-disabled_1": "./style.module__btn--info_is-disabled_1",
"btn-info_is-disabled": "./style.module__btn-info_is-disabled",
"color-red": "--./style.module__color-red",
"foo": "bar",
"foo_bar": "./style.module__foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "./style.module__simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 13`] = `
Object {
"btn--info_is-disabled_1": "./style.module.css__btn--info_is-disabled_1",
"btn-info_is-disabled": "./style.module.css__btn-info_is-disabled",
"color-red": "--./style.module.css__color-red",
"foo": "bar",
"foo_bar": "./style.module.css__foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "./style.module.css__simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 14`] = `
Object {
"btn--info_is-disabled_1": "./style.module.css?q#f__btn--info_is-disabled_1",
"btn-info_is-disabled": "./style.module.css?q#f__btn-info_is-disabled",
"color-red": "--./style.module.css?q#f__color-red",
"foo": "bar",
"foo_bar": "./style.module.css?q#f__foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "./style.module.css?q#f__simple",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 15`] = `
Object {
"btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4",
"btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-2ec29062639f5c113084",
"color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
"foo": "bar",
"foo_bar": "-_style_module_css_uniqueName-id-contenthash-71d31d18648cccfa9d17",
"my-btn-info_is-disabled": "value",
"simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
}
`;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 16`] = `
Object {
"btn--info_is-disabled_1": "./style.module.less__btn--info_is-disabled_1",
"btn-info_is-disabled": "./style.module.less__btn-info_is-disabled",
"color-red": "--./style.module.less__color-red",
"foo": "bar",
"foo_bar": "./style.module.less__foo_bar",
"my-btn-info_is-disabled": "value",
"simple": "./style.module.less__simple",
}
`;
exports[`ConfigCacheTestCases css no-extra-runtime-in-js exported tests should compile 1`] = `
Array [
"/*!***********************!*\\\\
!*** css ./style.css ***!
\\\\***********************/
.class {
color: red;
background:
url(img.png),
url(img.png),
url(d4da020aedcd249a7a41.png);
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=),
url(resource.png),
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=),
url(7976064b7fcb4f6b3916.html),
url(https://example.com/img.png);
}
.class-2 {
background: url(shared.png);
}
.class-3 {
background: url(shared-external.png);
}
.class-4 {
background: url(cde81354a9a8ce8d5f51.gif);
}
.class-5 {
background: url(5649e83cc54c4b57bc28.png);
}
",
]
`;
exports[`ConfigCacheTestCases css pseudo-import exported tests should compile 1`] = `
Array [
"/*!********************************!*\\\\
!*** css ./export.modules.css ***!
\\\\********************************/
/*!*********************************!*\\\\
!*** css ./library.modules.css ***!
\\\\*********************************/
/*!*******************************!*\\\\
!*** css ./after.modules.css ***!
\\\\*******************************/
/*!********************************!*\\\\
!*** css ./vars-1.modules.css ***!
\\\\********************************/
/*!*******************************!*\\\\
!*** css ./style.modules.css ***!
\\\\*******************************/
._style_modules_css-class {
color: red;
background: red;
}
._style_modules_css-class {background: red}
._style_modules_css-class {
color: red;
color: red;
color: red;
color: red;
}
._style_modules_css-class {
color: red;
}
._style_modules_css-class {
color: red;
}
/* TODO fix me */
/*:import(\\"reexport.modules.css\\") {
primary-color: _my_color;
}
.class {color: primary-color}*/
._style_modules_css-class {
color: red, red, func() ;
}
._style_modules_css-nest {
:import(\\"./export.modules.css\\") {
unknown: unknown;
}
:export {
unknown: unknown;
}
unknown: unknown;
}
",
"/*!********************************!*\\\\
!*** css ./export.modules.css ***!
\\\\********************************/
/*!*********************************!*\\\\
!*** css ./library.modules.css ***!
\\\\*********************************/
/*!*******************************!*\\\\
!*** css ./after.modules.css ***!
\\\\*******************************/
/*!********************************!*\\\\
!*** css ./vars-1.modules.css ***!
\\\\********************************/
/*!*******************************!*\\\\
!*** css ./style.modules.css ***!
\\\\*******************************/
._style_modules_css-class {
color: red;
background: red;
}
._style_modules_css-class {background: red}
._style_modules_css-class {
color: red;
color: red;
color: red;
color: red;
}
._style_modules_css-class {
color: red;
}
._style_modules_css-class {
color: red;
}
/* TODO fix me */
/*:import(\\"reexport.modules.css\\") {
primary-color: _my_color;
}
.class {color: primary-color}*/
._style_modules_css-class {
color: red, red, func() ;
}
._style_modules_css-nest {
:import(\\"./export.modules.css\\") {
unknown: unknown;
}
:export {
unknown: unknown;
}
unknown: unknown;
}
",
]
`;
exports[`ConfigCacheTestCases css pure-css exported tests should compile 1`] = `
Array [
"/*!***************************************************!*\\\\
!*** css ../css-modules/at-rule-value.module.css ***!
\\\\***************************************************/
@value my-red blue;
.value-in-class {
color: my-red;
}
@value v-comment-broken:;
@value v-comment-broken-v1:/* comment */;
@value small: (max-width: 599px);
@media small {
abbr:hover {
color: limegreen;
transition-duration: 1s;
}
}
@value blue-v1: red;
.foo { color: blue-v1; }
@value blue-v3: red;
.foo {
&.bar { color: blue-v3; }
}
@value blue-v3: red;
.foo {
@media (min-width: 1024px) {
&.bar { color: blue-v3; }
}
}
@value blue-v4: red;
.foo {
@media (min-width: 1024px) {
&.bar {
@media (min-width: 1024px) {
color: blue-v4;
}
}
}
}
@value test-t: 40px;
@value test_q: 36px;
.foo { height: test-t; height: test_q; }
@value colorValue: red;
.colorValue {
color: colorValue;
}
@value colorValue-v1: red;
#colorValue-v1 {
color: colorValue-v1;
}
@value colorValue-v2: red;
.colorValue-v2 > .colorValue-v2 {
color: colorValue-v2;
}
@value colorValue-v3: .red;
colorValue-v3 {
color: colorValue-v3;
}
@value red-v2 from \\"./colors.module.css\\";
.export {
color: red-v2;
}
@value blue-v1 as green from \\"./colors.module.css\\";
.foo { color: green; }
@value blue-i, green-v2 from \\"./colors.module.css\\";
.foo { color: blue-i; }
.bar { color: green-v2 }
@value red-v3 from colors;
@value colors: \\"./colors.module.css\\";
.foo { color: red-v3; }
@value colors: \\"./colors.module.css\\";
@value red-v4 from colors;
.foo { color: red-v4; }
@value aaa: red;
@value bbb: aaa;
.class-a { color: bbb; }
@value base: 10px;
@value large: calc(base * 2);
.class-a { margin: large; }
@value a from \\"./colors.module.css\\";
@value b from \\"./colors.module.css\\";
.class-a { content: a b; }
@value --red from \\"./colors.module.css\\";
.foo { color: --red; }
@value named: red;
@value _3char #0f0;
@value _6char #00ff00;
@value rgba rgba(34, 12, 64, 0.3);
@value hsla hsla(220, 13.0%, 18.0%, 1);
.foo {
color: named;
background-color: _3char;
border-top-color: _6char;
border-bottom-color: rgba;
outline-color: hsla;
}
@value (blue-i, red-i) from \\"./colors.module.css\\";
.foo { color: red-i; }
.bar { color: blue-i }
@value coolShadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14) ;
.foo { box-shadow: coolShadow; }
@value func: color(red lightness(50%));
.foo { color: func; }
@value v-color: red;
:root { --color: v-color; }
@value v-empty: ;
:root { --color:v-empty; }
@value v-empty-v2: ;
:root { --color:v-empty-v2; }
@value v-empty-v3: /* comment */;
:root { --color:v-empty-v3; }
@value override: blue;
@value override: red;
.override {
color: override;
}
@value (blue-v1 as my-name) from \\"./colors.module.css\\";
@value (blue-v1 as my-name-again, red-v1) from \\"./colors.module.css\\";
.class {
color: my-name;
color: my-name-again;
color: red-v1;
}
@value/* test */blue-v5/* test */:/* test */red/* test */;
.color {
color: blue-v5;
}
@value/* test */blue-v6/* test *//* test */red/* test */;
.color {
color: blue-v6;
}
@value coolShadow-v2 : 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14) ;
.foo { box-shadow: coolShadow-v2; }
@value /* test */ coolShadow-v3 /* test */ : 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14) ;
.foo { box-shadow: coolShadow-v3; }
@value /* test */ coolShadow-v4 /* test */ 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14) ;
.foo { box-shadow: coolShadow-v4; }
@value/* test */coolShadow-v5/* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14);
.foo { box-shadow: coolShadow-v5; }
@value/* test */coolShadow-v6/* test */:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14);
.foo { box-shadow: coolShadow-v6; }
@value/* test */coolShadow-v7/* test */:/* test */0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14);
.foo { box-shadow: coolShadow-v7; }
@value /* test */ test-v1 /* test */ from /* test */ \\"./colors.module.css\\" /* test */;
.foo { color: test-v1; }
@value/* test */test-v2/* test */from/* test */\\"./colors.module.css\\"/* test */;
.foo { color: test-v2; }
@value/* test */(/* test */blue/* test */as/* test */my-name-q/* test */)/* test */from/* test */\\"./colors.module.css\\"/* test */;
.foo { color: my-name-q; }
@value;
@value test;
/*!**************************************************!*\\\\
!*** css ../css-modules/var-function.module.css ***!
\\\\**************************************************/
:root {
--main-bg-color: brown;
--my-var: red;
--my-background: blue;
--my-global: yellow;
--: \\"reserved\\";
--a: green;
}
.class {
color: var(--main-bg-color);
}
@property --logo-color {
syntax: \\"<color>\\";
inherits: false;
initial-value: #c0ffee;
}
@property -- {
syntax: \\"<color>\\";
inherits: false;
initial-value: #c0ffee;
}
.class {
color: var(--logo-color);
}
div {
background-color: var(--box-color);
}
.two {
--box-color: cornflowerblue;
}
.three {
--box-color: aquamarine;
}
.one {
/* Red if --my-var is not defined */
color: var(--my-var, red);
}
.two {
/* pink if --my-var and --my-background are not defined */
color: var(--my-var, var(--my-background, pink));
}
.reserved {
color: var(--);
}
.green {
color: var(--a);
}
.global {
color: var(--my-global from global);
}
.global-and-default {
color: var(--my-global from global, pink);
}
.global-and-default-1 {
color: var(--my-global from global, var(--my-global-background from global));
}
.global-and-default-2 {
color: var(--my-global from global, var(--my-global-background from global, pink));
}
.global-and-default-3 {
color: var(--my-global from global, var(--my-background, pink));
}
.global-and-default-5 {
color: var( --my-global from global,var(--my-background,pink));
}
.global-and-default-6 {
background: var( --main-bg-color , var( --my-background , pink ) ) , var(--my-global from global);
}
.global-and-default-7 {
background: var(--main-bg-color,var(--my-background,pink)),var(--my-global from global);
}
.from {
color: var(--my-var-u1 from \\"./var-function-export.modules.css\\");
}
.from-1 {
color: var(--main-bg-color, var(--my-var-u1 from \\"./var-function-export.modules.css\\"));
}
.from-2 {
color: var(--my-var-u1 from \\"./var-function-export.modules.css\\", var(--main-bg-color));
}
.from-3 {
color: var(--my-var-u1 from \\"./var-function-export.modules.css\\", var(--my-var-u2 from \\"./var-function-export.modules.css\\"));
}
.from-4 {
color: var(--1 from \\"./var-function-export.modules.css\\");
}
.from-5 {
color: var(----a from \\"./var-function-export.modules.css\\");
}
.from-6 {
color: var(--main-bg-color from \\"./var-function-export.modules.css\\");
}
.mixed {
color: var(--my-var-u1 from \\"./var-function-export.modules.css\\", var(--my-global from global, var(--main-bg-color, red)));
}
.broken {
color: var(--my-global from);
}
.broken-1 {
color: var(--my-global from 1);
}
:root {
--not-override-class: red;
}
.not-override-class {
color: var(--not-override-class from \\"./var-function-export.modules.css\\")
}
/*!*******************************************!*\\\\
!*** css ../css-modules/style.module.css ***!
\\\\*******************************************/
.class {
color: red;
}
.local1,
.local2 :global .global,
.local3 {
color: green;
}
:global .global :local .local4 {
color: yellow;
}
.local5:global(.global).local6 {
color: blue;
}
.local7 div:not(.disabled, .mButtonDisabled, .tipOnly) {
pointer-events: initial !important;
}
.local8 :is(div.parent1.child1.vertical-tiny,
div.parent1.child1.vertical-small,
div.otherDiv.horizontal-tiny,
div.otherDiv.horizontal-small div.description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
.local9 :matches(div.parent1.child1.vertical-tiny,
div.parent1.child1.vertical-small,
div.otherDiv.horizontal-tiny,
div.otherDiv.horizontal-small div.description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
.local10 :where(div.parent1.child1.vertical-tiny,
div.parent1.child1.vertical-small,
div.otherDiv.horizontal-tiny,
div.otherDiv.horizontal-small div.description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
.local11 div:has(.disabled, .mButtonDisabled, .tipOnly) {
pointer-events: initial !important;
}
.local12 div:current(p, span) {
background-color: yellow;
}
.local13 div:past(p, span) {
display: none;
}
.local14 div:future(p, span) {
background-color: yellow;
}
.local15 div:-moz-any(ol, ul, menu, dir) {
list-style-type: square;
}
.local16 li:-webkit-any(:first-child, :last-child) {
background-color: aquamarine;
}
.local9 :matches(div.parent1.child1.vertical-tiny,
div.parent1.child1.vertical-small,
div.otherDiv.horizontal-tiny,
div.otherDiv.horizontal-small div.description) {
max-height: 0;
margin: 0;
overflow: hidden;
}
:global(:global(:local(.nested1)).nested2).nested3 {
color: pink;
}
#ident {
color: purple;
}
@keyframes localkeyframes {
0% {
left: var(--pos1x);
top: var(--pos1y);
color: var(--theme-color1);
}
100% {
left: var(--pos2x);
top: var(--pos2y);
color: var(--theme-color2);
}
}
@keyframes localkeyframes2 {
0% {
left: 0;
}
100% {
left: 100px;
}
}
.animation {
animation-name: localkeyframes;
animation: 3s ease-in 1s 2 reverse both paused localkeyframes, localkeyframes2;
--pos1x: 0px;
--pos1y: 0px;
--pos2x: 10px;
--pos2y: 20px;
}
/* .composed {
composes: local1;
composes: local2;
} */
.vars {
color: var(--local-color);
--local-color: red;
}
.globalVars :global {
color: var(--global-color);
--global-color: red;
}
@media (min-width: 1600px) {
.wideScreenClass {
color: var(--local-color);
--local-color: green;
}
}
@media screen and (max-width: 600px) {
.narrowScreenClass {
color: var(--local-color);
--local-color: purple;
}
}
@supports (display: grid) {
.displayGridInSupports {
display: grid;
}
}
@supports not (display: grid) {
.floatRightInNegativeSupports {
float: right;
}
}
@supports (display: flex) {
@media screen and (min-width: 900px) {
.displayFlexInMediaInSupports {
display: flex;
}
}
}
@media screen and (min-width: 900px) {
@supports (display: flex) {
.displayFlexInSupportsInMedia {
display: flex;
}
}
}
@MEDIA screen and (min-width: 900px) {
@SUPPORTS (display: flex) {
.displayFlexInSupportsInMediaUpperCase {
display: flex;
}
}
}
.animationUpperCase {
ANIMATION-NAME: localkeyframesUPPERCASE;
ANIMATION: 3s ease-in 1s 2 reverse both paused localkeyframesUPPERCASE, localkeyframes2UPPPERCASE;
--pos1x: 0px;
--pos1y: 0px;
--pos2x: 10px;
--pos2y: 20px;
}
@KEYFRAMES localkeyframesUPPERCASE {
0% {
left: VAR(--pos1x);
top: VAR(--pos1y);
color: VAR(--theme-color1);
}
100% {
left: VAR(--pos2x);
top: VAR(--pos2y);
color: VAR(--theme-color2);
}
}
@KEYframes localkeyframes2UPPPERCASE {
0% {
left: 0;
}
100% {
left: 100px;
}
}
:GLOBAL .globalUpperCase :LOCAL .localUpperCase {
color: yellow;
}
.VARS {
color: VAR(--LOCAL-COLOR);
--LOCAL-COLOR: red;
}
.globalVarsUpperCase :GLOBAL {
COLOR: VAR(--GLOBAR-COLOR);
--GLOBAR-COLOR: red;
}
@supports (top: env(safe-area-inset-top, 0)) {
.inSupportScope {
color: red;
}
}
.a {
animation: 3s animationName;
-webkit-animation: 3s animationName;
}
.b {
animation: animationName 3s;
-webkit-animation: animationName 3s;
}
.c {
animation-name: animationName;
-webkit-animation-name: animationName;
}
.d {
--animation-name: animationName;
}
@keyframes animationName {
0% {
background: white;
}
100% {
background: red;
}
}
@-webkit-keyframes animationName {
0% {
background: white;
}
100% {
background: red;
}
}
@-moz-keyframes mozAnimationName {
0% {
background: white;
}
100% {
background: red;
}
}
@counter-style thumbs {
system: cyclic;
symbols: \\"\\\\1F44D\\";
suffix: \\" \\";
}
@font-feature-values Font One {
@styleset {
nice-style: 12;
}
}
/* At-rule for \\"nice-style\\" in Font Two */
@font-feature-values Font Two {
@styleset {
nice-style: 4;
}
}
@property --my-color {
syntax: \\"<color>\\";
inherits: false;
initial-value: #c0ffee;
}
@property --my-color-1 {
initial-value: #c0ffee;
syntax: \\"<color>\\";
inherits: false;
}
@property --my-color-2 {
syntax: \\"<color>\\";
initial-value: #c0ffee;
inherits: false;
}
.class {
color: var(--my-color);
}
@layer utilities {
.padding-sm {
padding: 0.5rem;
}
.padding-lg {
padding: 0.8rem;
}
}
.class {
color: red;
.nested-pure {
color: red;
}
@media screen and (min-width: 200px) {
color: blue;
.nested-media {
color: blue;
}
}
@supports (display: flex) {
display: flex;
.nested-supports {
display: flex;
}
}
@layer foo {
background: red;
.nested-layer {
background: red;
}
}
@container foo {
background: red;
.nested-layer {
background: red;
}
}
}
.not-selector-inside {
color: #fff;
opacity: 0.12;
padding: .5px;
unknown: :local(.test);
unknown1: :local .test;
unknown2: :global .test;
unknown3: :global .test;
unknown4: .foo, .bar, #bar;
}
@unknown :local .local :global .global {
color: red;
}
@unknown :local(.local) :global(.global) {
color: red;
}
.nested-var {
.again {
color: var(--local-color);
}
}
.nested-with-local-pseudo {
color: red;
:local .local-nested {
color: red;
}
:global .global-nested {
color: red;
}
:local(.local-nested) {
color: red;
}
:global(.global-nested) {
color: red;
}
:local .local-nested, :global .global-nested-next {
color: red;
}
:local(.local-nested), :global(.global-nested-next) {
color: red;
}
:global .foo, .bar {
color: red;
}
}
#id-foo {
color: red;
#id-bar {
color: red;
}
}
.nested-parens {
.local9 div:has(.vertical-tiny, .vertical-small) {
max-height: 0;
margin: 0;
overflow: hidden;
}
}
:global .global-foo {
.nested-global {
color: red;
}
:local .local-in-global {
color: blue;
}
}
@unknown .class {
color: red;
.class {
color: red;
}
}
:global .class :local .in-local-global-scope,
:global .class :local .in-local-global-scope,
:local .class-local-scope :global .in-local-global-scope {
color: red;
}
@container (width > 400px) {
.class-in-container {
font-size: 1.5em;
}
}
@container summary (min-width: 400px) {
@container (width > 400px) {
.deep-class-in-container {
font-size: 1.5em;
}
}
}
:scope {
color: red;
}
.placeholder-gray-700:-ms-input-placeholder {
--placeholder-opacity: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.placeholder-gray-700::-ms-input-placeholder {
--placeholder-opacity: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.placeholder-gray-700::placeholder {
--placeholder-opacity: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--placeholder-opacity));
}
:root {
--test: dark;
}
@media screen and (prefers-color-scheme: var(--test)) {
.baz {
color: white;
}
}
@keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
.class {
animation:
foo var(--animation-name) 3s,
var(--animation-name) 3s,
3s linear 1s infinite running slidein,
3s linear env(foo, var(--baz)) infinite running slidein;
}
:root {
--baz: 10px;
}
.class {
bar: env(foo, var(--baz));
}
:global .global-foo, :local .bar {
:local .local-in-global {
color: blue;
}
@media screen {
:global .my-global-class-again,
:local .my-global-class-again {
color: red;
}
}
}
.first-nested {
.first-nested-nested {
color: red;
}
}
.first-nested-at-rule {
@media screen {
.first-nested-nested-at-rule-deep {
color: red;
}
}
}
:global .again-global {
color:red;
}
:global .again-again-global {
:global .again-again-global {
color: red;
}
}
:root {
--foo: red;
}
:global .again-again-global {
color: var(--foo);
:global .again-again-global {
color: var(--foo);
}
}
:global .again-again-global {
animation: slidein 3s;
:global .again-again-global, .class, :global(:global(:local(.nested1)).nested2).nested3 {
animation: slidein 3s;
}
.local2 :global .global,
.local3 {
color: red;
}
}
@unknown var(--foo) {
color: red;
}
.class {
.class {
.class {
.class {}
}
}
}
.class {
.class {
.class {
.class {
animation: slidein 3s;
}
}
}
}
.class {
animation: slidein 3s;
.class {
animation: slidein 3s;
.class {
animation: slidein 3s;
.class {
animation: slidein 3s;
}
}
}
}
.broken {
. global(.class) {
color: red;
}
: global(.class) {
color: red;
}
: global .class {
color: red;
}
: local(.class) {
color: red;
}
: local .class {
color: red;
}
# hash {
color: red;
}
}
.comments {
:/** test */global(.class) {
color: red;
}
:/** test */global .class {
color: red;
}
:/** test */local(.class) {
color: red;
}
:/** test */local .class {
color: red;
}
./** test **/class {
color: red;
}
:local(./** test **/class) {
color: red;
}
:local ./** test **/class {
color: red;
}
}
.foo {
color: red;
+ .bar + & { color: blue; }
}
.error, #err-404 {
&:hover > .baz { color: red; }
}
.foo {
& :is(.bar, &.baz) { color: red; }
}
.qqq {
color: green;
& .a { color: blue; }
color: red;
}
.parent {
color: blue;
@scope (& > .scope) to (& > .limit) {
& .content {
color: red;
}
}
}
.parent {
color: blue;
@scope (& > .scope) to (& > .limit) {
.content {
color: red;
}
}
.a {
color: red;
}
}
@scope (.card) {
:scope { border-block-end: 1px solid white; }
}
.card {
inline-size: 40ch;
aspect-ratio: 3/4;
@scope (&) {
:scope {
border: 1px solid white;
}
}
}
.foo {
display: grid;
@media (orientation: landscape) {
.bar {
grid-auto-flow: column;
@media (min-width > 1024px) {
.baz-1 {
display: grid;
}
max-inline-size: 1024px;
.baz-2 {
display: grid;
}
}
}
}
}
@counter-style thumbs {
system: cyclic;
symbols: \\"\\\\1F44D\\";
suffix: \\" \\";
}
ul {
list-style: thumbs;
}
@container (width > 400px) and style(--responsive: true) {
.class {
font-size: 1.5em;
}
}
/* At-rule for \\"nice-style\\" in Font One */
@font-feature-values Font One {
@styleset {
nice-style: 12;
}
}
@font-palette-values --identifier {
font-family: Bixa;
}
.my-class {
font-palette: --identifier;
}
@keyframes foo { /* ... */ }
@keyframes \\"foo\\" { /* ... */ }
@keyframes { /* ... */ }
@keyframes{ /* ... */ }
@supports (display: flex) {
@media screen and (min-width: 900px) {
article {
display: flex;
}
}
}
@starting-style {
.class {
opacity: 0;
transform: scaleX(0);
}
}
.class {
opacity: 1;
transform: scaleX(1);
@starting-style {
opacity: 0;
transform: scaleX(0);
}
}
@scope (.feature) {
.class { opacity: 0; }
:scope .class-1 { opacity: 0; }
& .class { opacity: 0; }
}
@position-try --custom-left {
position-area: left;
width: 100px;
margin: 0 10px 0 0;
}
@position-try --custom-bottom {
top: anchor(bottom);
justify-self: anchor-center;
margin: 10px 0 0 0;
position-area: none;
}
@position-try --custom-right {
left: calc(anchor(right) + 10px);
align-self: anchor-center;
width: 100px;
position-area: none;
}
@position-try --custom-bottom-right {
position-area: bottom right;
margin: 10px 0 0 10px;
}
.infobox {
position: fixed;
position-anchor: --myAnchor;
position-area: top;
width: 200px;
margin: 0 0 10px 0;
position-try-fallbacks:
--custom-left, --custom-bottom,
--custom-right, --custom-bottom-right;
}
@page {
size: 8.5in 9in;
margin-top: 4in;
}
@color-profile --swop5c {
src: url(https://example.org/SWOP2006_Coated5v2.icc);
}
.header {
background-color: color(--swop5c 0% 70% 20% 0%);
}
.test {
test: (1, 2) [3, 4], { 1: 2};
.a {
width: 200px;
}
}
.test {
.test {
width: 200px;
}
}
.test {
width: 200px;
.test {
width: 200px;
}
}
.test {
width: 200px;
.test {
.test {
width: 200px;
}
}
}
.test {
width: 200px;
.test {
width: 200px;
.test {
width: 200px;
}
}
}
.test {
.test {
width: 200px;
.test {
width: 200px;
}
}
}
.test {
.test {
width: 200px;
}
width: 200px;
}
.test {
.test {
width: 200px;
}
.test {
width: 200px;
}
}
.test {
.test {
width: 200px;
}
width: 200px;
.test {
width: 200px;
}
}
#test {
c: 1;
#test {
c: 2;
}
}
@property --item-size {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
.container {
display: flex;
height: 200px;
border: 1px dashed black;
/* set custom property values on parent */
--item-size: 20%;
--item-color: orange;
}
.item {
width: var(--item-size);
height: var(--item-size);
background-color: var(--item-color);
}
.two {
--item-size: initial;
--item-color: inherit;
}
.three {
/* invalid values */
--item-size: 1000px;
--item-color: xyz;
}
@property invalid {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property{
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@keyframes \\"initial\\" { /* ... */ }
@keyframes/**test**/\\"initial\\" { /* ... */ }
@keyframes/**test**/\\"initial\\"/**test**/{ /* ... */ }
@keyframes/**test**//**test**/\\"initial\\"/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ \\"initial\\" /**test**/ /**test**/ { /* ... */ }
@keyframes \\"None\\" { /* ... */ }
@property/**test**/--item-size {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property/**test**/--item-size/**test**/{
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property /**test**/--item-size/**test**/ {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property /**test**/ --item-size /**test**/ {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property/**test**/ --item-size /**test**/{
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
@property /**test**/ --item-size /**test**/ {
syntax: \\"<percentage>\\";
inherits: true;
initial-value: 40%;
}
div {
animation: 3s ease-in 1s 2 reverse both paused \\"initial\\", localkeyframes2;
animation-name: \\"initial\\";
animation-duration: 2s;
}
.item-1 {
width: var( --item-size );
height: var(/**comment**/--item-size);
background-color: var( /**comment**/--item-color);
background-color-1: var(/**comment**/ --item-color);
background-color-2: var( /**comment**/ --item-color);
background-color-3: var( /**comment**/ --item-color /**comment**/ );
background-color-3: var( /**comment**/--item-color/**comment**/ );
background-color-3: var(/**comment**/--item-color/**comment**/);
}
@keyframes/**test**/foo { /* ... */ }
@keyframes /**test**/foo { /* ... */ }
@keyframes/**test**/ foo { /* ... */ }
@keyframes /**test**/ foo { /* ... */ }
@keyframes /**test**//**test**/ foo { /* ... */ }
@keyframes /**test**/ /**test**/ foo { /* ... */ }
@keyframes /**test**/ /**test**/foo { /* ... */ }
@keyframes /**test**//**test**/foo { /* ... */ }
@keyframes/**test**//**test**/foo { /* ... */ }
@keyframes/**test**//**test**/foo/**test**//**test**/{ /* ... */ }
@keyframes /**test**/ /**test**/ foo /**test**/ /**test**/ { /* ... */ }
./**test**//**test**/class {
background: red;
}
./**test**/ /**test**/class {
background: red;
}
.var {
--main-color: black;
--FOO: 10px;
--foo: 10px;
--bar: calc(var(--foo) + 10px);
--accent-background: linear-gradient(to top, var(--main-color), white);
--external-link: \\"test\\";
--custom-prop: yellow;
--default-value: red;
--main-bg-color: red;
--backup-bg-color: black;
-foo: calc(var(--bar) + 10px);
var: var(--main-color);
var1: var(--foo);
var2: var(--FOO);
content: \\" (\\" var(--external-link) \\")\\";
var3: var(--main-color, blue);
var4: var(--custom-prop,);
var5: var(--custom-prop, initial);
var6: var(--custom-prop, var(--default-value));
var7: var(--custom-prop, var(--default-value, red));
var8: var(--unknown);
background-color: var(--main-bg-color, var(--backup-bg-color, white));
}
.var-order {
background-color: var(--test);
--test: red;
}
/*!***********************!*\\\\
!*** css ./style.css ***!
\\\\***********************/
.class {
color: red;
background: var(--color);
}
@keyframes test {
0% {
color: red;
}
100% {
color: blue;
}
}
:local(.class) {
color: red;
}
:local .class {
color: green;
}
:global(.class) {
color: blue;
}
:global .class {
color: white;
}
:export {
foo: bar;
}
.class {
animation: test 1s, test;
}
",
]
`;
exports[`ConfigCacheTestCases css url exported tests should work with URLs in CSS 1`] = `
Array [
"/*!************************!*\\\\
!*** external \\"#test\\" ***!
\\\\************************/
@import url(\\"#test\\");
/*!************************!*\\\\
!*** css ./nested.css ***!
\\\\************************/
.nested {
background: url(img.09a1a1112c577c279435.png);
}
/*!***********************!*\\\\
!*** css ./style.css ***!
\\\\***********************/
div {
a: url(img.09a1a1112c577c279435.png);
}
div {
b: url(img.09a1a1112c577c279435.png);
}
div {
c: url(img.09a1a1112c577c279435.png);
}
div {
d: url(img.09a1a1112c577c279435.png#hash);
}
div {
e: url(
img.09a1a1112c577c279435.png
);
}
div {
f: green url( img.09a1a1112c577c279435.png ) xyz;
}
div {
g: green url( img.09a1a1112c577c279435.png ) xyz;
}
div {
h: green url(img.09a1a1112c577c279435.png) xyz;
}
div {
i: green url(img.09a1a1112c577c279435.png) url(img.09a1a1112c577c279435.png) xyz;
}
div {
j: green url( img\\\\ img.09a1a1112c577c279435.png ) xyz;
}
div {
k: green url( img\\\\ img.09a1a1112c577c279435.png ) xyz;
}
div {
l: green url(img.09a1a1112c577c279435.png) xyz;
}
div {
m: green url(img.09a1a1112c577c279435.png) xyz;
}
div {
n: green url(img.09a1a1112c577c279435.png) xyz;
}
div {
--foo: url(img.09a1a1112c577c279435.png);
}
div {
a1: url(img.09a1a1112c577c279435.png);
}
div {
a2: url(img.09a1a1112c577c279435.png);
}
div {
a3: url(img.09a1a1112c577c279435.png);
}
div {
a4: url(img.09a1a1112c577c279435.png#hash);
}
div {
a5: url(
img.09a1a1112c577c279435.png
);
}
div {
a6: green url( img.09a1a1112c577c279435.png ) xyz;
}
div {
a7: green url( img.09a1a1112c577c279435.png ) xyz;
}
div {
a8: green url(img.09a1a1112c577c279435.png) xyz;
}
div {
a9: green url(img.09a1a1112c577c279435.png) url(other-img.09a1a1112c577c279435.png) xyz;
}
div {
a10: green url( img\\\\ img.09a1a1112c577c279435.png ) xyz;
}
div {
a11: green url( img\\\\ img.09a1a1112c577c279435.png ) xyz;
}
div {
a12: green url(img.09a1a1112c577c279435.png) xyz;
}
div {
a13: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;
}
div {
a14: url(\\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\\");
}
div {
a15: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2042%2026%27%20fill%3D%27%2523007aff%27%3E%3Crect%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%271%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2711%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2712%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2722%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2723%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3C%2Fsvg%3E);
}
div {
a16: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"><filter id=\\"filter\\"><feGaussianBlur in=\\"SourceAlpha\\" stdDeviation=\\"0\\" /><feOffset dx=\\"1\\" dy=\\"2\\" result=\\"offsetblur\\" /><feFlood flood-color=\\"rgba(255,255,255,1)\\" /><feComposite in2=\\"offsetblur\\" operator=\\"in\\" /><feMerge><feMergeNode /><feMergeNode in=\\"SourceGraphic\\" /></feMerge></filter></svg>#filter');
}
div {
a17: url(\\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%5C%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%5C%22%3E%3Cfilter%20id%3D%5C%22filter%5C%22%3E%3CfeGaussianBlur%20in%3D%5C%22SourceAlpha%5C%22%20stdDeviation%3D%5C%220%5C%22%20%2F%3E%3CfeOffset%20dx%3D%5C%221%5C%22%20dy%3D%5C%222%5C%22%20result%3D%5C%22offsetblur%5C%22%20%2F%3E%3CfeFlood%20flood-color%3D%5C%22rgba(255%2C255%2C255%2C1)%5C%22%20%2F%3E%3CfeComposite%20in2%3D%5C%22offsetblur%5C%22%20operator%3D%5C%22in%5C%22%20%2F%3E%3CfeMerge%3E%3CfeMergeNode%20%2F%3E%3CfeMergeNode%20in%3D%5C%22SourceGraphic%5C%22%20%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fsvg%3E%23filter\\");
}
div {
a18: url(#highlight);
}
div {
a19: url(#line-marker);
}
@font-face {
a20: url(font.31d6cfe0d16ae931b73c.woff) format('woff'),
url(font.31d6cfe0d16ae931b73c.woff2) format('woff2'),
url(font.31d6cfe0d16ae931b73c.eot) format('eot'),
url(font.31d6cfe0d16ae931b73c.ttf) format('truetype'),
url(\\"font with spaces.31d6cfe0d16ae931b73c.eot\\") format(\\"embedded-opentype\\"),
url(font.31d6cfe0d16ae931b73c.svg#svgFontName) format('svg'),
url(font.31d6cfe0d16ae931b73c.woff2?foo=bar) format('woff2'),
url(font.31d6cfe0d16ae931b73c.eot?#iefix) format('embedded-opentype'),
url(\\"font with spaces.31d6cfe0d16ae931b73c.eot?#iefix\\") format('embedded-opentype');
}
@media (min-width: 500px) {
div {
a21: url(img.09a1a1112c577c279435.png);
}
}
div {
a22: \\"do not use url(path)\\";
}
div {
a23: 'do not \\"use\\" url(path)';
}
div {
a24: -webkit-image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)
}
div {
a25: image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x)
}
div {
a26: green url() xyz;
}
div {
a27: green url('') xyz;
}
div {
a28: green url(\\"\\") xyz;
}
div {
a29: green url(' ') xyz;
}
div {
a30: green url(
) xyz;
}
div {
a40: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
}
div {
a41: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
}
div {
a42: url(img.09a1a1112c577c279435.png?foo);
}
div {
a43: url(img.09a1a1112c577c279435.png?foo=bar);
}
div {
a44: url(img.09a1a1112c577c279435.png?foo=bar#hash);
}
div {
a45: url(img.09a1a1112c577c279435.png?foo=bar#hash);
}
div {
a46: url(img.09a1a1112c577c279435.png?);
}
div {
a47: url(img.09a1a1112c577c279435.png) url(\\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\\") url(img.09a1a1112c577c279435.png);
}
div {
a48: __URL__();
}
div {
a49: url(img-simple.09a1a1112c577c279435.png);
}
div {
a50: url(img-simple.09a1a1112c577c279435.png);
}
div {
a51: url(img-simple.09a1a1112c577c279435.png);
}
div {
a52: url(img.09a1a1112c577c279435.png);
}
div {
a53: url(img.09a1a1112c577c279435.png);
}
@font-face {
a54: url(//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot);
}
div {
a55: -webkit-image-set();
a56: -webkit-image-set('');
a56: image-set();
a58: image-set('');
a59: image-set(\\"\\");
a60: image-set(\\"\\" 1x);
a61: image-set(url());
a62: image-set(
url()
);
a63: image-set(URL());
a64: image-set(url(''));
a65: image-set(url(\\"\\"));
a66: image-set(url('') 1x);
a67: image-set(1x);
a68: image-set(
1x
);
a69: image-set(calc(1rem + 1px) 1x);
a70: -webkit-image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x);
a71: image-set(url(img1x.09a1a1112c577c279435.png) 1x);
a72: image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x);
a73: image-set(url(img\\\\ img.09a1a1112c577c279435.png) 1x, url(img\\\\ img.09a1a1112c577c279435.png) 2x);
a74: image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x),
image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x);
a75: image-set(
url(img1x.09a1a1112c577c279435.png) 1x,
url(img2x.09a1a1112c577c279435.png) 2x,
url(img3x.09a1a1112c577c279435.png) 600dpi
);
a76: image-set(url(img1x.09a1a1112c577c279435.png?foo=bar) 1x);
a77: image-set(url(img1x.09a1a1112c577c279435.png#hash) 1x);
a78: image-set(url(img1x.09a1a1112c577c279435.png?#iefix) 1x);
a79: -webkit-image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x);
a80: -webkit-image-set(url(img1x.09a1a1112c577c279435.png) 1x);
a81: -webkit-image-set(
url(img1x.09a1a1112c577c279435.png) 1x
);
a82: image-set(url(img1x.09a1a1112c577c279435.png) 1x);
a83: image-set(
url(img1x.09a1a1112c577c279435.png) 1x
);
a84: image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x);
a85: image-set(
url(img1x.09a1a1112c577c279435.png) 1x,
url(img2x.09a1a1112c577c279435.png) 2x,
url(img3x.09a1a1112c577c279435.png) 600dpi
);
a86: image-set(url(img\\\\ img.09a1a1112c577c279435.png) 1x, url(img\\\\ img.09a1a1112c577c279435.png) 2x);
a87: image-set(url(img1x.09a1a1112c577c279435.png) 1x, url(img2x.09a1a1112c577c279435.png) 2x);
}
div {
a88: url(imgimg.09a1a1112c577c279435.png);
a89: url(img\\\\'img.09a1a1112c577c279435.png);
a90: url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png);
a91: url(img\\\\(img.09a1a1112c577c279435.png);
a92: url(img\\\\)img.09a1a1112c577c279435.png);
a93: url(img\\\\ img.09a1a1112c577c279435.png);
a94: url(\\"img'() img.09a1a1112c577c279435.png\\");
a95: image-set(
url(imgimg.09a1a1112c577c279435.png) 1x,
url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png) 2x,
url(img\\\\'img.09a1a1112c577c279435.png) 3x,
url(img\\\\(img.09a1a1112c577c279435.png) 4x,
url(img\\\\)img.09a1a1112c577c279435.png) 5x,
url(img\\\\ img.09a1a1112c577c279435.png) 6x,
url(\\"img'() img.09a1a1112c577c279435.png\\") 7x
);
}
div {
a96: url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png);
a97: url(\\"img'() img.09a1a1112c577c279435.png\\");
a98: url(img\\\\'img.09a1a1112c577c279435.png);
a99: url(img\\\\(img.09a1a1112c577c279435.png);
a100: url(img\\\\)img.09a1a1112c577c279435.png);
a101: url(img\\\\ img.09a1a1112c577c279435.png);
a102: url(img\\\\ img.09a1a1112c577c279435.png);
}
div {
a103: url(img\\\\(img.09a1a1112c577c279435.png);
a104: url(img\\\\(img.09a1a1112c577c279435.png);
a105: url(img\\\\(img.09a1a1112c577c279435.png);
a106: url(img\\\\(img.09a1a1112c577c279435.png);
}
div {
a107: url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png);
a108: url(\\"img'() img.09a1a1112c577c279435.png\\");
a109: url(img\\\\'img.09a1a1112c577c279435.png);
a110: url(img\\\\(img.09a1a1112c577c279435.png);
a111: url(img\\\\)img.09a1a1112c577c279435.png);
a112: url(img\\\\ img.09a1a1112c577c279435.png);
a113: url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png);
a114: url(\\"img'() img.09a1a1112c577c279435.png\\");
a115: url(img\\\\'img.09a1a1112c577c279435.png);
a116: url(img\\\\(img.09a1a1112c577c279435.png);
a117: url(img\\\\)img.09a1a1112c577c279435.png);
a118: url(img\\\\ img.09a1a1112c577c279435.png);
}
div {
a119: url(img.09a1a1112c577c279435.png);
}
div {
a120: url(img\\\\'\\\\'\\\\'img.09a1a1112c577c279435.png);
a121: url(\\"img'() img.09a1a1112c577c279435.png\\");
a122: url(img\\\\'img.09a1a1112c577c279435.png);
a123: url(img\\\\(img.09a1a1112c577c279435.png);
a124: url(img\\\\)img.09a1a1112c577c279435.png);
a125: url(img\\\\ img.09a1a1112c577c279435.png);
a126: url(img.09a1a1112c577c279435.png);
a127: url(img.09a1a1112c577c279435.png);
a128: url(img\\\\'img.09a1a1112c577c279435.png);
a129: url(\\"img'() img.09a1a1112c577c279435.png\\");
a130: url(\\"img'() img.09a1a1112c577c279435.png\\");
}
div {
a131: url(img.09a1a1112c577c279435.png);
a132: url(img.09a1a1112c577c279435.png);
a133: url(img.09a1a1112c577c279435.png?foo=bar);
a134: url(img.09a1a1112c577c279435.png?foo=bar);
a135: url(img.09a1a1112c577c279435.png?foo=bar#hash);
a136: url(img.09a1a1112c577c279435.png?foo=bar#hash);
a137: url(img.09a1a1112c577c279435.png?foo=bar);
a138: url(img.09a1a1112c577c279435.png?bar=foo);
a139: url(img.09a1a1112c577c279435.png?foo=bar#foo);
a140: url(img.09a1a1112c577c279435.png?bar=foo#bar);
a141: url(img.09a1a1112c577c279435.png?foo=1&bar=2);
a142: url(img.09a1a1112c577c279435.png?foo=2&bar=1);
}
div {
a143: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A) 50% 50%/191px no-repeat;
}
div {
a144: url(img.09a1a1112c577c279435.png);
}
div {
a145: url(img.09a1a1112c577c279435.png);
}
div {
/* TODO fix me */
/*a146: url('./img.png', 'foo', './img.png', url('./img.png'));*/
/*a147: image-set(url('./img.png', 'foo', './img.png', url('./img.png')) 1x, url(\\"./img2x.png\\") 2x);*/
}
div {
a148: url('data:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\"%3E%3Crect width=\\"100%25\\" height=\\"100%25\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /%3E%3C/svg%3E');
a149: url('data:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\"%3E%3Crect width=\\"100%25\\" height=\\"100%25\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /%3E%3C/svg%3E');
a150: url('data:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\"%3E%3Crect width=\\"100%25\\" height=\\"100%25\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /%3E%3C/svg%3E');
a151: url('data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"><rect width=\\"100%\\" height=\\"100%\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /></svg>');
a152: url('data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"><rect width=\\"100%\\" height=\\"100%\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /></svg>');
}
div {
a152: url(img.09a1a1112c577c279435.png);
}
div {
a153: url(img.09a1a1112c577c279435.png);
}
div {
a154: url(other.09a1a1112c577c279435.png);
}
div {
a155: url(img.09a1a1112c577c279435.png);
}
div {
a156: url(\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\\");
}
div {
a157: url('data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"10\\" height=\\"10\\"><rect fill=\\"gray\\" width=\\"5\\" height=\\"5\\" y=\\"0\\" x=\\"0\\" /></svg>');
}
div {
a158: src(http://www.example.com/pinkish.gif);
--foo-bar: \\"http://www.example.com/pinkish.gif\\";
a159: src(var(--foo));
}
div {
a160: url(img.09a1a1112c577c279435.png param(--color var(--primary-color)));
a161: src(img.09a1a1112c577c279435.png param(--color var(--primary-color)));
}
div {
a162: url(img\\\\ img.09a1a1112c577c279435.png);
}
div {
a163: url(img.09a1a1112c577c279435.png);
}
div {
a164: url( img.png bug);
}
div {
a165: url(imgn.09a1a1112c577c279435.png);
}
div {
a166: url('data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"10\\" height=\\"10\\"><rect fill=\\"gray\\" width=\\"5\\" height=\\"5\\" y=\\"0\\" x=\\"0\\" /></svg>');
}
div {
a167: url(http://example.com/image.jpg);
a168: url(http://example.com/image.jpg);
}
div {
a169: url(data:,);
a170: url(data:,);
}
div {
a171: image(ltr 'img.png#xywh=0,0,16,16', red);
a172: cross-fade(20% url(img.09a1a1112c577c279435.png), url(img.09a1a1112c577c279435.png))
}
div {
a172: image-set(
linear-gradient(blue, white) 1x,
linear-gradient(blue, green) 2x
);
a173: image-set(
url(img.09a1a1112c577c279435.png) type(\\"image/png\\"),
url(img.09a1a1112c577c279435.png) type(\\"image/png\\")
);
a174: image-set(
url(img.09a1a1112c577c279435.png) 1x,
url(img.09a1a1112c577c279435.png) 2x
);
a175: image-set(
url(img.09a1a1112c577c279435.png) 1x,
url(img.09a1a1112c577c279435.png) 2x,
url(img.09a1a1112c577c279435.png) 3x
);
a176: image-set(
url(img.09a1a1112c577c279435.png) type(\\"image/png\\"),
url(img.09a1a1112c577c279435.png) type(\\"image/png\\")
) \\"img.png\\";
a177: image-set(
url(img.09a1a1112c577c279435.png) 1x type(\\"image/png\\"),
url(img.09a1a1112c577c279435.png) 2x type(\\"image/png\\")
);
a178: image-set(
url(img.09a1a1112c577c279435.png) type(\\"image/png\\") 1x,
url(img.09a1a1112c577c279435.png) type(\\"image/png\\") 2x
);
a179: -webkit-image-set(
url(img.09a1a1112c577c279435.png) 1x
);
a180: -webkit-image-set(
url(img.09a1a1112c577c279435.png var(--foo, \\"test.png\\")) 1x
);
}
div {
a181: src(img.09a1a1112c577c279435.png);
a181: src( img.09a1a1112c577c279435.png );
a182: src(img.09a1a1112c577c279435.png);
a183: src(img.09a1a1112c577c279435.png var(--foo, \\"test.png\\"));
a184: src(var(--foo, \\"test.png\\"));
a185: src(img.09a1a1112c577c279435.png);
}
div {
a186: image-set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x);
a187: image-set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x);
a188: image-set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x);
a189: image-set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x);
a190: image-set(url(img.09a1a1112c577c279435.png)1x);
a191: image-set(url(img.09a1a1112c577c279435.png)1x/* test*/,/* test*/url(img.09a1a1112c577c279435.png)2x);
}
@supports (background-image: image-set(url(unknown.09a1a1112c577c279435.png)1x,url(unknown.09a1a1112c577c279435.png)2x,url(unknown.09a1a1112c577c279435.png)3x)) {
div {
a192: url(img.09a1a1112c577c279435.png);
a193: image-set(url(img.09a1a1112c577c279435.png)1x);
}
}
@supports (background-image: url(unknown.09a1a1112c577c279435.png param(--test))) {
div {
a194: url(img.09a1a1112c577c279435.png);
}
}
@supports (background-image: url(unknown.09a1a1112c577c279435.png)) {
div {
a195: url(img.09a1a1112c577c279435.png);
}
}
@supports (display: grid) {
@media (min-width: 100px) {
@layer special {
div {
a196: url(img.09a1a1112c577c279435.png);
}
}
}
}
div {
a197: \\\\u\\\\r\\\\l(img.09a1a1112c577c279435.png);
a198: \\\\image-\\\\set(url(img.09a1a1112c577c279435.png)1x,url(img.09a1a1112c577c279435.png)2x,url(img.09a1a1112c577c279435.png)3x);
a199: \\\\-webk\\\\it-image-set(url(img.09a1a1112c577c279435.png)1x);
a200:-webkit-image-set(url(img.09a1a1112c577c279435.png)1x);
}
div {
a201: src(http://www.example.com/pinkish.gif);
--foo: \\"http://www.example.com/pinkish.gif\\";
a202: src(var(--foo));
a203: src(img.09a1a1112c577c279435.png);
a204: src(img.09a1a1112c577c279435.png);
}
div {
a205: url(img.09a1a1112c577c279435.png);
a206: url(data:,);
a208: url(./img.png);
a208: url(data:,);
a209: url(data:,);
a210: url(data:,);
a211: url(\\\\'img.png\\\\');
}
",
]
`;
exports[`ConfigCacheTestCases css url exported tests should work with URLs in CSS 2`] = `
Array [
"/*!************************!*\\\\
!*** external \\"#test\\" ***!
\\\\************************/
@import url(\\"#test\\");
/*!************************!*\\\\
!*** css ./nested.css ***!
\\\\************************/
.nested {
background: url('./img.png');
}
/*!***********************!*\\\\
!*** css ./style.css ***!
\\\\***********************/
div {
a: url('./img.png');
}
div {
b: url(\\"./img.png\\");
}
div {
c: url(./img.png);
}
div {
d: url(\\"./img.png#hash\\");
}
div {
e: url(
\\"./img.png\\"
);
}
div {
f: green url( './img.png' ) xyz;
}
div {
g: green url( \\"./img.png\\" ) xyz;
}
div {
h: green url( ./img.png ) xyz;
}
div {
i: green url(package/img.png) url(./img.png) xyz;
}
div {
j: green url( \\"./img img.png\\" ) xyz;
}
div {
k: green url( './img img.png' ) xyz;
}
div {
l: green url(/img.png) xyz;
}
div {
m: green URL(/img.png) xyz;
}
div {
n: green uRl(/img.png) xyz;
}
div {
--foo: url('./img.png');
}
div {
a1: url('./img.png');
}
div {
a2: url(\\"./img.png\\");
}
div {
a3: url(./img.png);
}
div {
a4: url(\\"./img.png#hash\\");
}
div {
a5: url(
\\"./img.png\\"
);
}
div {
a6: green url( './img.png' ) xyz;
}
div {
a7: green url( \\"./img.png\\" ) xyz;
}
div {
a8: green url( ./img.png ) xyz;
}
div {
a9: green url(package/img.png) url(./other-img.png) xyz;
}
div {
a10: green url( \\"./img img.png\\" ) xyz;
}
div {
a11: green url( './img img.png' ) xyz;
}
div {
a12: green url(/img.png) xyz;
}
div {
a13: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz;
}
div {
a14: url(\\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\\");
}
div {
a15: url(\\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2042%2026%27%20fill%3D%27%2523007aff%27%3E%3Crect%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%271%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2711%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2712%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3Crect%20y%3D%2722%27%20width%3D%274%27%20height%3D%274%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%2723%27%20width%3D%2734%27%20height%3D%272%27%2F%3E%3C%2Fsvg%3E\\");
}
div {
a16: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"><filter id=\\"filter\\"><feGaussianBlur in=\\"SourceAlpha\\" stdDeviation=\\"0\\" /><feOffset dx=\\"1\\" dy=\\"2\\" result=\\"offsetblur\\" /><feFlood flood-color=\\"rgba(255,255,255,1)\\" /><feComposite in2=\\"offsetblur\\" operator=\\"in\\" /><feMerge><feMergeNode /><feMergeNode in=\\"SourceGraphic\\" /></feMerge></filter></svg>#filter');
}
div {
a17: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%5C%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%5C%22%3E%3Cfilter%20id%3D%5C%22filter%5C%22%3E%3CfeGaussianBlur%20in%3D%5C%22SourceAlpha%5C%22%20stdDeviation%3D%5C%220%5C%22%20%2F%3E%3CfeOffset%20dx%3D%5C%221%5C%22%20dy%3D%5C%222%5C%22%20result%3D%5C%22offsetblur%5C%22%20%2F%3E%3CfeFlood%20flood-color%3D%5C%22rgba(255%2C255%2C255%2C1)%5C%22%20%2F%3E%3CfeComposite%20in2%3D%5C%22offsetblur%5C%22%20operator%3D%5C%22in%5C%22%20%2F%3E%3CfeMerge%3E%3CfeMergeNode%20%2F%3E%3CfeMergeNode%20in%3D%5C%22SourceGraphic%5C%22%20%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fsvg%3E%23filter');
}
div {
a18: url(#highlight);
}
div {
a19: url('#line-marker');
}
@font-face {
a20: url(./font.woff) format('woff'),
url('./font.woff2') format('woff2'),
url(\\"./font.eot\\") format('eot'),
url(./font.ttf) format('truetype'),
url(\\"./font with spaces.eot\\") format(\\"embedded-opentype\\"),
url('./font.svg#svgFontName') format('svg'),
url('./font.woff2?foo=bar') format('woff2'),
url(\\"./font.eot?#iefix\\") format('embedded-opentype'),
url(\\"./font with spaces.eot?#iefix\\") format('embedded-opentype');
}
@media (min-width: 500px) {
div {
a21: url(\\"./img.png\\");
}
}
div {
a22: \\"do not use url(path)\\";
}
div {
a23: 'do not \\"use\\" url(path)';
}
div {
a24: -webkit-image-set(url('./img1x.png') 1x, url('./img2x.png') 2x)
}
div {
a25: image-set(url('./img1x.png') 1x, url('./img2x.png') 2x)
}
div {
a26: green url() xyz;
}
div {
a27: green url('') xyz;
}
div {
a28: green url(\\"\\") xyz;
}
div {
a29: green url(' ') xyz;
}
div {
a30: green url(
) xyz;
}
div {
a40: green url(https://raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
}
div {
a41: green url(//raw.githubusercontent.com/webpack/media/master/logo/icon.png) xyz;
}
div {
a42: url(\\"./img.png?foo\\");
}
div {
a43: url(\\"./img.png?foo=bar\\");
}
div {
a44: url(\\"./img.png?foo=bar#hash\\");
}
div {
a45: url(\\"./img.png?foo=bar#hash\\");
}
div {
a46: url(\\"./img.png?\\");
}
div {
a47: url('./img.png') url(\\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\\") url('./img.png');
}
div {
a48: __URL__();
}
div {
a49: url('./nested/../nested/img-simple.png');
}
div {
a50: url('/nested/img-simple.png');
}
div {
a51: url('../url/nested/img-simple.png');
}
div {
a52: url(./nested/img.png);
}
div {
a53: url(nested/img.png);
}
@font-face {
a54: url(\\"//at.alicdn.com/t/font_515771_emcns5054x3whfr.eot\\");
}
div {
a55: -webkit-image-set();
a56: -webkit-image-set('');
a56: image-set();
a58: image-set('');
a59: image-set(\\"\\");
a60: image-set(\\"\\" 1x);
a61: image-set(url());
a62: image-set(
url()
);
a63: image-set(URL());
a64: image-set(url(''));
a65: image-set(url(\\"\\"));
a66: image-set(url('') 1x);
a67: image-set(1x);
a68: image-set(
1x
);
a69: image-set(calc(1rem + 1px) 1x);
a70: -webkit-image-set(\\"./img1x.png\\" 1x, \\"./img2x.png\\" 2x);
a71: image-set(\\"./img1x.png\\" 1x);
a72: image-set(\\"./img1x.png\\" 1x, \\"./img2x.png\\" 2x);
a73: image-set(\\"./img img.png\\" 1x, \\"./img img.png\\" 2x);
a74: image-set(\\"./img1x.png\\" 1x, \\"./img2x.png\\" 2x),
image-set(\\"./img1x.png\\" 1x, \\"./img2x.png\\" 2x);
a75: image-set(
\\"./img1x.png\\" 1x,
\\"./img2x.png\\" 2x,
\\"./img3x.png\\" 600dpi
);
a76: image-set(\\"./img1x.png?foo=bar\\" 1x);
a77: image-set(\\"./img1x.png#hash\\" 1x);
a78: image-set(\\"./img1x.png?#iefix\\" 1x);
a79: -webkit-image-set(url(\\"./img1x.png\\") 1x, url(\\"./img2x.png\\") 2x);
a80: -webkit-image-set(url(\\"./img1x.png\\") 1x);
a81: -webkit-image-set(
url(\\"./img1x.png\\") 1x
);
a82: image-set(url(./img1x.png) 1x);
a83: image-set(
url(./img1x.png) 1x
);
a84: image-set(url(\\"./img1x.png\\") 1x, url(\\"./img2x.png\\") 2x);
a85: image-set(
url(./img1x.png) 1x,
url(./img2x.png) 2x,
url(./img3x.png) 600dpi
);
a86: image-set(url(\\"./img img.png\\") 1x, url(\\"./img img.png\\") 2x);
a87: image-set(url(\\"./img1x.png\\") 1x, \\"./img2x.png\\" 2x);
}
div {
a88: url(./img\\\\img.png);
a89: url(./img\\\\'img.png);
a90: url(./img\\\\'\\\\'\\\\'img.png);
a91: url(./img\\\\(img.png);
a92: url(./img\\\\)img.png);
a93: url(./img\\\\ img.png);
a94: url(./img\\\\'\\\\(\\\\)\\\\ img.png);
a95: image-set(
url(./img\\\\img.png) 1x,
url(./img\\\\'\\\\'\\\\'img.png) 2x,
url(./img\\\\'img.png) 3x,
url(./img\\\\(img.png) 4x,
url(./img\\\\)img.png) 5x,
url(./img\\\\ img.png) 6x,
url(./img\\\\'\\\\(\\\\)\\\\ img.png) 7x
);
}
div {
a96: url(\\"./img'''img.png\\");
a97: url(\\"./img'() img.png\\");
a98: url(\\"./img'img.png\\");
a99: url(\\"./img(img.png\\");
a100: url(\\"./img)img.png\\");
a101: url('./img img.png');
a102: url(\\"./img img.png\\");
}
div {
a103: url('./img\\\\
(img.png');
a104: url('./img\\\\
(img.png');
a105: url('./img\\\\
(img.png');
a106: url('./img\\\\
\\\\
\\\\
\\\\
(img.png');
}
div {
a107: url(\\"./img%27%27%27img.png\\");
a108: url(\\"./img%27%28%29%20img.png\\");
a109: url(\\"./img%27img.png\\");
a110: url(\\"./img%28img.png\\");
a111: url(\\"./img%29img.png\\");
a112: url(\\"./img%20img.png\\");
a113: url(./img%27%27%27img.png);
a114: url(./img%27%28%29%20img.png);
a115: url(./img%27img.png);
a116: url(./img%28img.png);
a117: url(./img%29img.png);
a118: url(./img%20img.png);
}
div {
a119: url('img.png');
}
div {
a120: url(\\"./img\\\\'\\\\'\\\\'img.png\\");
a121: url(\\"./img\\\\'\\\\(\\\\)\\\\ img.png\\");
a122: url(\\"./img\\\\'img.png\\");
a123: url(\\"./img\\\\(img.png\\");
a124: url(\\"./img\\\\)img.png\\");
a125: url(\\"./img\\\\ img.png\\");
a126: url(\\"./\\\\69\\\\6D\\\\67.png\\");
a127: url(./\\\\69\\\\6D\\\\67.png);
a128: url(\\"./img\\\\27img.png\\");
a129: url(\\"./img\\\\'\\\\28%29 img.png\\");
a130: url(./img\\\\'\\\\28%29\\\\ img.png);
}
div {
a131: url('./img.png');
a132: url('./img.png');
a133: url('./img.png?foo=bar');
a134: url('./img.png?foo=bar');
a135: url('./img.png?foo=bar#hash');
a136: url('./img.png?foo=bar#hash');
a137: url('./img.png?foo=bar');
a138: url('./img.png?bar=foo');
a139: url('./img.png?foo=bar#foo');
a140: url('./img.png?bar=foo#bar');
a141: url('./img.png?foo=1&bar=2');
a142: url('./img.png?foo=2&bar=1');
}
div {
a143: url(\\"data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A\\") 50% 50%/191px no-repeat;
}
div {
a144: url('%2E/img.png');
}
div {
a145: url(\\"/img.png\\");
}
div {
/* TODO fix me */
/*a146: url('./img.png', 'foo', './img.png', url('./img.png'));*/
/*a147: image-set(url('./img.png', 'foo', './img.png', url('./img.png')) 1x, url(\\"./img2x.png\\") 2x);*/
}
div {
a148: url('data:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\"%3E%3Crect width=\\"100%25\\" height=\\"100%25\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /%3E%3C/svg%3E');
a149: url('DATA:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\"%3E%3Crect width=\\"100%25\\" height=\\"100%25\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /%3E%3C/svg%3E');
a150: url('DATA:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\"%3E%3Crect width=\\"100%25\\" height=\\"100%25\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /%3E%3C/svg%3E');
a151: url('data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"><rect width=\\"100%\\" height=\\"100%\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /></svg>');
a152: url('DATA:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"><rect width=\\"100%\\" height=\\"100%\\" style=\\"stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px\\" /></svg>');
}
div {
a152: url(\\"img.png\\");
}
div {
a153: url(\\"nested/img.png\\");
}
div {
a154: url(\\"nested/other.png\\");
}
div {
a155: url(\\"package/img.png\\");
}
div {
a156: url(\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\\");
}
div {
a157: url('data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"10\\" height=\\"10\\"><rect fill=\\"gray\\" width=\\"5\\" height=\\"5\\" y=\\"0\\" x=\\"0\\" /></svg>');
}
div {
a158: src(\\"http://www.example.com/pinkish.gif\\");
--foo-bar: \\"http://www.example.com/pinkish.gif\\";
a159: src(var(--foo));
}
div {
a160: url(\\"img.png\\" param(--color var(--primary-color)));
a161: src(\\"img.png\\" param(--color var(--primary-color)));
}
div {
a162: url('img\\\\
i\\\\
mg.png\\\\
');
}
div {
a163: url(\\" img.png \\");
}
div {
a164: url( img.png bug);
}
div {
a165: url(img\\\\n.png);
}
div {
a166: url(' data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\"\\\\
width=\\"10\\" height=\\"10\\"><rect fill=\\"gray\\" width=\\"5\\" height=\\"5\\" y=\\"0\\" x=\\"0\\" /></svg> ');
}
div {
a167: url(http://example.com/image.jpg);
a168: url(http://example.com/image.jpg);
}
div {
a169: url('data:,');
a170: url('data:,');
}
div {
a171: image(ltr 'img.png#xywh=0,0,16,16', red);
a172: cross-fade(20% url(img.png), url(img.png))
}
div {
a172: image-set(
linear-gradient(blue, white) 1x,
linear-gradient(blue, green) 2x
);
a173: image-set(
url(\\"img.png\\") type(\\"image/png\\"),
url(\\"img.png\\") type(\\"image/png\\")
);
a174: image-set(
\\"img.png\\" 1x,
\\"img.png\\" 2x
);
a175: image-set(
url(\\"img.png\\") 1x,
url(\\"img.png\\") 2x,
url(\\"img.png\\") 3x
);
a176: image-set(
\\"img.png\\" type(\\"image/png\\"),
\\"img.png\\" type(\\"image/png\\")
) \\"img.png\\";
a177: image-set(
\\"img.png\\" 1x type(\\"image/png\\"),
\\"img.png\\" 2x type(\\"image/png\\")
);
a178: image-set(
\\"img.png\\" type(\\"image/png\\") 1x,
\\"img.png\\" type(\\"image/png\\") 2x
);
a179: -webkit-image-set(
\\"img.png\\" 1x
);
a180: -webkit-image-set(
url(\\"img.png\\" var(--foo, \\"test.png\\")) 1x
);
}
div {
a181: src(\\"img.png\\");
a181: src( \\"img.png\\" );
a182: src('img.png');
a183: src('img.png' var(--foo, \\"test.png\\"));
a184: src(var(--foo, \\"test.png\\"));
a185: src(\\" img.png \\");
}
div {
a186: image-set(\\"img.png\\"1x,\\"img.png\\"2x,\\"img.png\\"3x);
a187: image-set(\\"img.png\\"1x,url(\\"img.png\\")2x,\\"img.png\\"3x);
a188: image-set(\\"img.png\\"1x,\\"img.png\\"2x,url(\\"img.png\\")3x);
a189: image-set(url(\\"img.png\\")1x,\\"img.png\\"2x,\\"img.png\\"3x);
a190: image-set(\\"img.png\\"1x);
a191: image-set(\\"img.png\\"1x/* test*/,/* test*/\\"img.png\\"2x);
}
@supports (background-image: image-set(\\"unknown.png\\"1x,\\"unknown.png\\"2x,\\"unknown.png\\"3x)) {
div {
a192: url(\\"img.png\\");
a193: image-set(\\"img.png\\"1x);
}
}
@supports (background-image: url(\\"unknown.png\\" param(--test))) {
div {
a194: url(\\"img.png\\");
}
}
@supports (background-image: url(\\"unknown.png\\")) {
div {
a195: url(\\"img.png\\");
}
}
@supports (display: grid) {
@media (min-width: 100px) {
@layer special {
div {
a196: url(\\"img.png\\");
}
}
}
}
div {
a197: \\\\u\\\\r\\\\l(\\"img.png\\");
a198: \\\\image-\\\\set(\\"img.png\\"1x,\\"img.png\\"2x,\\"img.png\\"3x);
a199: \\\\-webk\\\\it-image-set(\\"img.png\\"1x);
a200:-webkit-image-set(\\"img.png\\"1x);
}
div {
a201: src(\\"http://www.example.com/pinkish.gif\\");
--foo: \\"http://www.example.com/pinkish.gif\\";
a202: src(var(--foo));
a203: src(\\"./img.png\\");
a204: src(\\"img.png\\");
}
div {
a205: url(alias-url.png);
a206: url(alias-url-1.png);
a208: url(external-url.png);
a208: url(external-url-2.png);
a209: url(unresolved.png);
a210: url(ignore.png);
a211: url(\\"schema:test\\");
}
",
]
`;
exports[`ConfigCacheTestCases css url-and-asset-module-filename exported tests should generate correct url public path with css filename 1`] = `
Object {
"getPropertyValue": [Function],
"nested-dir": " url(../../bundle0/assets/img2.png)",
"nested-nested-dir": " url(../../bundle0/assets/img3.png)",
"same-dir": " url(../../bundle0/assets/img1.png)",
}
`;
exports[`ConfigCacheTestCases css url-and-asset-module-filename exported tests should generate correct url public path with css filename 2`] = `
Object {
"getPropertyValue": [Function],
"nested-dir": " url(../../bundle0/assets/img3.png)",
"outer-dir": " url(../../bundle0/assets/img1.png)",
"same-dir": " url(../../bundle0/assets/img2.png)",
}
`;
exports[`ConfigCacheTestCases css url-and-asset-module-filename exported tests should generate correct url public path with css filename 3`] = `
Object {
"getPropertyValue": [Function],
"outer-dir": " url(../../bundle0/assets/img2.png)",
"outer-outer-dir": " url(../../bundle0/assets/img1.png)",
"same-dir": " url(../../bundle0/assets/img3.png)",
}
`;
exports[`ConfigCacheTestCases css url-and-asset-module-filename exported tests should generate correct url public path with css filename 4`] = `
Object {
"getPropertyValue": [Function],
"nested-dir": " url(https://test.cases/path/bundle1/assets/img2.png)",
"nested-nested-dir": " url(https://test.cases/path/bundle1/assets/img3.png)",
"same-dir": " url(https://test.cases/path/bundle1/assets/img1.png)",
}
`;
exports[`ConfigCacheTestCases css url-and-asset-module-filename exported tests should generate correct url public path with css filename 5`] = `
Object {
"getPropertyValue": [Function],
"nested-dir": " url(https://test.cases/path/bundle1/assets/img3.png)",
"outer-dir": " url(https://test.cases/path/bundle1/assets/img1.png)",
"same-dir": " url(https://test.cases/path/bundle1/assets/img2.png)",
}
`;
exports[`ConfigCacheTestCases css url-and-asset-module-filename exported tests should generate correct url public path with css filename 6`] = `
Object {
"getPropertyValue": [Function],
"outer-dir": " url(https://test.cases/path/bundle1/assets/img2.png)",
"outer-outer-dir": " url(https://test.cases/path/bundle1/assets/img1.png)",
"same-dir": " url(https://test.cases/path/bundle1/assets/img3.png)",
}
`;
exports[`ConfigCacheTestCases css url-and-asset-module-filename exported tests should generate correct url public path with css filename 7`] = `
Object {
"getPropertyValue": [Function],
"nested-dir": " url(https://test.cases/path/bundle2/assets/img2.png)",
"nested-nested-dir": " url(https://test.cases/path/bundle2/assets/img3.png)",
"same-dir": " url(https://test.cases/path/bundle2/assets/img1.png)",
}
`;
exports[`ConfigCacheTestCases css url-and-asset-module-filename exported tests should generate correct url public path with css filename 8`] = `
Object {
"getPropertyValue": [Function],
"nested-dir": " url(https://test.cases/path/bundle2/assets/img3.png)",
"outer-dir": " url(https://test.cases/path/bundle2/assets/img1.png)",
"same-dir": " url(https://test.cases/path/bundle2/assets/img2.png)",
}
`;
exports[`ConfigCacheTestCases css url-and-asset-module-filename exported tests should generate correct url public path with css filename 9`] = `
Object {
"getPropertyValue": [Function],
"outer-dir": " url(https://test.cases/path/bundle2/assets/img2.png)",
"outer-outer-dir": " url(https://test.cases/path/bundle2/assets/img1.png)",
"same-dir": " url(https://test.cases/path/bundle2/assets/img3.png)",
}
`;
exports[`ConfigCacheTestCases css webpack-ignore exported tests should compile 1`] = `
"/*!***********************!*\\\\
!*** css ./basic.css ***!
\\\\***********************/
.class {
color: red;
}
/*!***********************!*\\\\
!*** css ./style.css ***!
\\\\***********************/
@import/* webpackIgnore: true */url(./basic.css);
@import /* webpackIgnore: true */ url(./basic.css);
@import /* webpackIgnore: false */ /* webpackIgnore: true */ url(./basic.css);
@import /* webpackIgnore: false */ /* webpackIgnore: true */ /* webpackIgnore: true */ url(./basic.css);
@import /* webpackIgnore: false */ /* webpackIgnore: false */ /* webpackIgnore: true */ url(./basic.css);
@import /* webpackIgnore: true */ url(./basic.css);
/** Resolved **/
/** Resolved **/
.class {
color: red;
background: /* webpackIgnore: true */ url(\\"./url/img.png\\"), url(09a1a1112c577c279435.png);
}
.class {
color: red;
background:/* webpackIgnore: true */url(\\"./url/img.png\\"), url(09a1a1112c577c279435.png);
}
.class {
color: red;
background: url(09a1a1112c577c279435.png), /* webpackIgnore: true */ url(\\"./url/img.png\\");
}
.class {
color: red;
background:
/* webpackIgnore: true */
url(\\"./url/img.png\\"),
url(09a1a1112c577c279435.png);
}
.class {
color: red;
background:
url(09a1a1112c577c279435.png),
/* webpackIgnore: true */
url(\\"./url/img.png\\");
}
.class {
color: red;
background: /* webpackIgnore: true */ url(\\"./url/img.png\\"), /* webpackIgnore: false */ url(09a1a1112c577c279435.png);
}
.class {
color: red;
background: url(09a1a1112c577c279435.png), /* webpackIgnore: false */ url(09a1a1112c577c279435.png), /* webpackIgnore: true */ url(\\"./url/img.png\\"), /* webpackIgnore: false */ url(09a1a1112c577c279435.png);
}
.class {
color: red;
background: /* webpackIgnore: false */ url(09a1a1112c577c279435.png), /* webpackIgnore: true */ url(\\"./url/img.png\\");
}
.class {
color: red;
background: /* webpackIgnore: true */ /* webpackIgnore: false */ url(09a1a1112c577c279435.png), url(09a1a1112c577c279435.png);
}
.class {
color: red;
background: url(09a1a1112c577c279435.png), /* webpackIgnore: true */ /* webpackIgnore: false */ url(09a1a1112c577c279435.png);
}
.class {
color: red;
background: url(09a1a1112c577c279435.png), /* webpackIgnore: false */ /* webpackIgnore: true */ url(\\"./url/img.png\\");
}
.class {
background:
url(09a1a1112c577c279435.png),
url(09a1a1112c577c279435.png),
/* webpackIgnore: true */ url(\\"./url/img.png\\"),
url(09a1a1112c577c279435.png),
/* webpackIgnore: true */ url(\\"./url/img.png\\"),
url(09a1a1112c577c279435.png),
url(09a1a1112c577c279435.png),
url(09a1a1112c577c279435.png),
/* webpackIgnore: true */
url(\\"./url/img.png\\");
}
@font-face {
font-family: \\"Roboto\\";
src: /* webpackIgnore: true */ url(\\"./fonts/Roboto-Regular.eot\\");
src:
/* webpackIgnore: true */
url(\\"./fonts/Roboto-Regular.eot#iefix\\") format(\\"embedded-opentype\\"),
url(5edda27bb1aea976c9b5.woff2) format(\\"woff\\"),
url(6af79dbd35e55450b9a6.woff) format(\\"woff\\"),
url(0e1fae5a09bac1b8f8da.ttf) format(\\"truetype\\"),
url(5a6b5cdda16adcae27d1.svg) format(\\"svg\\");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: \\"Roboto\\";
src: /* webpackIgnore: true */ url(\\"./fonts/Roboto-Regular.eot\\");
src:
url(19ce07bdb1cb5ba16ea8.eot) format(\\"embedded-opentype\\"),
url(5edda27bb1aea976c9b5.woff2) format(\\"woff\\"),
/* webpackIgnore: true */
url(\\"./fonts/Roboto-Regular.woff\\")
format(\\"woff\\"),
url(0e1fae5a09bac1b8f8da.ttf) format(\\"truetype\\"),
url(5a6b5cdda16adcae27d1.svg) format(\\"svg\\");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: \\"Roboto\\";
src: url(19ce07bdb1cb5ba16ea8.eot);
src:
url(19ce07bdb1cb5ba16ea8.eot) format(\\"embedded-opentype\\"),
/* webpackIgnore: true */
url(\\"./fonts/Roboto-Regular.woff2\\") format(\\"woff\\"),
url(6af79dbd35e55450b9a6.woff) format(\\"woff\\"),
/* webpackIgnore: true */
url(\\"./fonts/Roboto-Regular.ttf\\") format(\\"truetype\\"),
url(5a6b5cdda16adcae27d1.svg) format(\\"svg\\");
font-weight: 400;
font-style: normal;
}
.class {
background-image: image-set(
/*webpackIgnore: true*/
url(./url/img.png) 2x,
url(09a1a1112c577c279435.png) 3x,
url(09a1a1112c577c279435.png) 4x
);
}
.class {
background-image:
image-set(
/*webpackIgnore: false*/
url(09a1a1112c577c279435.png) 2x,
/*webpackIgnore: true*/
url(./url/img.png) 3x,
url(09a1a1112c577c279435.png) 4x,
/*webpackIgnore: false */
/*webpackIgnore: true */
url(./url/img.png) 5x
),/*webpackIgnore: true*/url('./url/img.png');
}
.class {
background-image:
image-set(
/*webpackIgnore: false*/
url(09a1a1112c577c279435.png) 2x,
/*webpackIgnore: true*/
url(./url/img.png) 3x,
url(09a1a1112c577c279435.png) 4x,
/*webpackIgnore: false */
/*webpackIgnore: true */
url(./url/img.png) 5x
),
/*webpackIgnore: false*/
url(09a1a1112c577c279435.png),
/*webpackIgnore: true*/
url('./url/img.png');
}
.class {
background-image:
image-set(
/*webpackIgnore: false*/
url(09a1a1112c577c279435.png) 2x,
/*webpackIgnore: true*/
url(./url/img.png) 3x,
url(09a1a1112c577c279435.png) 4x,
/*webpackIgnore: false */
/*webpackIgnore: true */
url(./url/img.png) 5x
),
url(09a1a1112c577c279435.png);
}
.class {
background-image: image-set(
/*webpackIgnore: true*/
url(./url/img.png) 2x,
url(09a1a1112c577c279435.png) 3x,
/*webpackIgnore: true*/
url(./url/img.png) 5x
);
}
.class {
background-image: image-set(
/*webpackIgnore: true*/
'./url/img.png' 2x,
url(09a1a1112c577c279435.png) 3x,
/*webpackIgnore: true*/
'./url/img.png' 5x
);
}
.class {
background-image: image-set(
/*webpackIgnore: false*/
url(09a1a1112c577c279435.png) 2x,
/*webpackIgnore: true*/
url(./url/img.png) 3x,
/*webpackIgnore: false*/
url(09a1a1112c577c279435.png) 4x,
/*webpackIgnore: true*/
url(./url/img.png) 5x
);
}
.class {
color: red;
background: url(09a1a1112c577c279435.png), /* webpackIgnore: true */url(\\"./url/img.png\\");
}
.class {
color: red;
background: url(09a1a1112c577c279435.png), /* webpackIgnore: true */ url(\\"./url/img.png\\");
}
.class {
color: red;
background: url(09a1a1112c577c279435.png)/* webpackIgnore: true */, url(09a1a1112c577c279435.png);
}
.class {
background-image:
image-set(
url(09a1a1112c577c279435.png) 2x /*webpackIgnore: true*/,
url(09a1a1112c577c279435.png) /*webpackIgnore: true*/ 3x,
url(09a1a1112c577c279435.png) 4x /*webpackIgnore: true*/,
/*webpackIgnore: true*/url(./url/img.png) 5x,
/*webpackIgnore: true*/ url(./url/img.png) 6x,
/*webpackIgnore: true*/
url(./url/img.png) 7x,
url(09a1a1112c577c279435.png) 8x
),
/*webpackIgnore: false*/
url(09a1a1112c577c279435.png),
/*webpackIgnore: true*/
url('./url/img.png');
}
@font-face {
font-family: \\"anticon\\";
src: url(//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix) format(\\"embedded-opentype\\"),
/* this comment is required */
url(//at.alicdn.com/t/font_1434092639_4910953.woff) format(\\"woff\\");
}
.class {
background-image: image-set(
/*webpackIgnore: true*/
url(\\"./url/img.png\\") 2x,
url(09a1a1112c577c279435.png) 3x,
/*webpackIgnore: true*/
url(\\"./url/img.png\\") 4x
);
}
.class {
background-image: /* webpackIgnore: 1 */ url(09a1a1112c577c279435.png);
background-image: /* webpackIgnore: 1 */ url(09a1a1112c577c279435.png);
background-image: image-set(/* webpackIgnore: 1 */ url(09a1a1112c577c279435.png) 2x)
}
.class {
background-image /*webpackIgnore: true*/ : url(09a1a1112c577c279435.png);
/*webpackIgnore: true*/ background-image: url(09a1a1112c577c279435.png);
}
.class {
background-image:/*webpackIgnore: true*/
url(./url/img.png);
}
.class {
background-image: /***webpackIgnore: true***/ url(09a1a1112c577c279435.png);
background-image: /***webpackIgnore: true***/ url(09a1a1112c577c279435.png);
background-image: image-set(/***webpackIgnore: true***/ url(09a1a1112c577c279435.png) 2x)
}
"
`;
exports[`ConfigCacheTestCases library concatenate-modules-named-import-externals concatenate-modules-named-import-externals should compile 1`] = `
"import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals0_a__ } from \\"externals0\\";
import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals1_a__ } from \\"externals1\\";
import { default as __WEBPACK_EXTERNAL_MODULE_externals2_default__ } from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import \\"externals4\\";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
/*!*****************************!*\\\\
!*** ./test.js + 6 modules ***!
\\\\*****************************/
;// external \\"externals0\\"
;// external \\"externals1\\"
;// external \\"externals2\\"
;// external \\"externals3\\"
const external_externals3_namespaceObject = __WEBPACK_EXTERNAL_MODULE_externals3__;
;// external \\"externals4\\"
;// ./lib.js
const { HomeLayout = 123 } = {};
console.log({ HomeLayout });
{
const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
console.log({ HomeLayout });
}
(() => {
{
const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
console.log({ HomeLayout });
}
})()
{
const { external_externals3_namespaceObject = \\"111\\" } = {}
console.log({ external_externals3_namespaceObject });
}
;// ./test.js
// re export
// named import
;
// default import
// namespace import
// side effect only import
{
const HomeLayout_0 = 'HomeLayout_0';
HomeLayout_0;
}
__WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__;
__WEBPACK_EXTERNAL_MODULE_externals0_a__;
__WEBPACK_EXTERNAL_MODULE_externals1_a__;
__WEBPACK_EXTERNAL_MODULE_externals2_default__;
external_externals3_namespaceObject;
export { HomeLayout, __WEBPACK_EXTERNAL_MODULE_externals0_a__ as a };
"
`;
exports[`ConfigCacheTestCases library concatenate-modules-named-import-externals concatenate-modules-named-import-externals should compile 2`] = `
"import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals0_a__ } from \\"externals0\\";
import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals1_a__ } from \\"externals1\\";
import { default as __WEBPACK_EXTERNAL_MODULE_externals2_default__ } from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import \\"externals4\\";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
/*!*****************************!*\\\\
!*** ./test.js + 6 modules ***!
\\\\*****************************/
;// external \\"externals0\\"
;// external \\"externals1\\"
;// external \\"externals2\\"
;// external \\"externals3\\"
const external_externals3_namespaceObject = __WEBPACK_EXTERNAL_MODULE_externals3__;
;// external \\"externals4\\"
;// ./lib.js
const { HomeLayout = 123 } = {};
console.log({ HomeLayout });
{
const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
console.log({ HomeLayout });
}
(() => {
{
const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
console.log({ HomeLayout });
}
})()
{
const { external_externals3_namespaceObject = \\"111\\" } = {}
console.log({ external_externals3_namespaceObject });
}
;// ./test.js
// re export
// named import
;
// default import
// namespace import
// side effect only import
{
const HomeLayout_0 = 'HomeLayout_0';
HomeLayout_0;
}
__WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__;
__WEBPACK_EXTERNAL_MODULE_externals0_a__;
__WEBPACK_EXTERNAL_MODULE_externals1_a__;
__WEBPACK_EXTERNAL_MODULE_externals2_default__;
external_externals3_namespaceObject;
export { HomeLayout, __WEBPACK_EXTERNAL_MODULE_externals0_a__ as a };
"
`;
exports[`ConfigCacheTestCases library concatenate-modules-named-import-externals concatenate-modules-named-import-externals should pre-compile to fill disk cache (1st) 1`] = `
"import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals0_a__ } from \\"externals0\\";
import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals1_a__ } from \\"externals1\\";
import { default as __WEBPACK_EXTERNAL_MODULE_externals2_default__ } from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import \\"externals4\\";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
/*!*****************************!*\\\\
!*** ./test.js + 6 modules ***!
\\\\*****************************/
;// external \\"externals0\\"
;// external \\"externals1\\"
;// external \\"externals2\\"
;// external \\"externals3\\"
const external_externals3_namespaceObject = __WEBPACK_EXTERNAL_MODULE_externals3__;
;// external \\"externals4\\"
;// ./lib.js
const { HomeLayout = 123 } = {};
console.log({ HomeLayout });
{
const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
console.log({ HomeLayout });
}
(() => {
{
const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
console.log({ HomeLayout });
}
})()
{
const { external_externals3_namespaceObject = \\"111\\" } = {}
console.log({ external_externals3_namespaceObject });
}
;// ./test.js
// re export
// named import
;
// default import
// namespace import
// side effect only import
{
const HomeLayout_0 = 'HomeLayout_0';
HomeLayout_0;
}
__WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__;
__WEBPACK_EXTERNAL_MODULE_externals0_a__;
__WEBPACK_EXTERNAL_MODULE_externals1_a__;
__WEBPACK_EXTERNAL_MODULE_externals2_default__;
external_externals3_namespaceObject;
export { HomeLayout, __WEBPACK_EXTERNAL_MODULE_externals0_a__ as a };
"
`;
exports[`ConfigCacheTestCases library concatenate-modules-named-import-externals concatenate-modules-named-import-externals should pre-compile to fill disk cache (2nd) 1`] = `
"import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals0_a__ } from \\"externals0\\";
import { HomeLayout as __WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__, a as __WEBPACK_EXTERNAL_MODULE_externals1_a__ } from \\"externals1\\";
import { default as __WEBPACK_EXTERNAL_MODULE_externals2_default__ } from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import \\"externals4\\";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
/*!*****************************!*\\\\
!*** ./test.js + 6 modules ***!
\\\\*****************************/
;// external \\"externals0\\"
;// external \\"externals1\\"
;// external \\"externals2\\"
;// external \\"externals3\\"
const external_externals3_namespaceObject = __WEBPACK_EXTERNAL_MODULE_externals3__;
;// external \\"externals4\\"
;// ./lib.js
const { HomeLayout = 123 } = {};
console.log({ HomeLayout });
{
const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
console.log({ HomeLayout });
}
(() => {
{
const { HomeLayout = __WEBPACK_EXTERNAL_MODULE_externals0_HomeLayout__ } = {};
console.log({ HomeLayout });
}
})()
{
const { external_externals3_namespaceObject = \\"111\\" } = {}
console.log({ external_externals3_namespaceObject });
}
;// ./test.js
// re export
// named import
;
// default import
// namespace import
// side effect only import
{
const HomeLayout_0 = 'HomeLayout_0';
HomeLayout_0;
}
__WEBPACK_EXTERNAL_MODULE_externals1_HomeLayout__;
__WEBPACK_EXTERNAL_MODULE_externals0_a__;
__WEBPACK_EXTERNAL_MODULE_externals1_a__;
__WEBPACK_EXTERNAL_MODULE_externals2_default__;
external_externals3_namespaceObject;
export { HomeLayout, __WEBPACK_EXTERNAL_MODULE_externals0_a__ as a };
"
`;
exports[`ConfigCacheTestCases library modern-module-named-import-externals modern-module-named-import-externals should compile 1`] = `
"import * as __WEBPACK_EXTERNAL_MODULE_externals0__ from \\"externals0\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals1__ from \\"externals1\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals2__ from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals4__ from \\"externals4\\";
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */,
/* 2 */
/*!*****************************!*\\\\
!*** external \\"externals0\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.a) });
/***/ }),
/* 3 */
/*!*****************************!*\\\\
!*** external \\"externals1\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.a) });
/***/ }),
/* 4 */
/*!*****************************!*\\\\
!*** external \\"externals2\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"default\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals2__[\\"default\\"]) });
/***/ }),
/* 5 */
/*!*****************************!*\\\\
!*** external \\"externals3\\" ***!
\\\\*****************************/
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE_externals3__;
/***/ }),
/* 6 */
/*!*****************************!*\\\\
!*** external \\"externals4\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ });
/***/ }),
/* 7 */
/*!****************!*\\\\
!*** ./lib.js ***!
\\\\****************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ HomeLayout: () => (/* binding */ HomeLayout)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
{
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
}
(() => {
{
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
}
})()
{
const { external_externals3_namespaceObject = \\"111\\" } = {}
console.log({ external_externals3_namespaceObject });
}
/***/ })
/******/ ]);
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!*****************!*\\\\
!*** ./test.js ***!
\\\\*****************/
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ HomeLayout: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_5__.HomeLayout),
/* harmony export */ a: () => (/* reexport safe */ externals0__WEBPACK_IMPORTED_MODULE_0__.a)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);
/* harmony import */ var externals1__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! externals1 */ 3);
/* harmony import */ var externals2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! externals2 */ 4);
/* harmony import */ var externals3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! externals3 */ 5);
/* harmony import */ var externals4__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! externals4 */ 6);
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./lib */ 7);
// re export
// named import
;
// default import
// namespace import
// side effect only import
{
const HomeLayout_0 = 'HomeLayout_0';
HomeLayout_0;
}
externals1__WEBPACK_IMPORTED_MODULE_1__.HomeLayout;
externals0__WEBPACK_IMPORTED_MODULE_0__.a;
externals1__WEBPACK_IMPORTED_MODULE_1__.a;
externals2__WEBPACK_IMPORTED_MODULE_2__[\\"default\\"];
externals3__WEBPACK_IMPORTED_MODULE_3__;
})();
const __webpack_exports__HomeLayout = __webpack_exports__.HomeLayout;
const __webpack_exports__a = __webpack_exports__.a;
export { __webpack_exports__HomeLayout as HomeLayout, __webpack_exports__a as a };
"
`;
exports[`ConfigCacheTestCases library modern-module-named-import-externals modern-module-named-import-externals should compile 2`] = `
"import * as __WEBPACK_EXTERNAL_MODULE_externals0__ from \\"externals0\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals1__ from \\"externals1\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals2__ from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals4__ from \\"externals4\\";
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */,
/* 2 */
/*!*****************************!*\\\\
!*** external \\"externals0\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.a) });
/***/ }),
/* 3 */
/*!*****************************!*\\\\
!*** external \\"externals1\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.a) });
/***/ }),
/* 4 */
/*!*****************************!*\\\\
!*** external \\"externals2\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"default\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals2__[\\"default\\"]) });
/***/ }),
/* 5 */
/*!*****************************!*\\\\
!*** external \\"externals3\\" ***!
\\\\*****************************/
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE_externals3__;
/***/ }),
/* 6 */
/*!*****************************!*\\\\
!*** external \\"externals4\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ });
/***/ }),
/* 7 */
/*!****************!*\\\\
!*** ./lib.js ***!
\\\\****************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ HomeLayout: () => (/* binding */ HomeLayout)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
{
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
}
(() => {
{
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
}
})()
{
const { external_externals3_namespaceObject = \\"111\\" } = {}
console.log({ external_externals3_namespaceObject });
}
/***/ })
/******/ ]);
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!*****************!*\\\\
!*** ./test.js ***!
\\\\*****************/
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ HomeLayout: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_5__.HomeLayout),
/* harmony export */ a: () => (/* reexport safe */ externals0__WEBPACK_IMPORTED_MODULE_0__.a)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);
/* harmony import */ var externals1__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! externals1 */ 3);
/* harmony import */ var externals2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! externals2 */ 4);
/* harmony import */ var externals3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! externals3 */ 5);
/* harmony import */ var externals4__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! externals4 */ 6);
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./lib */ 7);
// re export
// named import
;
// default import
// namespace import
// side effect only import
{
const HomeLayout_0 = 'HomeLayout_0';
HomeLayout_0;
}
externals1__WEBPACK_IMPORTED_MODULE_1__.HomeLayout;
externals0__WEBPACK_IMPORTED_MODULE_0__.a;
externals1__WEBPACK_IMPORTED_MODULE_1__.a;
externals2__WEBPACK_IMPORTED_MODULE_2__[\\"default\\"];
externals3__WEBPACK_IMPORTED_MODULE_3__;
})();
const __webpack_exports__HomeLayout = __webpack_exports__.HomeLayout;
const __webpack_exports__a = __webpack_exports__.a;
export { __webpack_exports__HomeLayout as HomeLayout, __webpack_exports__a as a };
"
`;
exports[`ConfigCacheTestCases library modern-module-named-import-externals modern-module-named-import-externals should pre-compile to fill disk cache (1st) 1`] = `
"import * as __WEBPACK_EXTERNAL_MODULE_externals0__ from \\"externals0\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals1__ from \\"externals1\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals2__ from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals4__ from \\"externals4\\";
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */,
/* 2 */
/*!*****************************!*\\\\
!*** external \\"externals0\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.a) });
/***/ }),
/* 3 */
/*!*****************************!*\\\\
!*** external \\"externals1\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.a) });
/***/ }),
/* 4 */
/*!*****************************!*\\\\
!*** external \\"externals2\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"default\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals2__[\\"default\\"]) });
/***/ }),
/* 5 */
/*!*****************************!*\\\\
!*** external \\"externals3\\" ***!
\\\\*****************************/
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE_externals3__;
/***/ }),
/* 6 */
/*!*****************************!*\\\\
!*** external \\"externals4\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ });
/***/ }),
/* 7 */
/*!****************!*\\\\
!*** ./lib.js ***!
\\\\****************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ HomeLayout: () => (/* binding */ HomeLayout)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
{
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
}
(() => {
{
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
}
})()
{
const { external_externals3_namespaceObject = \\"111\\" } = {}
console.log({ external_externals3_namespaceObject });
}
/***/ })
/******/ ]);
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!*****************!*\\\\
!*** ./test.js ***!
\\\\*****************/
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ HomeLayout: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_5__.HomeLayout),
/* harmony export */ a: () => (/* reexport safe */ externals0__WEBPACK_IMPORTED_MODULE_0__.a)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);
/* harmony import */ var externals1__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! externals1 */ 3);
/* harmony import */ var externals2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! externals2 */ 4);
/* harmony import */ var externals3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! externals3 */ 5);
/* harmony import */ var externals4__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! externals4 */ 6);
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./lib */ 7);
// re export
// named import
;
// default import
// namespace import
// side effect only import
{
const HomeLayout_0 = 'HomeLayout_0';
HomeLayout_0;
}
externals1__WEBPACK_IMPORTED_MODULE_1__.HomeLayout;
externals0__WEBPACK_IMPORTED_MODULE_0__.a;
externals1__WEBPACK_IMPORTED_MODULE_1__.a;
externals2__WEBPACK_IMPORTED_MODULE_2__[\\"default\\"];
externals3__WEBPACK_IMPORTED_MODULE_3__;
})();
const __webpack_exports__HomeLayout = __webpack_exports__.HomeLayout;
const __webpack_exports__a = __webpack_exports__.a;
export { __webpack_exports__HomeLayout as HomeLayout, __webpack_exports__a as a };
"
`;
exports[`ConfigCacheTestCases library modern-module-named-import-externals modern-module-named-import-externals should pre-compile to fill disk cache (2nd) 1`] = `
"import * as __WEBPACK_EXTERNAL_MODULE_externals0__ from \\"externals0\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals1__ from \\"externals1\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals2__ from \\"externals2\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals3__ from \\"externals3\\";
import * as __WEBPACK_EXTERNAL_MODULE_externals4__ from \\"externals4\\";
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */,
/* 2 */
/*!*****************************!*\\\\
!*** external \\"externals0\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals0__.a) });
/***/ }),
/* 3 */
/*!*****************************!*\\\\
!*** external \\"externals1\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"HomeLayout\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.HomeLayout), [\\"a\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals1__.a) });
/***/ }),
/* 4 */
/*!*****************************!*\\\\
!*** external \\"externals2\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ [\\"default\\"]: () => (__WEBPACK_EXTERNAL_MODULE_externals2__[\\"default\\"]) });
/***/ }),
/* 5 */
/*!*****************************!*\\\\
!*** external \\"externals3\\" ***!
\\\\*****************************/
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE_externals3__;
/***/ }),
/* 6 */
/*!*****************************!*\\\\
!*** external \\"externals4\\" ***!
\\\\*****************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var x = (y) => {
var x = {}; __webpack_require__.d(x, y); return x
}
var y = (x) => (() => (x))
module.exports = x({ });
/***/ }),
/* 7 */
/*!****************!*\\\\
!*** ./lib.js ***!
\\\\****************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ HomeLayout: () => (/* binding */ HomeLayout)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
{
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
}
(() => {
{
const { HomeLayout = externals0__WEBPACK_IMPORTED_MODULE_0__.HomeLayout } = {};
console.log({ HomeLayout });
}
})()
{
const { external_externals3_namespaceObject = \\"111\\" } = {}
console.log({ external_externals3_namespaceObject });
}
/***/ })
/******/ ]);
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!*****************!*\\\\
!*** ./test.js ***!
\\\\*****************/
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ HomeLayout: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_5__.HomeLayout),
/* harmony export */ a: () => (/* reexport safe */ externals0__WEBPACK_IMPORTED_MODULE_0__.a)
/* harmony export */ });
/* harmony import */ var externals0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! externals0 */ 2);
/* harmony import */ var externals1__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! externals1 */ 3);
/* harmony import */ var externals2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! externals2 */ 4);
/* harmony import */ var externals3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! externals3 */ 5);
/* harmony import */ var externals4__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! externals4 */ 6);
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./lib */ 7);
// re export
// named import
;
// default import
// namespace import
// side effect only import
{
const HomeLayout_0 = 'HomeLayout_0';
HomeLayout_0;
}
externals1__WEBPACK_IMPORTED_MODULE_1__.HomeLayout;
externals0__WEBPACK_IMPORTED_MODULE_0__.a;
externals1__WEBPACK_IMPORTED_MODULE_1__.a;
externals2__WEBPACK_IMPORTED_MODULE_2__[\\"default\\"];
externals3__WEBPACK_IMPORTED_MODULE_3__;
})();
const __webpack_exports__HomeLayout = __webpack_exports__.HomeLayout;
const __webpack_exports__a = __webpack_exports__.a;
export { __webpack_exports__HomeLayout as HomeLayout, __webpack_exports__a as a };
"
`;
exports[`ConfigCacheTestCases library render-order-issue render-order-issue should compile 1`] = `
"import { v as __WEBPACK_EXTERNAL_MODULE_externals0_v__ } from \\"externals0\\";
import { v as __WEBPACK_EXTERNAL_MODULE_externals1_v__ } from \\"externals1\\";
/******/ var __webpack_modules__ = ({
/***/ \\"./bar.js\\":
/*!****************************!*\\\\
!*** ./bar.js + 1 modules ***!
\\\\****************************/
/***/ (() => {
;// external \\"externals0\\"
;// ./bar.js
__WEBPACK_EXTERNAL_MODULE_externals0_v__;
/***/ }),
/***/ \\"./entry.js\\":
/*!******************!*\\\\
!*** ./entry.js ***!
\\\\******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports.entry1 = __webpack_require__(/*! ./entry1.js */ \\"./entry1.js\\")
module.exports.entry2 = __webpack_require__(/*! ./entry2.js */ \\"./entry2.js\\")
/***/ }),
/***/ \\"./entry1.js\\":
/*!*******************!*\\\\
!*** ./entry1.js ***!
\\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(/*! ./foo */ \\"./foo.js\\")
module.exports.name = \\"entry1\\"
/***/ }),
/***/ \\"./entry2.js\\":
/*!*******************!*\\\\
!*** ./entry2.js ***!
\\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(/*! ./bar */ \\"./bar.js\\")
module.exports.name = \\"entry2\\"
/***/ }),
/***/ \\"./foo.js\\":
/*!****************************!*\\\\
!*** ./foo.js + 1 modules ***!
\\\\****************************/
/***/ (() => {
;// external \\"externals1\\"
;// ./foo.js
__WEBPACK_EXTERNAL_MODULE_externals1_v__;
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module used 'module' so it can't be inlined
/******/ var __webpack_exports__ = __webpack_require__(\\"./entry.js\\");
/******/ const __webpack_exports__entry1 = __webpack_exports__.entry1;
/******/ const __webpack_exports__entry2 = __webpack_exports__.entry2;
/******/ export { __webpack_exports__entry1 as entry1, __webpack_exports__entry2 as entry2, __webpack_exports__ as default };
/******/
"
`;
exports[`ConfigCacheTestCases library render-order-issue render-order-issue should compile 2`] = `
"import { v as __WEBPACK_EXTERNAL_MODULE_externals0_v__ } from \\"externals0\\";
import { v as __WEBPACK_EXTERNAL_MODULE_externals1_v__ } from \\"externals1\\";
/******/ var __webpack_modules__ = ({
/***/ \\"./bar.js\\":
/*!****************************!*\\\\
!*** ./bar.js + 1 modules ***!
\\\\****************************/
/***/ (() => {
;// external \\"externals0\\"
;// ./bar.js
__WEBPACK_EXTERNAL_MODULE_externals0_v__;
/***/ }),
/***/ \\"./entry.js\\":
/*!******************!*\\\\
!*** ./entry.js ***!
\\\\******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports.entry1 = __webpack_require__(/*! ./entry1.js */ \\"./entry1.js\\")
module.exports.entry2 = __webpack_require__(/*! ./entry2.js */ \\"./entry2.js\\")
/***/ }),
/***/ \\"./entry1.js\\":
/*!*******************!*\\\\
!*** ./entry1.js ***!
\\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(/*! ./foo */ \\"./foo.js\\")
module.exports.name = \\"entry1\\"
/***/ }),
/***/ \\"./entry2.js\\":
/*!*******************!*\\\\
!*** ./entry2.js ***!
\\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(/*! ./bar */ \\"./bar.js\\")
module.exports.name = \\"entry2\\"
/***/ }),
/***/ \\"./foo.js\\":
/*!****************************!*\\\\
!*** ./foo.js + 1 modules ***!
\\\\****************************/
/***/ (() => {
;// external \\"externals1\\"
;// ./foo.js
__WEBPACK_EXTERNAL_MODULE_externals1_v__;
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module used 'module' so it can't be inlined
/******/ var __webpack_exports__ = __webpack_require__(\\"./entry.js\\");
/******/ const __webpack_exports__entry1 = __webpack_exports__.entry1;
/******/ const __webpack_exports__entry2 = __webpack_exports__.entry2;
/******/ export { __webpack_exports__entry1 as entry1, __webpack_exports__entry2 as entry2, __webpack_exports__ as default };
/******/
"
`;
exports[`ConfigCacheTestCases library render-order-issue render-order-issue should pre-compile to fill disk cache (1st) 1`] = `
"import { v as __WEBPACK_EXTERNAL_MODULE_externals0_v__ } from \\"externals0\\";
import { v as __WEBPACK_EXTERNAL_MODULE_externals1_v__ } from \\"externals1\\";
/******/ var __webpack_modules__ = ({
/***/ \\"./bar.js\\":
/*!****************************!*\\\\
!*** ./bar.js + 1 modules ***!
\\\\****************************/
/***/ (() => {
;// external \\"externals0\\"
;// ./bar.js
__WEBPACK_EXTERNAL_MODULE_externals0_v__;
/***/ }),
/***/ \\"./entry.js\\":
/*!******************!*\\\\
!*** ./entry.js ***!
\\\\******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports.entry1 = __webpack_require__(/*! ./entry1.js */ \\"./entry1.js\\")
module.exports.entry2 = __webpack_require__(/*! ./entry2.js */ \\"./entry2.js\\")
/***/ }),
/***/ \\"./entry1.js\\":
/*!*******************!*\\\\
!*** ./entry1.js ***!
\\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(/*! ./foo */ \\"./foo.js\\")
module.exports.name = \\"entry1\\"
/***/ }),
/***/ \\"./entry2.js\\":
/*!*******************!*\\\\
!*** ./entry2.js ***!
\\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(/*! ./bar */ \\"./bar.js\\")
module.exports.name = \\"entry2\\"
/***/ }),
/***/ \\"./foo.js\\":
/*!****************************!*\\\\
!*** ./foo.js + 1 modules ***!
\\\\****************************/
/***/ (() => {
;// external \\"externals1\\"
;// ./foo.js
__WEBPACK_EXTERNAL_MODULE_externals1_v__;
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module used 'module' so it can't be inlined
/******/ var __webpack_exports__ = __webpack_require__(\\"./entry.js\\");
/******/ const __webpack_exports__entry1 = __webpack_exports__.entry1;
/******/ const __webpack_exports__entry2 = __webpack_exports__.entry2;
/******/ export { __webpack_exports__entry1 as entry1, __webpack_exports__entry2 as entry2, __webpack_exports__ as default };
/******/
"
`;
exports[`ConfigCacheTestCases library render-order-issue render-order-issue should pre-compile to fill disk cache (2nd) 1`] = `
"import { v as __WEBPACK_EXTERNAL_MODULE_externals0_v__ } from \\"externals0\\";
import { v as __WEBPACK_EXTERNAL_MODULE_externals1_v__ } from \\"externals1\\";
/******/ var __webpack_modules__ = ({
/***/ \\"./bar.js\\":
/*!****************************!*\\\\
!*** ./bar.js + 1 modules ***!
\\\\****************************/
/***/ (() => {
;// external \\"externals0\\"
;// ./bar.js
__WEBPACK_EXTERNAL_MODULE_externals0_v__;
/***/ }),
/***/ \\"./entry.js\\":
/*!******************!*\\\\
!*** ./entry.js ***!
\\\\******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports.entry1 = __webpack_require__(/*! ./entry1.js */ \\"./entry1.js\\")
module.exports.entry2 = __webpack_require__(/*! ./entry2.js */ \\"./entry2.js\\")
/***/ }),
/***/ \\"./entry1.js\\":
/*!*******************!*\\\\
!*** ./entry1.js ***!
\\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(/*! ./foo */ \\"./foo.js\\")
module.exports.name = \\"entry1\\"
/***/ }),
/***/ \\"./entry2.js\\":
/*!*******************!*\\\\
!*** ./entry2.js ***!
\\\\*******************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(/*! ./bar */ \\"./bar.js\\")
module.exports.name = \\"entry2\\"
/***/ }),
/***/ \\"./foo.js\\":
/*!****************************!*\\\\
!*** ./foo.js + 1 modules ***!
\\\\****************************/
/***/ (() => {
;// external \\"externals1\\"
;// ./foo.js
__WEBPACK_EXTERNAL_MODULE_externals1_v__;
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module used 'module' so it can't be inlined
/******/ var __webpack_exports__ = __webpack_require__(\\"./entry.js\\");
/******/ const __webpack_exports__entry1 = __webpack_exports__.entry1;
/******/ const __webpack_exports__entry2 = __webpack_exports__.entry2;
/******/ export { __webpack_exports__entry1 as entry1, __webpack_exports__entry2 as entry2, __webpack_exports__ as default };
/******/
"
`;
exports[`ConfigCacheTestCases source-map extract-source-map exported tests should extract source map - 1 1`] = `
Array [
"webpack:///./external-source-map.txt",
"webpack:///external node-commonjs \\"fs\\"",
"webpack:///external node-commonjs \\"path\\"",
"webpack:///webpack/bootstrap",
"webpack:///./extract2.js",
]
`;
exports[`ConfigCacheTestCases source-map extract-source-map exported tests should extract source map - 2 1`] = `
Array [
"webpack:///./external-source-map.txt",
"webpack:///external node-commonjs \\"fs\\"",
"webpack:///external node-commonjs \\"path\\"",
"webpack:///webpack/bootstrap",
"webpack:///./extract3.js",
]
`;
exports[`ConfigCacheTestCases source-map extract-source-map exported tests should extract source map - 3 1`] = `
Array [
"webpack:///./external-source-map.txt",
"webpack:///external node-commonjs \\"fs\\"",
"webpack:///external node-commonjs \\"path\\"",
"webpack:///webpack/bootstrap",
"webpack:///./extract3.js",
]
`;
exports[`ConfigCacheTestCases source-map extract-source-map-css exported tests should compile 1`] = `
Array [
"/*!*********************!*\\\\
!*** css ./app.css ***!
\\\\*********************/
* {
box-sizing: border-box; }
.row {
display: flex;
margin-right: -15px;
margin-left: -15px; }
.col-inner {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
height: 50px;
background: coral; }
.col-s3 {
flex: 0 1 25%;
padding: 0 15px; }
/*# sourceMappingURL=bundle0.css.map*/",
]
`;
Reference in New Issue View Git Blame Copy Permalink