Skip to content

Commit 787c542

Browse files
authored
feat: Babel Plugin - Mock css imports (#1607)
Created a Babel transform plugin `mockCssImportPlugin` that transforms certain css imports into const expressions. - Replaces import of `.module.css` / `.module.scss` - with a const object literal containing a key / value of the module name - Replaces css imports of `?inline` and `?raw` with a const string literal matching the import path The new plugin is configured as a plugin for `babel-jest` resolves #1606
1 parent a260842 commit 787c542

15 files changed

Lines changed: 121 additions & 60 deletions

__mocks__/css/mock-theme-dark-components.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

__mocks__/css/mock-theme-dark-palette.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

__mocks__/css/mock-theme-dark-semantic-editor.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

__mocks__/css/mock-theme-dark-semantic-grid.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

__mocks__/css/mock-theme-dark-semantic.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

__mocks__/css/mock-theme-light-palette.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

__mocks__/css/mock-theme-spectrum-alias.module.js

Lines changed: 0 additions & 3 deletions
This file was deleted.

__mocks__/css/mock-theme-spectrum-overrides.module.js

Lines changed: 0 additions & 3 deletions
This file was deleted.

__mocks__/css/mock-theme-spectrum-palette.module.js

Lines changed: 0 additions & 3 deletions
This file was deleted.

jest.config.base.cjs

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,22 +2,20 @@ const path = require('path');
22

33
module.exports = {
44
transform: {
5-
'.(ts|tsx|js|jsx)': ['babel-jest', { rootMode: 'upward' }],
5+
'.(ts|tsx|js|jsx)': [
6+
'babel-jest',
7+
{
8+
rootMode: 'upward',
9+
plugins: ['@deephaven/babel-preset/mockCssImportPlugin'],
10+
},
11+
],
612
},
713
// Makes jest transform monaco, but continue ignoring other node_modules. Used for MonacoUtils test
814
transformIgnorePatterns: [
915
'node_modules/(?!(monaco-editor|d3-interpolate|d3-color)/)',
1016
],
1117
moduleNameMapper: {
12-
'theme-([^/]+?)\\.css(\\?(?:inline|raw))?$': path.join(
13-
__dirname,
14-
'./__mocks__/css/mock-theme-$1.js'
15-
),
1618
'\\.(css|less|scss|sass)$': 'identity-obj-proxy',
17-
'\\.(css|less|scss|sass)\\?(?:inline|raw)$': path.join(
18-
__dirname,
19-
'./__mocks__/fileMock.js'
20-
),
2119
'\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
2220
path.join(__dirname, './__mocks__/fileMock.js'),
2321
'^fira$': 'identity-obj-proxy',

0 commit comments

Comments
 (0)