Реагируют ли тестовые файлы вместе с другими файлами в веб-браузере?

Question

Я новичок в написании тестовых случаев в реакции. Я использую шутки и энзимы для написания тестовых случаев. Когда я попытался зафиксировать свой код с помощью тестовых случаев, у меня возник вопрос, что браузер отображает только html, css, js, загружает ли он тестовые случаи с другим кодом. я понимаю, как браузер отображает реагирующее приложение.

Answer 1

Если вы использовали create-react-app (CRA) или у вас аналогичная конфигурация Webpack, с которой вы работаете, то в браузере не будет кода, который вы написали для тестовых случаев. Так что вы в безопасности. Подробный ответ ниже:

По сути, Webpack использует функцию import и export es6 (называемые модулями es6) для всех ваших файлов, чтобы добавлять ТОЛЬКО файлы, необходимые для построения вашего проекта. Webpack импортирует любой импортированный вами файл js или css (Webpack / CRA можно настроить на использование Typescript, S CSS и т. Д. c.). Код, который сообщает webpack об этом, выглядит следующим образом:

// App.js
import { someComponent } from "./someComponent.jsx"

// someComponent.jsx
export const SomeComponent = (props) => {
  ...
}

Обратите внимание на ключевые слова import и export. Поэтому вам придется как-то экспортировать свои тесты (не делайте этого!), Чтобы тестовый код попал в браузер.

Фактически, CRA теперь использует тряску деревьев , поэтому что на самом деле импортируются только те импорты, которые фактически используются. Так что, если вы не используете его, webpack проигнорирует его.

Хорошая работа для добавления тестов в ваш код!