テスト

[shion0625]

module.exports = { moduleNameMapper: { "\.(css|less|sass|scss)$": "/mocks/styleMock.js" } };

[shion0625]

transformIgnorePatterns: [ '/node_modules/(?!(@fontsource/noto-sans-jp)/)' ],

[shion0625]

1

jest-transform-css モジュールを使用する このモジュールは、Jest で CSS ファイルを正しくパースすることを可能にする npm パッケージです。インストールして使用するには、次の手順に従います

npm install jest-transform-css --save-dev

module.exports = {
  transform: {
    '^.+\\.css$': 'jest-transform-css',
  },
};

2

ignore-styles npm モジュールを使用する この npm モジュールは、Jest で CSS ファイルを無視することを可能にするものです。インストールして使用するには、次の手順に従います。

npm install ignore-styles --save-dev

const ignoreStyles = require('ignore-styles');

module.exports = {
  setupFilesAfterEnv: ['./jest.setup.js'],
};

// in your jest.setup.js file
require('ignore-styles');