reactjs - 如果使用 react with typescript，我可以将 tsx 扩展名用于测试文件吗

Question

我在 react redux 中使用 typescript 有一个 react 应用程序。我正在使用 jest 编写测试。根据惯例，我对测试文件的扩展名应该是什么感到困惑。无论是 js/ts 还是 tsx。

任何线索将不胜感激。

Answer 1

Can I use the tsx extension for test files if using React with TypeScript?

是 .您可以使用 *.tsx如果将 React 与 TypeScript 一起使用，则测试文件的扩展名。

Any leads would be appreciated.

有多种设置方式 jest与 typescript 。举个例子 try running this script从终端:

npx create-react-app my-app --typescript
cd my-app
npm run eject

这将生成一个配置为使用 *.tsx 运行测试的项目。延期。你可以看到它的 jest src/package.json里面的配置 src/App.test.tsx 中的文件和示例测试文件。后者看起来像这样:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

it('renders without crashing', () => {
  const div = document.createElement('div');
  ReactDOM.render(<App />, div);
  ReactDOM.unmountComponentAtNode(div);
});