我一直在为我的React应用程序编写一些单元测试,该应用程序使用Firebase进行电话号码身份验证。我用酶来编写测试。
我的应用程序包含一个表单和一个包含在表单内的Recaptcha容器。当我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} />);
有人可以解释一下我应该如何在酶中安装这种形式吗?