如何用酶模拟recaptcha-容器

时间:2019-06-11 12:52:55

标签: reactjs jestjs recaptcha enzyme

我一直在为我的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} />);

有人可以解释一下我应该如何在酶中安装这种形式吗?

0 个答案:

没有答案