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

test: fix

This commit is contained in:
alexander.akait 2024-11-20 04:31:41 +03:00
parent f12de16d2f
commit 2a8bb8bcf7
15 changed files with 1032 additions and 290 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/ModuleSourceTypesConstants.js
View File

@ -39,6 +39,11 @@ const ASSET_AND_JS_AND_CSS_URL_TYPES = new Set([
*/ */
const JS_TYPES = new Set(["javascript"]); const JS_TYPES = new Set(["javascript"]);
/**
* @type {ReadonlySet<"javascript" | "css-export">}
*/
const JS_AND_CSS_EXPORT_TYPES = new Set(["javascript", "css-export"]);
/** /**
* @type {ReadonlySet<"javascript" | "css-url">} * @type {ReadonlySet<"javascript" | "css-url">}
*/ */
@ -92,6 +97,7 @@ module.exports.NO_TYPES = NO_TYPES;
module.exports.JS_TYPES = JS_TYPES; module.exports.JS_TYPES = JS_TYPES;
module.exports.JS_AND_CSS_TYPES = JS_AND_CSS_TYPES; module.exports.JS_AND_CSS_TYPES = JS_AND_CSS_TYPES;
module.exports.JS_AND_CSS_URL_TYPES = JS_AND_CSS_URL_TYPES; module.exports.JS_AND_CSS_URL_TYPES = JS_AND_CSS_URL_TYPES;
module.exports.JS_AND_CSS_EXPORT_TYPES = JS_AND_CSS_EXPORT_TYPES;
module.exports.ASSET_TYPES = ASSET_TYPES; module.exports.ASSET_TYPES = ASSET_TYPES;
module.exports.ASSET_AND_JS_TYPES = ASSET_AND_JS_TYPES; module.exports.ASSET_AND_JS_TYPES = ASSET_AND_JS_TYPES;
module.exports.ASSET_AND_CSS_URL_TYPES = ASSET_AND_CSS_URL_TYPES; module.exports.ASSET_AND_CSS_URL_TYPES = ASSET_AND_CSS_URL_TYPES;

16
lib/css/CssGenerator.js
View File

@ -9,7 +9,10 @@ const { ReplaceSource, RawSource, ConcatSource } = require("webpack-sources");
const { UsageState } = require("../ExportsInfo"); const { UsageState } = require("../ExportsInfo");
const Generator = require("../Generator"); const Generator = require("../Generator");
const InitFragment = require("../InitFragment"); const InitFragment = require("../InitFragment");
const { JS_TYPES, JS_AND_CSS_TYPES } = require("../ModuleSourceTypesConstants"); const {
JS_AND_CSS_EXPORT_TYPES,
JS_AND_CSS_TYPES
} = require("../ModuleSourceTypesConstants");
const RuntimeGlobals = require("../RuntimeGlobals"); const RuntimeGlobals = require("../RuntimeGlobals");
const Template = require("../Template"); const Template = require("../Template");
@ -134,7 +137,13 @@ class CssGenerator extends Generator {
const source = new ConcatSource(); const source = new ConcatSource();
const usedIdentifiers = new Set(); const usedIdentifiers = new Set();
for (const [name, v] of cssExportsData.exports) { for (const [name, v] of cssExportsData.exports) {
let identifier = Template.toIdentifier(name); const usedName = generateContext.moduleGraph
.getExportInfo(module, name)
.getUsedName(name, generateContext.runtime);
if (!usedName) {
continue;
}
let identifier = Template.toIdentifier(usedName);
const { RESERVED_IDENTIFIER } = require("../util/propertyName"); const { RESERVED_IDENTIFIER } = require("../util/propertyName");
if (RESERVED_IDENTIFIER.has(identifier)) { if (RESERVED_IDENTIFIER.has(identifier)) {
identifier = `_${identifier}`; identifier = `_${identifier}`;
@ -205,7 +214,8 @@ class CssGenerator extends Generator {
* @returns {SourceTypes} available types (do not mutate) * @returns {SourceTypes} available types (do not mutate)
*/ */
getTypes(module) { getTypes(module) {
return this.exportsOnly ? JS_TYPES : JS_AND_CSS_TYPES; // TODO, find a better way to prevent the original module from being removed after concatenation, maybe it is a bug
return this.exportsOnly ? JS_AND_CSS_EXPORT_TYPES : JS_AND_CSS_TYPES;
} }
/** /**

5
lib/dependencies/ContextDependencyTemplateAsId.js
View File

@ -24,15 +24,16 @@ class ContextDependencyTemplateAsId extends ContextDependency.Template {
{ runtimeTemplate, moduleGraph, chunkGraph, runtimeRequirements } { runtimeTemplate, moduleGraph, chunkGraph, runtimeRequirements }
) { ) {
const dep = /** @type {ContextDependency} */ (dependency); const dep = /** @type {ContextDependency} */ (dependency);
const module = moduleGraph.getModule(dep);
const moduleExports = runtimeTemplate.moduleExports({ const moduleExports = runtimeTemplate.moduleExports({
module: moduleGraph.getModule(dep), module,
chunkGraph, chunkGraph,
request: dep.request, request: dep.request,
weak: dep.weak, weak: dep.weak,
runtimeRequirements runtimeRequirements
}); });
if (moduleGraph.getModule(dep)) { if (module) {
if (dep.valueRange) { if (dep.valueRange) {
if (Array.isArray(dep.replaces)) { if (Array.isArray(dep.replaces)) {
for (let i = 0; i < dep.replaces.length; i++) { for (let i = 0; i < dep.replaces.length; i++) {

19
lib/dependencies/CssIcssExportDependency.js
View File

@ -136,16 +136,17 @@ CssIcssExportDependency.Template = class CssIcssExportDependencyTemplate extends
/** @type {CssGenerator} */ /** @type {CssGenerator} */
(module.generator).convention; (module.generator).convention;
const names = dep.getExportsConventionNames(dep.name, convention); const names = dep.getExportsConventionNames(dep.name, convention);
const usedNames = /** @type {string[]} */ ( const usedNames =
names /** @type {string[]} */
.map(name => (
moduleGraph.getExportInfo(module, name).getUsedName(name, runtime) names
) .map(name =>
.filter(Boolean) moduleGraph.getExportInfo(module, name).getUsedName(name, runtime)
); )
if (usedNames.length === 0) return; .filter(Boolean)
);
for (const used of usedNames) { for (const used of usedNames.concat(names)) {
cssExportsData.exports.set(used, dep.value); cssExportsData.exports.set(used, dep.value);
} }
} }

21
lib/dependencies/CssLocalIdentifierDependency.js
View File

@ -50,21 +50,24 @@ const getLocalIdent = (local, module, chunkGraph, runtimeTemplate) => {
const { hashFunction, hashDigest, hashDigestLength, hashSalt, uniqueName } = const { hashFunction, hashDigest, hashDigestLength, hashSalt, uniqueName } =
runtimeTemplate.outputOptions; runtimeTemplate.outputOptions;
const hash = createHash(/** @type {Algorithm} */ (hashFunction)); const hash = createHash(/** @type {Algorithm} */ (hashFunction));
if (hashSalt) { if (hashSalt) {
hash.update(hashSalt); hash.update(hashSalt);
} }
hash.update(relativeResourcePath); hash.update(relativeResourcePath);
if (!/\[local\]/.test(localIdentName)) { if (!/\[local\]/.test(localIdentName)) {
hash.update(local); hash.update(local);
} }
const localIdentHash = /** @type {string} */ (hash.digest(hashDigest))
// Remove all leading digits const localIdentHash =
.replace(/^\d+/, "") /** @type {string} */
// Replace all slashes with underscores (same as in base64url) (hash.digest(hashDigest))
.replace(/\//g, "_") // Remove everything that is not an alphanumeric or underscore
// Remove everything that is not an alphanumeric or underscore .replace(/[^A-Za-z0-9_]+/g, "_")
.replace(/[^A-Za-z0-9_]+/g, "_") .slice(0, hashDigestLength);
.slice(0, hashDigestLength);
return runtimeTemplate.compilation return runtimeTemplate.compilation
.getPath(localIdentName, { .getPath(localIdentName, {
filename: relativeResourcePath, filename: relativeResourcePath,
@ -249,7 +252,7 @@ CssLocalIdentifierDependency.Template = class CssLocalIdentifierDependencyTempla
escapeCssIdentifier(identifier, dep.prefix) escapeCssIdentifier(identifier, dep.prefix)
); );
for (const used of names.concat(usedNames)) { for (const used of usedNames.concat(names)) {
cssExportsData.exports.set(used, identifier); cssExportsData.exports.set(used, identifier);
} }
} }

534
test/__snapshots__/ConfigCacheTestCases.longtest.js.snap
View File

@ -3283,6 +3283,180 @@ Object {
} }
`; `;
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`] = ` exports[`ConfigCacheTestCases css css-modules-no-space exported tests should allow to create css modules 1`] = `
Object { Object {
"class": "_style_module_css-class", "class": "_style_module_css-class",
@ -3322,10 +3496,12 @@ exports[`ConfigCacheTestCases css css-modules-no-space exported tests should all
" "
`; `;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 1`] = ` exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 1`] = `
Object { Object {
"btn--info_is-disabled_1": "_style_module_css_as-is-btn--info_is-disabled_1", "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", "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",
"foo_bar": "_style_module_css_as-is-foo_bar", "foo_bar": "_style_module_css_as-is-foo_bar",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
@ -3333,12 +3509,53 @@ Object {
} }
`; `;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 2`] = ` 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 { Object {
"btn--info_is-disabled_1": "_style_module_css_camel-case-btn--info_is-disabled_1", "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", "btn-info_is-disabled": "_style_module_css_camel-case-btn-info_is-disabled",
"btnInfoIsDisabled": "_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", "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", "foo": "bar",
"fooBar": "_style_module_css_camel-case-foo_bar", "fooBar": "_style_module_css_camel-case-foo_bar",
"foo_bar": "_style_module_css_camel-case-foo_bar", "foo_bar": "_style_module_css_camel-case-foo_bar",
@ -3348,70 +3565,31 @@ Object {
} }
`; `;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 3`] = ` exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 2`] = `
Object { Object {
"btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled", "btn--info_is-disabled_1": "612-btn--info_is-disabled_1",
"btnInfoIsDisabled1": "_style_module_css_camel-case-only-btnInfoIsDisabled1", "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", "foo": "bar",
"fooBar": "_style_module_css_camel-case-only-fooBar", "fooBar": "612-foo_bar",
"foo_bar": "612-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfoIsDisabled": "value", "myBtnInfoIsDisabled": "value",
"simple": "_style_module_css_camel-case-only-simple", "simple": "612-simple",
} }
`; `;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 4`] = ` 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_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",
"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 5`] = `
Object {
"btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled",
"btnInfo_isDisabled_1": "_style_module_css_dashes-only-btnInfo_isDisabled_1",
"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 6`] = `
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",
"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 7`] = `
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",
"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 8`] = `
Object { Object {
"btn--info_is-disabled_1": "_style_module_css_camel-case-btn--info_is-disabled_1", "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", "btn-info_is-disabled": "_style_module_css_camel-case-btn-info_is-disabled",
"btnInfoIsDisabled": "_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", "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", "foo": "bar",
"fooBar": "_style_module_css_camel-case-foo_bar", "fooBar": "_style_module_css_camel-case-foo_bar",
"foo_bar": "_style_module_css_camel-case-foo_bar", "foo_bar": "_style_module_css_camel-case-foo_bar",
@ -3421,10 +3599,29 @@ Object {
} }
`; `;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 9`] = ` 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 { Object {
"btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled", "btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled",
"btnInfoIsDisabled1": "_style_module_css_camel-case-only-btnInfoIsDisabled1", "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", "foo": "bar",
"fooBar": "_style_module_css_camel-case-only-fooBar", "fooBar": "_style_module_css_camel-case-only-fooBar",
"myBtnInfoIsDisabled": "value", "myBtnInfoIsDisabled": "value",
@ -3432,12 +3629,53 @@ Object {
} }
`; `;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 10`] = ` 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 { Object {
"btn--info_is-disabled_1": "_style_module_css_dashes-btn--info_is-disabled_1", "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", "btn-info_is-disabled": "_style_module_css_dashes-btn-info_is-disabled",
"btnInfo_isDisabled": "_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", "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",
"foo_bar": "_style_module_css_dashes-foo_bar", "foo_bar": "_style_module_css_dashes-foo_bar",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
@ -3446,10 +3684,60 @@ Object {
} }
`; `;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 11`] = ` 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 { Object {
"btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled", "btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled",
"btnInfo_isDisabled_1": "_style_module_css_dashes-only-btnInfo_isDisabled_1", "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",
"foo_bar": "_style_module_css_dashes-only-foo_bar", "foo_bar": "_style_module_css_dashes-only-foo_bar",
"myBtnInfo_isDisabled": "value", "myBtnInfo_isDisabled": "value",
@ -3457,10 +3745,51 @@ Object {
} }
`; `;
exports[`ConfigCacheTestCases css exports-convention exported tests should have correct convention for css exports name 12`] = ` 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 { Object {
"BTN--INFO_IS-DISABLED_1": "_style_module_css_upper-BTN--INFO_IS-DISABLED_1", "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", "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",
"FOO_BAR": "_style_module_css_upper-FOO_BAR", "FOO_BAR": "_style_module_css_upper-FOO_BAR",
"MY-BTN-INFO_IS-DISABLED": "value", "MY-BTN-INFO_IS-DISABLED": "value",
@ -3468,6 +3797,45 @@ Object {
} }
`; `;
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`] = ` exports[`ConfigCacheTestCases css import exported tests should compile 1`] = `
Array [ Array [
"/*!******************************************************************************************!*\\\\ "/*!******************************************************************************************!*\\\\
@ -5767,25 +6135,25 @@ Object {
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 2`] = ` exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 2`] = `
Object { Object {
"btn--info_is-disabled_1": "b663514f2425ba489b62", "btn--info_is-disabled_1": "2058b663514f2425ba48",
"btn-info_is-disabled": "aba8b96a0ac031f537ae", "btn-info_is-disabled": "2aba8b96a0ac031f537a",
"color-red": "--de89cac8a4c2f23ed3a1", "color-red": "--0de89cac8a4c2f23ed3a",
"foo": "bar", "foo": "bar",
"foo_bar": "d728a7a17547f118b8fe", "foo_bar": "7d728a7a17547f118b8f",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "cc02142c55d85df93a2a", "simple": "0536cc02142c55d85df9",
} }
`; `;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 3`] = ` exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 3`] = `
Object { Object {
"btn--info_is-disabled_1": "acd9d8c57311eee97a76-btn--info_is-disabled_1", "btn--info_is-disabled_1": "563acd9d8c57311eee97-btn--info_is-disabled_1",
"btn-info_is-disabled": "acd9d8c57311eee97a76-btn-info_is-disabled", "btn-info_is-disabled": "563acd9d8c57311eee97-btn-info_is-disabled",
"color-red": "--acd9d8c57311eee97a76-color-red", "color-red": "--563acd9d8c57311eee97-color-red",
"foo": "bar", "foo": "bar",
"foo_bar": "acd9d8c57311eee97a76-foo_bar", "foo_bar": "563acd9d8c57311eee97-foo_bar",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "acd9d8c57311eee97a76-simple", "simple": "563acd9d8c57311eee97-simple",
} }
`; `;
@ -5828,10 +6196,10 @@ Object {
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 7`] = ` exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 7`] = `
Object { Object {
"btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4", "btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4",
"btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-ec29062639f5c1130848", "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-2ec29062639f5c113084",
"color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e", "color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
"foo": "bar", "foo": "bar",
"foo_bar": "-_style_module_css_uniqueName-id-contenthash-d31d18648cccfa9d17d2", "foo_bar": "-_style_module_css_uniqueName-id-contenthash-71d31d18648cccfa9d17",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2", "simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
} }
@ -5863,25 +6231,25 @@ Object {
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 10`] = ` exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 10`] = `
Object { Object {
"btn--info_is-disabled_1": "b663514f2425ba489b62", "btn--info_is-disabled_1": "2058b663514f2425ba48",
"btn-info_is-disabled": "aba8b96a0ac031f537ae", "btn-info_is-disabled": "2aba8b96a0ac031f537a",
"color-red": "--de89cac8a4c2f23ed3a1", "color-red": "--0de89cac8a4c2f23ed3a",
"foo": "bar", "foo": "bar",
"foo_bar": "d728a7a17547f118b8fe", "foo_bar": "7d728a7a17547f118b8f",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "cc02142c55d85df93a2a", "simple": "0536cc02142c55d85df9",
} }
`; `;
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 11`] = ` exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 11`] = `
Object { Object {
"btn--info_is-disabled_1": "acd9d8c57311eee97a76-btn--info_is-disabled_1", "btn--info_is-disabled_1": "563acd9d8c57311eee97-btn--info_is-disabled_1",
"btn-info_is-disabled": "acd9d8c57311eee97a76-btn-info_is-disabled", "btn-info_is-disabled": "563acd9d8c57311eee97-btn-info_is-disabled",
"color-red": "--acd9d8c57311eee97a76-color-red", "color-red": "--563acd9d8c57311eee97-color-red",
"foo": "bar", "foo": "bar",
"foo_bar": "acd9d8c57311eee97a76-foo_bar", "foo_bar": "563acd9d8c57311eee97-foo_bar",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "acd9d8c57311eee97a76-simple", "simple": "563acd9d8c57311eee97-simple",
} }
`; `;
@ -5924,10 +6292,10 @@ Object {
exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 15`] = ` exports[`ConfigCacheTestCases css local-ident-name exported tests should have correct local ident for css export locals 15`] = `
Object { Object {
"btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4", "btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4",
"btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-ec29062639f5c1130848", "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-2ec29062639f5c113084",
"color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e", "color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
"foo": "bar", "foo": "bar",
"foo_bar": "-_style_module_css_uniqueName-id-contenthash-d31d18648cccfa9d17d2", "foo_bar": "-_style_module_css_uniqueName-id-contenthash-71d31d18648cccfa9d17",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2", "simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
} }

534
test/__snapshots__/ConfigTestCases.basictest.js.snap
View File

@ -3283,6 +3283,180 @@ Object {
} }
`; `;
exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: class-dev 1`] = `"_style_module_css-class"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: class-prod 1`] = `"my-app-235-zg"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: class-prod 2`] = `"my-app-235-zg"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local1-dev 1`] = `"_style_module_css-local1"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local1-prod 1`] = `"my-app-235-Hi"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local1-prod 2`] = `"my-app-235-Hi"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local2-dev 1`] = `"_style_module_css-local2"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local2-prod 1`] = `"my-app-235-OB"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local2-prod 2`] = `"my-app-235-OB"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local3-dev 1`] = `"_style_module_css-local3"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local3-prod 1`] = `"my-app-235-VE"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local3-prod 2`] = `"my-app-235-VE"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local4-dev 1`] = `"_style_module_css-local4"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local4-prod 1`] = `"my-app-235-O2"`;
exports[`ConfigTestCases css css-modules-in-node exported tests should allow to import css modules: local4-prod 2`] = `"my-app-235-O2"`;
exports[`ConfigTestCases css css-modules-no-space exported tests should allow to create css modules 1`] = ` exports[`ConfigTestCases css css-modules-no-space exported tests should allow to create css modules 1`] = `
Object { Object {
"class": "_style_module_css-class", "class": "_style_module_css-class",
@ -3322,10 +3496,12 @@ exports[`ConfigTestCases css css-modules-no-space exported tests should allow to
" "
`; `;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 1`] = ` exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: as-is 1`] = `
Object { Object {
"btn--info_is-disabled_1": "_style_module_css_as-is-btn--info_is-disabled_1", "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", "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",
"foo_bar": "_style_module_css_as-is-foo_bar", "foo_bar": "_style_module_css_as-is-foo_bar",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
@ -3333,12 +3509,53 @@ Object {
} }
`; `;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 2`] = ` exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 1`] = `
Object { Object {
"btn--info_is-disabled_1": "_style_module_css_camel-case-btn--info_is-disabled_1", "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", "btn-info_is-disabled": "_style_module_css_camel-case-btn-info_is-disabled",
"btnInfoIsDisabled": "_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", "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", "foo": "bar",
"fooBar": "_style_module_css_camel-case-foo_bar", "fooBar": "_style_module_css_camel-case-foo_bar",
"foo_bar": "_style_module_css_camel-case-foo_bar", "foo_bar": "_style_module_css_camel-case-foo_bar",
@ -3348,70 +3565,31 @@ Object {
} }
`; `;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 3`] = ` exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case 2`] = `
Object { Object {
"btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled", "btn--info_is-disabled_1": "612-btn--info_is-disabled_1",
"btnInfoIsDisabled1": "_style_module_css_camel-case-only-btnInfoIsDisabled1", "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", "foo": "bar",
"fooBar": "_style_module_css_camel-case-only-fooBar", "fooBar": "612-foo_bar",
"foo_bar": "612-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfoIsDisabled": "value", "myBtnInfoIsDisabled": "value",
"simple": "_style_module_css_camel-case-only-simple", "simple": "612-simple",
} }
`; `;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 4`] = ` exports[`ConfigTestCases 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_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",
"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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 5`] = `
Object {
"btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled",
"btnInfo_isDisabled_1": "_style_module_css_dashes-only-btnInfo_isDisabled_1",
"foo": "bar",
"foo_bar": "_style_module_css_dashes-only-foo_bar",
"myBtnInfo_isDisabled": "value",
"simple": "_style_module_css_dashes-only-simple",
}
`;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 6`] = `
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",
"FOO": "bar",
"FOO_BAR": "_style_module_css_upper-FOO_BAR",
"MY-BTN-INFO_IS-DISABLED": "value",
"SIMPLE": "_style_module_css_upper-SIMPLE",
}
`;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 7`] = `
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",
"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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 8`] = `
Object { Object {
"btn--info_is-disabled_1": "_style_module_css_camel-case-btn--info_is-disabled_1", "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", "btn-info_is-disabled": "_style_module_css_camel-case-btn-info_is-disabled",
"btnInfoIsDisabled": "_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", "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", "foo": "bar",
"fooBar": "_style_module_css_camel-case-foo_bar", "fooBar": "_style_module_css_camel-case-foo_bar",
"foo_bar": "_style_module_css_camel-case-foo_bar", "foo_bar": "_style_module_css_camel-case-foo_bar",
@ -3421,10 +3599,29 @@ Object {
} }
`; `;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 9`] = ` exports[`ConfigTestCases 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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: camel-case-only 1`] = `
Object { Object {
"btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled", "btnInfoIsDisabled": "_style_module_css_camel-case-only-btnInfoIsDisabled",
"btnInfoIsDisabled1": "_style_module_css_camel-case-only-btnInfoIsDisabled1", "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", "foo": "bar",
"fooBar": "_style_module_css_camel-case-only-fooBar", "fooBar": "_style_module_css_camel-case-only-fooBar",
"myBtnInfoIsDisabled": "value", "myBtnInfoIsDisabled": "value",
@ -3432,12 +3629,53 @@ Object {
} }
`; `;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 10`] = ` exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes 1`] = `
Object { Object {
"btn--info_is-disabled_1": "_style_module_css_dashes-btn--info_is-disabled_1", "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", "btn-info_is-disabled": "_style_module_css_dashes-btn-info_is-disabled",
"btnInfo_isDisabled": "_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", "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",
"foo_bar": "_style_module_css_dashes-foo_bar", "foo_bar": "_style_module_css_dashes-foo_bar",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
@ -3446,10 +3684,60 @@ Object {
} }
`; `;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 11`] = ` exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: dashes-only 1`] = `
Object { Object {
"btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled", "btnInfo_isDisabled": "_style_module_css_dashes-only-btnInfo_isDisabled",
"btnInfo_isDisabled_1": "_style_module_css_dashes-only-btnInfo_isDisabled_1", "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",
"foo_bar": "_style_module_css_dashes-only-foo_bar", "foo_bar": "_style_module_css_dashes-only-foo_bar",
"myBtnInfo_isDisabled": "value", "myBtnInfo_isDisabled": "value",
@ -3457,10 +3745,51 @@ Object {
} }
`; `;
exports[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name 12`] = ` exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases css exports-convention exported tests should have correct convention for css exports name: upper 1`] = `
Object { Object {
"BTN--INFO_IS-DISABLED_1": "_style_module_css_upper-BTN--INFO_IS-DISABLED_1", "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", "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",
"FOO_BAR": "_style_module_css_upper-FOO_BAR", "FOO_BAR": "_style_module_css_upper-FOO_BAR",
"MY-BTN-INFO_IS-DISABLED": "value", "MY-BTN-INFO_IS-DISABLED": "value",
@ -3468,6 +3797,45 @@ Object {
} }
`; `;
exports[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases 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[`ConfigTestCases css import exported tests should compile 1`] = ` exports[`ConfigTestCases css import exported tests should compile 1`] = `
Array [ Array [
"/*!******************************************************************************************!*\\\\ "/*!******************************************************************************************!*\\\\
@ -5767,25 +6135,25 @@ Object {
exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 2`] = ` exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 2`] = `
Object { Object {
"btn--info_is-disabled_1": "b663514f2425ba489b62", "btn--info_is-disabled_1": "2058b663514f2425ba48",
"btn-info_is-disabled": "aba8b96a0ac031f537ae", "btn-info_is-disabled": "2aba8b96a0ac031f537a",
"color-red": "--de89cac8a4c2f23ed3a1", "color-red": "--0de89cac8a4c2f23ed3a",
"foo": "bar", "foo": "bar",
"foo_bar": "d728a7a17547f118b8fe", "foo_bar": "7d728a7a17547f118b8f",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "cc02142c55d85df93a2a", "simple": "0536cc02142c55d85df9",
} }
`; `;
exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 3`] = ` exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 3`] = `
Object { Object {
"btn--info_is-disabled_1": "acd9d8c57311eee97a76-btn--info_is-disabled_1", "btn--info_is-disabled_1": "563acd9d8c57311eee97-btn--info_is-disabled_1",
"btn-info_is-disabled": "acd9d8c57311eee97a76-btn-info_is-disabled", "btn-info_is-disabled": "563acd9d8c57311eee97-btn-info_is-disabled",
"color-red": "--acd9d8c57311eee97a76-color-red", "color-red": "--563acd9d8c57311eee97-color-red",
"foo": "bar", "foo": "bar",
"foo_bar": "acd9d8c57311eee97a76-foo_bar", "foo_bar": "563acd9d8c57311eee97-foo_bar",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "acd9d8c57311eee97a76-simple", "simple": "563acd9d8c57311eee97-simple",
} }
`; `;
@ -5828,10 +6196,10 @@ Object {
exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 7`] = ` exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 7`] = `
Object { Object {
"btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4", "btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4",
"btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-ec29062639f5c1130848", "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-2ec29062639f5c113084",
"color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e", "color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
"foo": "bar", "foo": "bar",
"foo_bar": "-_style_module_css_uniqueName-id-contenthash-d31d18648cccfa9d17d2", "foo_bar": "-_style_module_css_uniqueName-id-contenthash-71d31d18648cccfa9d17",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2", "simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
} }
@ -5863,25 +6231,25 @@ Object {
exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 10`] = ` exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 10`] = `
Object { Object {
"btn--info_is-disabled_1": "b663514f2425ba489b62", "btn--info_is-disabled_1": "2058b663514f2425ba48",
"btn-info_is-disabled": "aba8b96a0ac031f537ae", "btn-info_is-disabled": "2aba8b96a0ac031f537a",
"color-red": "--de89cac8a4c2f23ed3a1", "color-red": "--0de89cac8a4c2f23ed3a",
"foo": "bar", "foo": "bar",
"foo_bar": "d728a7a17547f118b8fe", "foo_bar": "7d728a7a17547f118b8f",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "cc02142c55d85df93a2a", "simple": "0536cc02142c55d85df9",
} }
`; `;
exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 11`] = ` exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 11`] = `
Object { Object {
"btn--info_is-disabled_1": "acd9d8c57311eee97a76-btn--info_is-disabled_1", "btn--info_is-disabled_1": "563acd9d8c57311eee97-btn--info_is-disabled_1",
"btn-info_is-disabled": "acd9d8c57311eee97a76-btn-info_is-disabled", "btn-info_is-disabled": "563acd9d8c57311eee97-btn-info_is-disabled",
"color-red": "--acd9d8c57311eee97a76-color-red", "color-red": "--563acd9d8c57311eee97-color-red",
"foo": "bar", "foo": "bar",
"foo_bar": "acd9d8c57311eee97a76-foo_bar", "foo_bar": "563acd9d8c57311eee97-foo_bar",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "acd9d8c57311eee97a76-simple", "simple": "563acd9d8c57311eee97-simple",
} }
`; `;
@ -5924,10 +6292,10 @@ Object {
exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 15`] = ` exports[`ConfigTestCases css local-ident-name exported tests should have correct local ident for css export locals 15`] = `
Object { Object {
"btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4", "btn--info_is-disabled_1": "-_style_module_css_uniqueName-id-contenthash-b49b9b7fd945be4564a4",
"btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-ec29062639f5c1130848", "btn-info_is-disabled": "-_style_module_css_uniqueName-id-contenthash-2ec29062639f5c113084",
"color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e", "color-red": "---_style_module_css_uniqueName-id-contenthash-f5073cf3e0954d246c7e",
"foo": "bar", "foo": "bar",
"foo_bar": "-_style_module_css_uniqueName-id-contenthash-d31d18648cccfa9d17d2", "foo_bar": "-_style_module_css_uniqueName-id-contenthash-71d31d18648cccfa9d17",
"my-btn-info_is-disabled": "value", "my-btn-info_is-disabled": "value",
"simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2", "simple": "-_style_module_css_uniqueName-id-contenthash-c93d824ddb3eb05477b2",
} }

37
test/configCases/css/exports-convention-prod/index.js
View File

@ -1,37 +0,0 @@
import * as styles1 from "./style.module.css?camel-case#1";
import * as styles2 from "./style.module.css?camel-case#2";
import * as styles3 from "./style.module.css?camel-case#3";
const nsObjForWebTarget = m => {
if (global.document) {
return nsObj(m);
}
return m
}
it("should have correct value for css exports", () => {
expect(styles1.classA).toBe("_style_module_css_camel-case_1-E");
expect(styles1["class-b"]).toBe("_style_module_css_camel-case_1-Id");
expect(__webpack_require__("./style.module.css?camel-case#1")).toEqual(nsObjForWebTarget({
"E": "_style_module_css_camel-case_1-E",
"Id": "_style_module_css_camel-case_1-Id",
}))
expect(styles2["class-a"]).toBe("_style_module_css_camel-case_2-zj");
expect(styles2.classA).toBe("_style_module_css_camel-case_2-zj");
expect(__webpack_require__("./style.module.css?camel-case#2")).toEqual(nsObjForWebTarget({
"zj": "_style_module_css_camel-case_2-zj",
"E": "_style_module_css_camel-case_2-zj",
}))
expect(styles3["class-a"]).toBe("_style_module_css_camel-case_3-zj");
expect(styles3.classA).toBe("_style_module_css_camel-case_3-zj");
expect(styles3["class-b"]).toBe("_style_module_css_camel-case_3-Id");
expect(styles3.classB).toBe("_style_module_css_camel-case_3-Id");
expect(__webpack_require__("./style.module.css?camel-case#3")).toEqual(nsObjForWebTarget({
"zj": "_style_module_css_camel-case_3-zj",
"E": "_style_module_css_camel-case_3-zj",
"Id": "_style_module_css_camel-case_3-Id",
"LO": "_style_module_css_camel-case_3-Id",
}))
});

7
test/configCases/css/exports-convention-prod/style.module.css
View File

@ -1,7 +0,0 @@
.class-a {
color: red;
}
.class-b {
color: blue;
}

10
test/configCases/css/exports-convention-prod/test.config.js
View File

@ -1,10 +0,0 @@
module.exports = {
moduleScope(scope) {
if (scope.window) {
const link = scope.window.document.createElement("link");
link.rel = "stylesheet";
link.href = "bundle0.css";
scope.window.document.head.appendChild(link);
}
}
};

37
test/configCases/css/exports-convention-prod/webpack.config.js
View File

@ -1,37 +0,0 @@
const common = {
mode: "production",
optimization: {
moduleIds: "named"
},
module: {
rules: [
{
test: /\.module\.css$/,
type: "css/module",
oneOf: [
{
resourceQuery: /\?camel-case$/,
generator: {
exportsConvention: "camel-case"
}
}
]
}
]
},
experiments: {
css: true
}
};
/** @type {import("../../../../").Configuration} */
module.exports = [
{
...common,
target: "web"
},
{
...common,
target: "node"
}
];

44
test/configCases/css/exports-convention/index.js
View File

@ -1,3 +1,35 @@
import * as styles1 from "./style.module.css?camel-case#1";
import * as styles2 from "./style.module.css?camel-case#2";
const prod = process.env.NODE_ENV === "production";
const target = process.env.TARGET;
it("concatenation and mangling should work", () => {
expect(styles1.class).toBe(prod ? "204-zg" : "_style_module_css_camel-case_1-class");
expect(styles1["default"]).toBe(prod ? "204-Ay" : "_style_module_css_camel-case_1-default");
expect(styles1.fooBar).toBe(prod ? "204-F0" : "_style_module_css_camel-case_1-foo_bar");
expect(styles1.foo_bar).toBe(prod ? "204-F0" :"_style_module_css_camel-case_1-foo_bar");
if (prod) {
expect(styles2).toMatchObject({
"btn--info_is-disabled_1": "215-btn--info_is-disabled_1",
"btn-info_is-disabled": "215-btn-info_is-disabled",
"btnInfoIsDisabled": "215-btn-info_is-disabled",
"btnInfoIsDisabled1": "215-btn--info_is-disabled_1",
"class": "215-class",
"default": "215-default",
"foo": "bar",
"fooBar": "215-foo_bar",
"foo_bar": "215-foo_bar",
"my-btn-info_is-disabled": "value",
"myBtnInfoIsDisabled": "value",
"simple": "215-simple",
});
expect(Object.keys(__webpack_modules__).length).toBe(target === "web" ? 7 : 1)
}
});
it("should have correct convention for css exports name", (done) => { it("should have correct convention for css exports name", (done) => {
Promise.all([ Promise.all([
import("./style.module.css?as-is"), import("./style.module.css?as-is"),
@ -7,12 +39,12 @@ it("should have correct convention for css exports name", (done) => {
import("./style.module.css?dashes-only"), import("./style.module.css?dashes-only"),
import("./style.module.css?upper"), import("./style.module.css?upper"),
]).then(([asIs, camelCase, camelCaseOnly, dashes, dashesOnly, upper]) => { ]).then(([asIs, camelCase, camelCaseOnly, dashes, dashesOnly, upper]) => {
expect(asIs).toMatchSnapshot(); expect(asIs).toMatchSnapshot('as-is');
expect(camelCase).toMatchSnapshot(); expect(camelCase).toMatchSnapshot('camel-case');
expect(camelCaseOnly).toMatchSnapshot(); expect(camelCaseOnly).toMatchSnapshot('camel-case-only');
expect(dashes).toMatchSnapshot(); expect(dashes).toMatchSnapshot('dashes');
expect(dashesOnly).toMatchSnapshot(); expect(dashesOnly).toMatchSnapshot('dashes-only');
expect(upper).toMatchSnapshot(); expect(upper).toMatchSnapshot('upper');
done() done()
}).catch(done) }).catch(done)
}); });

8
test/configCases/css/exports-convention/style.module.css
View File

@ -22,3 +22,11 @@ a {
.foo_bar { .foo_bar {
color: red; color: red;
} }
.class {
color: green;
}
.default {
color: blue;
}

42
test/configCases/css/exports-convention/webpack.config.js
View File

@ -1,5 +1,9 @@
const webpack = require("../../../../");
const common = { const common = {
mode: "development", optimization: {
chunkIds: "named"
},
module: { module: {
rules: [ rules: [
{ {
@ -55,10 +59,42 @@ const common = {
module.exports = [ module.exports = [
{ {
...common, ...common,
target: "web" mode: "development",
target: "web",
plugins: [
new webpack.DefinePlugin({
"process.env.TARGET": JSON.stringify("web")
})
]
}, },
{ {
...common, ...common,
target: "node" mode: "production",
target: "web",
plugins: [
new webpack.DefinePlugin({
"process.env.TARGET": JSON.stringify("web")
})
]
},
{
...common,
mode: "development",
target: "node",
plugins: [
new webpack.DefinePlugin({
"process.env.TARGET": JSON.stringify("node")
})
]
},
{
...common,
mode: "production",
target: "node",
plugins: [
new webpack.DefinePlugin({
"process.env.TARGET": JSON.stringify("node")
})
]
} }
]; ];

2
test/configCases/web/nonce/index.js
View File

@ -15,7 +15,7 @@ it("should set nonce attributes", () => {
expect(script.getAttribute("nonce")).toBe("nonce"); expect(script.getAttribute("nonce")).toBe("nonce");
expect(script.src).toBe("https://example.com/chunk-js.js"); expect(script.src).toBe("https://example.com/chunk-js.js");
__non_webpack_require__('chunk-css.js'); __non_webpack_require__('./chunk-css.js');
import(/* webpackChunkName: "chunk-css" */ "./chunk.css"); import(/* webpackChunkName: "chunk-css" */ "./chunk.css");
expect(document.head._children).toHaveLength(2); expect(document.head._children).toHaveLength(2);