Могу ли я использовать расширение TSX для тестовых файлов при использовании реагировать с машинопись

Question

У меня есть приложение реагировать на реаги редукса с типизацией.Я использую шутку для написания тестов.Я запутался в том, что должно быть расширение тестовых файлов в соответствии с соглашением.будь то JS / TS или TSX.

Любые выводы будут оценены.

Answer 1

Можно ли использовать расширение tsx для тестовых файлов при использовании React с TypeScript?

Да . Вы можете использовать расширение *.tsx для тестовых файлов, если используете React с TypeScript.

Любые выводы будут оценены.

Существует несколько способов настройки jest с помощью TypeScript. Для одного примера попробуйте запустить этот скрипт из терминала:

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);
});

Answer 2

Если вы тестируете JSX (например, компоненты), вы должны использовать расширение .tsx Если вы не тестируете JSX (например, редукторы), вы должны использовать .ts

У вас также должен быть файл jest.config.js, найдите ключ "moduleFileExtensions", чтобы увидеть все доступные расширения файлов, которые принимает jest