@stylable/jest
is a simple integration that allows testing your Stylable React components using Jest.
Install @stylable/jest
as a dev dependency in your local project.
Install using npm:
npm install @stylable/jest --save-dev
Install using yarn:
yarn add @stylable/jest --dev
Add the transformer to your jest.config.js
file:
module.exports = {
transform: {
'\\.st\\.css?$': '@stylable/jest',
}
};
See the interface for StylableConfig
here.
module.exports = {
transform: {
'\\.st\\.css?$': ['@stylable/jest', { stylable: { /* Stylable options */ } }],
}
};
To prevent existing CSS integrations from affecting Stylable files, ignore '.st.css' in the integration configuration.
Change:
"moduleNameMapper": {
"\\.(css|scss)$": "SOME_MOCK_PATH"
},
To:
"moduleNameMapper": {
"(?<!\\.st)\\.(css|scss)$": "SOME_MOCK_PATH"
},
To disable transformation for stylehseets originating from your node_modules
add the following configuration:
module.exports = {
// existing configuration...
transformIgnorePatterns: [
'/node_modules/(?!(.*?\\.st\\.css$))', // libraries publish .st.css files in their dist
],
};
Copyright (c) 2017 Wix.com Ltd. All Rights Reserved. Use of this source code is governed by a MIT license.