我知道我可以运行npm test，而react-script test可以运行，并且可以成功运行测试.但是我有兴趣弄清楚如何直接使用react-script相同的配置直接运行jest.希望不必复制配置或退出应用程序.我开始阅读react-scripts的源代码，但到目前为止我仍无法弄清.

I know I can run npm test which runs react-script test and it works, it successfully run the tests. But I'm interested in figuring out how to run jest directly with the same configuration react-script uses. Hopefully without having to replicate the configuration or ejecting the app. I started reading the source code of react-scripts but so far I couldn't figure it out.

想要这个的原因是:

• 我的CRA项目是一个更大项目的一部分，我可以在顶层运行jest并运行所有测试.
• 在WebStorm中，我可以利用Jest集成，其中包括:
  • 在运行时显示通过或失败的测试的列表.
  • 能够运行单独的测试.
  • 进行代码覆盖.
  • My CRA project is part of a bigger project, and I could just run jest on the top level and run all tests.
  • In WebStorm, I can take advantage of the Jest integration, which includes:
    • Showing the list of tests that pass or fail, as they run.
    • Being able to run individual tests.
    • Doing code coverage.

    如果我在CRA应用程序上运行jest，则会收到此错误:

    If I run jest on my CRA app, I get this error:

    PS C:\Users\pupeno\Documents\Flexpoint Tech\js\exp7\frontend> jest
     FAIL  src/App.test.tsx
      ● Test suite failed to run
    
        Jest encountered an unexpected token
    
        This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.
    
        By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".
    
        Here's what you can do:
         • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
         • If you need a custom transformation specify a "transform" option in your config.
         • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.
    
        You'll find more details and examples of these config options in the docs:
        https://jestjs.io/docs/en/configuration.html
    
        Details:
    
        SyntaxError: C:\Users\pupeno\Documents\Flexpoint Tech\js\exp7\frontend\src\App.test.tsx: Unexpected token (6:29)
    
          4 | 
          5 | test("renders Facebook link", () => {
        > 6 |   const {getByText} = render(<App/>)
            |                              ^
          7 |   const linkElement = getByText(/Loading.../i)
          8 |   expect(linkElement).toBeInTheDocument()
          9 | })
    
          at Parser._raise (node_modules/@babel/parser/src/parser/error.js:60:45)
          at Parser.raiseWithData (node_modules/@babel/parser/src/parser/error.js:55:17)
          at Parser.raise (node_modules/@babel/parser/src/parser/error.js:39:17)
          at Parser.unexpected (node_modules/@babel/parser/src/parser/util.js:149:16)
          at Parser.parseExprAtom (node_modules/@babel/parser/src/parser/expression.js:1174:20)
          at Parser.parseExprSubscripts (node_modules/@babel/parser/src/parser/expression.js:541:23)
          at Parser.parseMaybeUnary (node_modules/@babel/parser/src/parser/expression.js:521:21)
          at Parser.parseExprOps (node_modules/@babel/parser/src/parser/expression.js:312:23)
          at Parser.parseMaybeConditional (node_modules/@babel/parser/src/parser/expression.js:264:23)
          at Parser.parseMaybeAssign (node_modules/@babel/parser/src/parser/expression.js:212:21)
    
    Test Suites: 1 failed, 1 total
    Tests:       0 total
    Snapshots:   0 total
    Time:        2.234s
    Ran all test suites.
    

    为了不失去CRA的好处，我正在尝试不退出而执行此操作.我了解，如果我退出，我几乎可以做任何我想做的事.

    I'm trying to do this without ejecting, to not lose the benefits of CRA. I understand that if I eject I can do pretty much whatever I want.