enzyme 相关问题

ReactJS的单元测试库。它由Airbnb开发。它可以与其他JS测试框架一起使用,如Mocha,Jest,Karma等。

测试函数作为道具传递给组件

我有一个使用Antd表的表组件。为了突出显示一行,我传递了一个函数:rowClassName = {(record,index)=> record.id === props.highlightRow吗? classes.Highlight:''}现在...

回答 1 投票 1

如何使用EnzymeJS测试componentDidMount→useEffect()

鉴于以下基本类组件的导出类Basic扩展了React.Component {构造函数(props){super(props); } componentDidMound(){如果(this.props.something){...

回答 1 投票 0

测试失败,因为尚未渲染道具

我正在尝试编写一个搜索呈现的Dom元素的测试,但是它是通过useEffect呈现的,因此该测试失败了,因为稍后将其呈现。例如:const [isTrue,setIsTrue] = ...

回答 1 投票 0

如何在功能中测试条件?

我具有以下条件的此功能。我该如何测试?在其他情况下,它仅测试第一个条件,然后不测试其他条件。 handleChange =异步(选择)...

回答 1 投票 2

Reest Jest如何测试跨度是否包含来自装入快照的某些特定文本?

我正在测试一个没有任何ID的组件,以便我可以从Jest中进行选择,安装的组件快照将类似于 [[]]] find返回类似于安装的ReactWrapper,因此您可以链式查找呼叫。 例如,类似这样的东西。 widget.find('[id="divHeader"]).find('h2').find('span').text.contains('English')

回答 1 投票 0


在ase.config.ts中导入JSDOM时出现“数组长度无效错误”

我已经将React代码库迁移到Typescript,但是在设置Jest时遇到了问题。当我尝试对* .test.tsx或.test.jsx文件运行笑话测试时,出现以下错误:RangeError:...

回答 1 投票 0

使用useState进行内部状态的React Hook测试

我一直在研究大量资源以通过使用带有React Hook的useState来测试内部状态,但是仍然找不到满意的答案,一些测试用例正在抓住预期的...

回答 1 投票 1

使用酶,模拟keydown事件不适用于将事件动态添加到元素的元素

我有一个绝对可以正常工作的组件,我正在尝试使用笑话和酶编写一些测试。 const handleEvent =(e:KeyboardEvent)=> {if(e.keyCode === 27)console.log('...

回答 1 投票 0

Component具有props作为功能,containsMatchingElement返回false

[当组件具有props作为函数时,containsMatchingElement返回false。使用调试时,可以看到该组件。因此,出于测试目的,我从实际的...

回答 1 投票 0

浅复制一个具有在酶中提供的存储的React组件

当我尝试shallow( )时,出现以下错误不变违规:无法找到react-redux上下文值;请确保组件包裹在 。所以在...

回答 1 投票 0

当测试一个呈现获取的API数据的React组件时,如何在做出任何断言之前最好等待该数据?

我有一个简单的“编辑用户”组件,其中包含带有“名字”字段的表单。首次渲染组件时,该字段为空白,直到完成对用户数据的API请求为止。一旦...

回答 1 投票 1

玩笑和酶反应。如何正确地将视频源传递到

我想测试“视频”组件是否正确加载了视频。我为“视频”组件创建了“ videoStream”参考: [ Jest在后台使用的JSm,不会模拟浏览器的所有功能。其中,<video>不受完全支持。 您可以扩展VideoHTMLElement manually以模拟您要测试的逻辑。 或者您可以重新考虑进行测试以避免进行测试。 在您的特殊情况下,我认为无需使用单元测试来进行测试,您可以将其包括在手动或基于硒的测试中。

回答 1 投票 0

使用Mobx时如何解决未定义的反应?

我是React和Mobx的新手,并且正在关注在线教程。本教程说要使用反应,例如:react(()=> list.totalPrice,()=>改变++)但是我只收到错误ReferenceError:...

回答 1 投票 0

如何测试从子组件调用的父方法?

我正在使用酶和玩笑,我想测试调用子道具时是否调用了父方法。我有类似此类的东西父级扩展了组件{method =()=> {...} render(...

回答 1 投票 0

如何模拟状态数据以传递给函数?

我正在尝试测试传递数据的函数,以便使用Jest和Enzyme更新状态,但不确定如何引用事件数组中的值?我希望能够访问...

回答 1 投票 0

如何测试React组件的呈现html

我想在isPending时编写一个测试套件:true render(){const {onSearchChange,isPending} = this.props; if(isPending){return( Loading )} else {return(

回答 1 投票 0

如何模拟window.screen.width属性?

我的组件中有此情况。 {window.screen.width> 1000 &&( ] >>

回答 1 投票 0

单元测试中的AsyncStorage,以玩笑为母语

我正在学习React本机和Jest测试。我有一段代码,单击按钮后会将一些值存储在AsyncStorage中。当单击按钮时,我调用以下方法。 ...

回答 1 投票 0

无法在酶测试中更新Office Fabric UI TextField的值

我有一个React组件,该组件使用office-ui-fabric-react中的TextField。我正在使用Enzyme / Jest编写单元测试。我在更新TextField的值时遇到问题。我试过用.simulate(...

回答 1 投票 3

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