问题标签 [chai-enzyme]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
32946 浏览

reactjs - 错误:方法“props”仅用于在单个节点上运行。找到了 2 个

我正在尝试模拟我的“更改”功能并尝试测试是否调用了“setCampaignDate”。这里的问题是find返回的我的浅组件的长度是2:

尝试在“datepickers”上调用模拟时,会出现如下错误:

'Error: Method “props” is only meant to be run on a single node. 2 found instead.'.

不确定如何在节点大于 1 的组件上进行模拟。

0 投票
0 回答
347 浏览

reactjs - containsMatchingElement 和 contains in chai-enzyme 有什么区别?

我在使用chai-enzyme的 React 组件测试中有以下内容:

并想知道为什么contain有效但containMatchingElement无效。

0 投票
1 回答
94 浏览

reactjs - React 更新了 16.0 失败的测试用例

我用 16.0.0 更新了 react 版本,用 2.8.6 更新了酶,但仍然出现错误 can't find module react/lib/React 。

如何解决这些问题

配置 Mocha... 警告:ReactTestUtils 已移至 react-dom/test-utils。更新引用以删除此警告。module.js:471 抛出错误;

0 投票
1 回答
878 浏览

javascript - 如何使用 Sinon JS 存根动态导入

我尝试用 sinon js 存根导入,实际上如何做到这一点, import XLSX from 'xlsx' beforeEach(() => sinon.stub(sheetJS).resolve({}))- 对我不起作用,我发现错误resolve is not a function

0 投票
2 回答
100 浏览

reactjs - reactjs 组件的 unittest 在作为道具传递的函数上失败

我正在尝试为编写的简单组件编写单元测试。

这是我的组件:

这是我的测试:

现在当我运行它时,我得到了这个:

如您所见,我正在尝试将 validateError 函数作为道具提供,但仍然出现错误。任何想法?

0 投票
1 回答
3954 浏览

reactjs - 当函数作为道具传递时使用酶调用函数 - React

我有一个函数说onClickOfCreateAccountButton,它是在单击按钮时从我的子组件调用的,但逻辑是写在父组件中的。

我该如何模拟它?

我的代码:

覆盖范围:

在此处输入图像描述

0 投票
0 回答
48 浏览

reactjs - 没有在测试中调用操作 - React

在此处输入图像描述

我的代码:

我的测试文件:

在此处输入图像描述

请帮忙。

0 投票
1 回答
2908 浏览

unit-testing - 如何使用 Jest、Enzyme 或任何其他单元测试库/框架获取 dom 元素的 css 值?

是否可以从使用 Jest、Enzyme、Chai 等测试的 DOM 元素中获取任何 css 值?从我目前所见,您只能将代码中提到的那些css值作为样式对象。但我没有找到一种方法来获取元素在 DOM 中可以具有的任何其他 css 值。例如,如果在使用样式对象的代码中为元素提供了 50% 的宽度,则在单元测试中无法获得该百分比宽度值的实际像素值。或者如果你甚至没有提到宽度、高度等,你能提取元素在被挂载到 DOM 后接收到的派生 css 值吗?

我的假设是,因为单元测试发生在模拟 DOM 类环境而不是实际浏览器的节点环境中,所以在某些情况下不可能获得实际的 DOM 值。

0 投票
2 回答
10068 浏览

javascript - 酶测试 React.createRef()

我有一个使用新React.createRef()api的组件,如何测试document.activeElement应该等于当前的参考组件。

零件 :

旧测试(工作):

新的(不起作用):

0 投票
0 回答
46 浏览

reactjs - 调用异步方法后在反应上测试状态变化

我有一个 React 组件,它执行以下操作:

零件

然后,我想用mochachai测试调用该callService方法后状态是否发生变化:

单元测试

我尝试过使用wrapper.update()甚至sinon.fakeTimer()调用callService作为 Promise

没有结果:wrapper.instance().callService().then() is not defined

还有其他建议吗?我真的不想最终使用setTimeout()函数