个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我设置了一些单元测试，使用带有 jsdom 配置的 enzyme 的浅层方法进行测试。在我遇到一个正在使用 window.addEventListener 的组件之前，它一直运行良好。单元测试现在返回错误
TypeError: window.addEventListener is not a function
我像这样为 JSdom 设置了我的测试助手
import jsdom from 'jsdom';
...
global.document = jsdom.jsdom('<!doctype html><html><body></body></html>');
global.window = document.defaultView;
global.navigator = {userAgent: 'node.js'};
这工作正常，然后我升级到 enzyme 3.x，现在我收到了这个错误。
我想知道我现在是否需要手动模拟 addEventListener，或者我在访问它时做错了什么。
最佳答案
//in test file ...
it("should render KeyStrokeHandler", () => {
// Set-up event listener mock
const map = {};
window.addEventListener = jest.fn((event, callback) => {
map[event] = callback;
});
// Mount component that has set callback for keydown event
const wrapper = mount(<KeyStrokeHandler />);
// Trigger keydown event
map.keydown({ key: 'Enter' });
});
...
关于javascript - React + enzyme 单元测试，无法访问 window.addEventListener，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47637607/
24
4
0
我的页面上有多个按钮: Home Action 1 Action 2 如何通过其文本选择“操作 2”按钮，以便单击它？我知道可能还有其他方法来选择该按钮，但我专门寻找通过文
我目前正在学习使用 Enzyme 进行单元测试。 似乎有一种奇怪的行为: enzyme 似乎随机地不识别某些成分。让我给你举个例子: 这是我的SafeContainer组件: import React
我在使用 Jest/Enzyme 编写的测试用例时遇到了一些问题。我有一个 React/Redux 组件，正在尝试编写一个基本测试，但出现以下错误: Invariant Violation: Reac
在我的项目中使用 enzyme 3 时出现以下错误(之前使用 enzyme 2 并且一切正常): Enzyme Internal Error: configured enzyme adapter di
我正在致力于使用摩卡、 enzyme 创建 react 组件的单元测试。下面是一个示例组件。 Foo.js class Foo extends React.Component { custom
我已经设置了 jest 和 enzyme，但无法运行。它提示 EnzymeAdapter 基类。 我试过了 configure({}) with import { configure } from '
使用 React+Enzyme+Jest 您好，我使用 .innerText 属性来获取特定元素的值，请参阅我的代码的第 5 行: _modifyProfileField (event) {
我正在使用 airbnb 的 enzyme 库进行 react 测试，我只想检索当前节点的文本，不包括来自任何子节点的任何文本。 const component = hellothere 如果我做
我一直在查看很多使用 Enzyme 和 Jest 测试 React 和 Redux 应用程序的示例，但很少有人提到代码清理。当使用 shallow 或 mount 时，您是否不需要明确调用 unmou
从文档来看，这样的事情应该是可能的: const wrapper = mount(); expect(wrapper.find('.foo')).to.have.length(1); 但就我而言，这会
有关enzyme 测试库中adapter 用途的任何文档。 import { configure } from 'enzyme'; import Adapter from 'enzyme-adapte
我需要访问内部组件的状态，使其在单击事件时处于事件状态，我的问题是 Enzyme 在使用 mount 时不允许这样做，这只能通过 来实现如 here 中提到的 enzyme 的浅渲染，也如上所述，我尝
我正在尝试使用 Enzyme 来测试组件的方法。我知道执行此操作的典型方法是使用 Enzyme 的 instance() 方法。 问题是，这只适用于root组件，我的组件需要包装在两个上下文提供程序中
我正在尝试测试当通过简单的 bool 值更新状态时，在父组件中其子组件是否正确呈现。在父组件下方: class Parent extends Component { ... render()
我的渲染函数中有一个 FileInput } className= 'fileInput' /> 我需要编写一个文件上传测试，当我模拟更改函数时，它调用函数file
我通过 create-react-app 创建了一个新的 React 应用程序，我想为我在应用程序中创建的名为“MessageBox”的组件编写单元测试。这是我编写的单元测试: import Mess
昨天我将React项目升级到了v16.0，但是我发现Enzyme有一些问题 Error: Enzyme Internal Error: Enzyme expects an adap
我有一个具有多种渲染方法的组件。我怎样才能测试它们呢？使用 enzyme 和 Jest 进行 react 。 一些伪代码作为我的组件结构的示例，因为该组件非常大。 class MyComponent
我正在使用 Jest 和 Enzyme 来测试我的 react 组件。其中一项测试如下所示: import DropDown from './DropdDown'; import SelectButt
我正在尝试测试轮子事件。我在加载事件中添加滚轮监听器。 this.domElement = document.getElementById('myImg'); if (this.domElement)
我是一名优秀的程序员,十分优秀！