enzyme 相关问题

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); }); });

回答 1 投票 0

在Jest测试中在样式组件中查找类名称

因此,:valid和:invalid是状态/伪选择器,因此您不需要(也不能)测试类名本身。 对于toHaveStyleRule中的toHaveStyleRule,有第三个参数jest-styled-components,我们可以在其中提供所需的状态,例如options或:hover。 尝试一下: :valid

回答 1 投票 0

HOC传递所有道具

[我正在考虑编写一些React的util(可能是HOC),它可以让我测试这种代码:const wrapper = ase .mount(withTestTheme( ] with

回答 2 投票 0

Jest模拟'click'效果很奇怪,测试失败

[我正在尝试测试一个简单的组件,它看起来像这个import React,来自'react'的{PureComponent}来自Pro.types的PropTypes,来自'./styles.css'导出类App的扩展.. 。

回答 1 投票 0

如何在使用样式化组件的React组件中测试字符串“…loading”?

您如何编写样式化组件的笑话酶断言?通常我会像这样设置测试:从'react'导入React;从“酶”导入{浅}; // test-setup.js import {configure} ...

回答 1 投票 0

在父标记的属性中测试嵌套标记的属性

我有一个嵌套在另一个标签属性内的标签。展览 }} ...

回答 1 投票 0

[在进行单元测试时如何调用React组件的自定义方法。我正在使用打字稿

我正在使用打字稿进行反应。谁能告诉我如何调用在单元测试中编写在组件中的自定义方法。我尝试浅入并挂载,但无法调用自定义...

回答 1 投票 1

如何通过玩笑/酶中的“当前”道具测试useRef

希望有人可以指出正确的方向,以便在下面的组件中测试useRef。我有一个结构如下的组件。我正在尝试在...

回答 1 投票 4

TypeError:无法读取null的属性'target'

具有以下代码:it('componentDidUpdate应该安装并更改道具',()=> {const onChange = jest.fn(); const wrapper = ase .mount(

回答 1 投票 0

带有玩笑和酶的间谍功能组件方法;无法对原始值进行spyOn

我正在尝试测试React组件,并确保在单击其按钮时,将调用正确的方法。但是,当我尝试运行测试并尝试监视该方法时,我得到了...

回答 1 投票 0

如何通过玩笑和酶测试具有异步功能的React组件

我有一个组件:RandomGif.js import React,{组件} from“ react”;从“ ./Gif”导入Gif;从“ ./library/Loader”导入Loader;从“ ../resources/api”导入{fetchRandom};类...

回答 1 投票 -1

用酶测试功能

我有一个简单的复选框输入,当用户想进入复选框并期望发生某些事情时,我想对其进行测试。 const CheckBox =()=>()测试用例:...

回答 1 投票 0


使用Jest / Enzyme的FlatList测试

如何使用Jest和酶测试FlatList?我不知道如何检查它是否有keyExtractor。 it('flatlist应该具有keyExtractor',()=> {包装器....

回答 1 投票 0

在带有Redux和酶的React中编写集成测试的最佳方法

我正在尝试在应用程序中编写一些集成测试。我有几个API调用,分别在componentDidMount和按钮单击上调用。已保存在商店中的API响应,该响应会更新...

回答 1 投票 0

酶内部错误:酶希望配置适配器,但找不到任何适配器

[尝试使登录单元测试正常运行,但始终显示错误消息酶内部错误:酶期望配置适配器,但未找到。要配置适配器,您应该...

回答 1 投票 1

开玩笑-在要测试的组件文件中模拟要导入的函数

我有一个要使用笑话进行测试的类组件。该组件正在使用从utils文件导入的函数。如何从主测试文件中模拟导入的功能?

回答 1 投票 0

测试reactforceUpdate自定义钩子useEffect / useState

我创建了一个自定义挂钩来强制组件进行更新,但是在弄清楚如何编写带有笑话的单元测试时遇到了问题。这是钩子函数useForceUpdate(condition){const [,...

回答 1 投票 0

集成测试React + Redux

我正在尝试测试我的简单组件 先前的切换,今天在material ui库中命名为Switch 。 我把它包装成: 该组件的放置方式如下: 现在我的测试是: 现在...

回答 1 投票 0

根据道具测试React路由渲染不同的组件

我有一个React Route,它根据返回的数据的长度是否为 来呈现无结果消息或项目列表。 我用Jest创建了一个测试套件,该套件可以运行,但是我觉得它过于冗...

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.