测试鼠标滚轮事件

IT技术 reactjs reactjs-testutils
2021-05-03 18:33:18

我已经设置了一个简单的函数来处理我构建的菜单组件上的鼠标滚轮事件。该组件工作正常,我正在尝试围绕它编写一个单元测试,这给我带来了一个问题。

组件处理程序:

handleWheel: function (event) {
        (event.deltaY < 0 ) ? this.moveUp() : this.moveDown();

        return false;
}

this.moveUp() / this.moveDown() 只是设置状态 firstIndex

问题是,当我尝试为此功能编写测试时,我无法让它工作。我几乎 100% 肯定它与我传入的 eventDetails 对象有关,但我不知道如何正确格式化它。

// set firstIndex = 0
TestUtils.Simulate.scroll(menu, {deltaY: 52});
expect(menu.state.firstIndex).to.equal(1);
// error: expected 0 to be 1

有谁知道如何正确格式化 TestUtils.Simulate.Scroll() / 知道测试 onWheel() 的更好方法吗?

1个回答

如果事件处理程序用于 onWheel,则应使用Simulate.wheel.

有一个 1:1 的事件映射到 Simulate 方法。删除“on”并将第一个字母小写。

onScroll   ->   Simulate.scroll
onKeyDown  ->   Simulate.keyDown
onWheel    ->   Simulate.wheel