Я писал некоторые модульные тесты для моего приложения React, которое использует аутентификацию по номеру телефона с помощью Firebase.Я использую энзим для написания тестов.
Мое приложение содержит форму и контейнер с репачей внутри формы.Когда я shallow
мой компонент, у меня нет проблем (это должно быть потому, что мелкая функция не отображает дочерние компоненты).Однако, когда я использую mount
, я вижу следующее сообщение об ошибке в моей тестовой спецификации:
reCAPTCHA container is either not found or already contains inner elements!
<form className="formClass" onSubmit={this.handleSubmit}>
<input .../>
<input type="submit" .../>
<InfoLine isError={error} text={infoText} />
<div id="recaptcha-container" />
</form>
И вот мой запрос на монтирование в моем тестовом файле:
const fakeHistory = createMemoryHistory("/");
let wrapper = mount(<PhoneNumber history={fakeHistory} />);
Может кто-нибудь объяснить, как я должен монтировать эту форму в фермент?