Jest tester is not working when component have styling files #60
Description
I have a project written in react and typescript, and tested with jest tester and is not working.
This is the error I get:
Test suite failed to run
● Test suite failed to run
/workspace/environment/1117b971-f18d-4fdb-a341-f715b3fb6f08/dist/components/Alert/alert.scss:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){@import '../../styles/variables.scss';
^
SyntaxError: Invalid or unexpected token
22 | Object.defineProperty(exports, "__esModule", { value: true });
23 | var react_1 = __importStar(require("react"));
> 24 | require("./alert.scss");
25 | var Alert = /** @class */ (function (_super) {
26 | __extends(Alert, _super);
27 | function Alert() {
at ScriptTransformer._transformAndBuildScript (../../../../../components/testers/jest/bit.envs/22.4.3/node_modules/jest-runtime/build/script_transformer.js:316:17)
at Object.<anonymous> (alert.js:24:1)
at Object.<anonymous> (index.js:3:15)
STR:
- clone this project https://github.com/JoshK2/create-react-components-library.
- run this bit add command:
bit add src/assets/* -n assests && bit add src/components/*/ -t 'src/components/{PARENT}/*test.tsx' && bit add src/styles/* -n styles && bit add src/utils/*/ -t 'src/utils/{PARENT}/*test.ts' - run bit status, should be ok.
- impor this compiler bit.envs/compilers/react-typescript@3.0.1
- import the tester bit.envs/testers/jest@22.4.3
- run bit tag like this if you want to see the error in the cloud:
bit tag -a --skip-tests
and this is my jest.config.js:
module.exports = {
preset: 'ts-jest',
snapshotSerializers: ['enzyme-to-json/serializer'],
testEnvironment: 'node',
transform: {
'^.+\\.tsx?$': 'ts-jest'
},
testRegex: '/src/.*\\.test.(ts|tsx)$',
moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
setupFiles: ['<rootDir>/setupTests.ts'],
collectCoverage: true,
collectCoverageFrom: ['src/**/*.{ts,tsx}', '!src/index.ts', '!**/node_modules/**'],
moduleNameMapper: {
'^.+\\.(css|less|scss)$': 'identity-obj-proxy'
}
};