ReactJS的单元测试库。它由Airbnb开发。它可以与其他JS测试框架一起使用,如Mocha,Jest,Karma等。
无法通过使用带有酶的期望测试库在DOM上找到具有两个类的元素
在测试React-Redux组件时,是否可以通过第二个类名aur或具有两个或多个类名的元素来查找元素。例如:我有一个div ] >>> 您应该能够同时做这两个...我已经创建了快速测试来检查您的示例: import React from 'react'; import { mount } from 'enzyme'; const MyComp = ({active}) => <div className={`navigations${active ? ' active': ''}`} />; describe('Name of the group', () => { it('should ', () => { const wrapper = mount( <> <MyComp /> <MyComp active/> <MyComp /> <MyComp /> </>, ); expect(wrapper.find('.navigations')).toHaveLength(4); expect(wrapper.find('.active')).toHaveLength(1); }); });
因此,:valid和:invalid是状态/伪选择器,因此您不需要(也不能)测试类名本身。 对于toHaveStyleRule中的toHaveStyleRule,有第三个参数jest-styled-components,我们可以在其中提供所需的状态,例如options或:hover。 尝试一下: :valid
[我正在考虑编写一些React的util(可能是HOC),它可以让我测试这种代码:const wrapper = ase .mount(withTestTheme( ] with
[我正在尝试测试一个简单的组件,它看起来像这个import React,来自'react'的{PureComponent}来自Pro.types的PropTypes,来自'./styles.css'导出类App的扩展.. 。
如何在使用样式化组件的React组件中测试字符串“…loading”?
您如何编写样式化组件的笑话酶断言?通常我会像这样设置测试:从'react'导入React;从“酶”导入{浅}; // test-setup.js import {configure} ...
[在进行单元测试时如何调用React组件的自定义方法。我正在使用打字稿
我正在使用打字稿进行反应。谁能告诉我如何调用在单元测试中编写在组件中的自定义方法。我尝试浅入并挂载,但无法调用自定义...
希望有人可以指出正确的方向,以便在下面的组件中测试useRef。我有一个结构如下的组件。我正在尝试在...
具有以下代码:it('componentDidUpdate应该安装并更改道具',()=> {const onChange = jest.fn(); const wrapper = ase .mount(
我正在尝试测试React组件,并确保在单击其按钮时,将调用正确的方法。但是,当我尝试运行测试并尝试监视该方法时,我得到了...
我有一个组件:RandomGif.js import React,{组件} from“ react”;从“ ./Gif”导入Gif;从“ ./library/Loader”导入Loader;从“ ../resources/api”导入{fetchRandom};类...
我有一个简单的复选框输入,当用户想进入复选框并期望发生某些事情时,我想对其进行测试。 const CheckBox =()=>()测试用例:...
如何使用Jest和酶测试FlatList?我不知道如何检查它是否有keyExtractor。 it('flatlist应该具有keyExtractor',()=> {包装器....
我正在尝试在应用程序中编写一些集成测试。我有几个API调用,分别在componentDidMount和按钮单击上调用。已保存在商店中的API响应,该响应会更新...
[尝试使登录单元测试正常运行,但始终显示错误消息酶内部错误:酶期望配置适配器,但未找到。要配置适配器,您应该...
我有一个要使用笑话进行测试的类组件。该组件正在使用从utils文件导入的函数。如何从主测试文件中模拟导入的功能?
测试reactforceUpdate自定义钩子useEffect / useState
我创建了一个自定义挂钩来强制组件进行更新,但是在弄清楚如何编写带有笑话的单元测试时遇到了问题。这是钩子函数useForceUpdate(condition){const [,...
我正在尝试测试我的简单组件 先前的切换,今天在material ui库中命名为Switch 。 我把它包装成: 该组件的放置方式如下: 现在我的测试是: 现在...
我有一个React Route,它根据返回的数据的长度是否为 来呈现无结果消息或项目列表。 我用Jest创建了一个测试套件,该套件可以运行,但是我觉得它过于冗...