Jest with EnzymeのTypescriptテストではコンポーネントが認識されません

Question

Jest with Enzymeを使用してTypescriptのテストがあります。テストは完璧に動作しますが、私はコンポーネントを追加するとき、私は、コンソール上でyarn test結果を実行すると、それは私Unterminated regular expressionエラー

import {} from 'jasmine'; 
import {shallow} from 'enzyme'; 
import {Show, Hide} from '../components/show_hide'; 

describe('<Show /> Tests',() => { 
    it('Show should render once',() => { 
     const component = shallow(<Show />); 
     expect(component).toHaveLength(1); 
    }) 
}) 

を与えるpackage.json内部

FAIL __tests__/show_hide.ts 
    ● Test suite failed to run 

    /path/to/repo/__tests__/show_hide.ts: Unterminated regular expression (4:35) 
     2 | describe('<Show /> Tests',() => { 
     3 |  it('Show should render once',() => { 
     > 4 |   const component = shallow(/>);, expect(component).toHaveLength(1)); 
      |         ^
     5 |  }); 
     6 | }); 
     7 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvd19oaWRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vX190ZXN0c19fL3Nob3dfaGlkZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sUUFBUSxDQUFDO0FBRy9CLFFBQVEsQ0FBQyxnQkFBZ0IsRUFBRTtJQUMxQixFQUFFLENBQUMsbUJBQW1CLEVBQUU7UUFDdkIsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFPLElBQUksRUFDcEMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQSxDQUFDO0lBQ25DLENBQUMsQ0FBQyxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUEifQ== 

冗談構成は

"jest": { 
    "transform": { 
     "^.+\\.tsx?$": "<rootDir>/node_modules/ts-jest/preprocessor.js" 
    }, 
    "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$", 
    "moduleFileExtensions": [ 
     "ts", 
     "tsx", 
     "js", 
     "json" 
    ], 
    }, 

です

これについてのご意見はありますか？

Answer 1

Reactをインポートするのを忘れると問題が発生したようです。

Answer 2

tsファイルは完全なタイスクリプトコード用であり、tsxはreact（jsxなど）用です。 ファイルの名前をtsx

に変更してください