似乎不能用jest模拟点击事件
Jest是一个流行的JavaScript测试框架，用于编写和运行单元测试。它提供了一套简单而强大的API，用于模拟和断言代码的行为。然而，由于Jest是一个纯粹的JavaScript测试框架，它并不直接支持模拟点击事件。
要模拟点击事件，我们可以使用其他工具或库来辅助Jest进行测试。以下是一种常见的方法：
- 使用Enzyme：Enzyme是一个流行的React测试工具，它提供了一套API来模拟和操作React组件。Enzyme可以与Jest集成，以模拟点击事件并进行断言。您可以使用
simulate方法来模拟点击事件，并使用断言来验证组件的行为。 - 使用DOM Testing Library：DOM Testing Library是一个用于测试DOM操作的工具库，它提供了一套API来模拟用户与页面的交互。您可以使用
fireEvent方法来模拟点击事件，并使用断言来验证页面的行为。DOM Testing Library可以与Jest集成，以进行全面的端到端测试。 - 使用自定义辅助函数：如果您不想依赖额外的库，您可以编写自己的辅助函数来模拟点击事件。您可以使用
document.createEvent方法创建一个自定义事件，并将其分派到目标元素上。然后，您可以使用断言来验证事件的触发和组件的行为。
无论您选择哪种方法，重要的是确保您的测试覆盖了点击事件的各个方面，并验证了预期的行为。在编写测试时，您可以参考相关文档和示例，以了解更多关于模拟点击事件的详细信息。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯会议：https://cloud.tencent.com/product/tc-meeting
相关·内容
1回答
我是使用Jest进行测试的新手，需要模拟一个click事件。我已经能够用酶css选择器选择元素并触发事件，但测试仍然失败，表明我还没有运行函数。Test:
const e = { target: {id:'X'} }
let wrapper
浏览 19提问于2019-05-06得票数 1
我想知道捕鼠器的事件是如何在jest中测试的。当我点击向左箭头时，我想看看组件函数是否正在被调用。我无法在测试中模拟此事件。似乎react合成事件之外的事件不会对组件进行任何更改。我认为Mousetrap将事件附加到窗口。我需要知道如何测试这个功能。it("checks on leftclick", () => {
var spy = jest.spyOn(MyComponent.
浏览 5提问于2018-01-31得票数 6
1回答
酶/Jest静态方法模拟不运行
、、、、
为此，我使用了来自的一个示例，并添加了一个看起来很好的模拟，如下所示：jest.mock('Services/service', ()from above });it('should call);
button.simul
浏览 1提问于2019-07-09得票数 1
回答已采纳
我正在尝试在Jest中模拟一个类星体测试组件的按钮点击(使用vue- QBtn -utils)。QBtn); }) 我也使用jest.fn()模拟了createAccount函数，但我总是得到0次函数调用，尽管如果我直接使用 wrapper.vm.createAccount() 只需检查函数是否被调用...你知道如何
浏览 47提问于2020-09-12得票数 3
2回答
因此，当单击按钮时，我转过身，在文本输入元素上触发一个合成单击事件，如下所示。 ...但是，虽然我可以模拟按钮上的单击事件，但我还没有弄清楚如何检测文件输入元素上的合成单击事件。button.simulate('click');
expect(fileInput.click).toHaveBe
浏览 7提问于2017-03-04得票数 2
回答已采纳
在React Native中，我使用fetch来执行网络请求，但是fetch并不是一个明确要求的模块，因此似乎不可能用Jest模拟。即使在测试中尝试调用使用fetch的方法也会导致：
有没有办法用Jest在原生的react中测试这样的API请求？
浏览 208提问于2016-03-18得票数 48
回答已采纳
我想知道我是否可以测试url是否改变/点击后显示新的内容，但我不能用‘模拟’来做这件事。可以使用jest/酶来检查吗？
浏览 30提问于2019-09-12得票数 0
1回答
我在React中有一个组件A，它的数组如下：[ "element1": "", "element3": "", }, "element1": "", "element3": "",
"element4&
浏览 0提问于2019-09-18得票数 1
我有一个可点击的组件，如下所示： super(; return <button onClick={this.handleClick}></button>
我已经在浏览器中确认onClick事件正在触发并调用然而，我不能让我的测试(jest/酶)模拟点击
浏览 1提问于2017-11-07得票数 2
1回答
我正在尝试这样做，当我点击一张图片时，它会点击flash电影中的一个特定坐标。 $(this).css('display', 'none');});
现在我需要在flash视频中点击一个特定的坐标
浏览 3提问于2011-11-16得票数 3
回答已采纳
should test onSubmit method', ()=>{ const preventDefault = jest.fn
浏览 0提问于2019-05-23得票数 2
回答已采纳
我无法通过使用带有react本机代码的酶类/玩笑来模拟硬件回退按钮。还提到我对酶/Jest的反应是新的--本土的import 'react-native';import mockPressBack from 'react-native';
jest.mock
浏览 0提问于2019-02-12得票数 3
1回答
我正在使用Jest和Enzyme来测试一个表单组件，但我在模拟点击时遇到了问题。onClose(dirty)}下面是失败的测试： const onCloseSpy = jest.fnfirst() expect(onCloseSpy).toHaveBeenCalled();这里需要注意的是
浏览 0提问于2017-10-19得票数 3
我正在处理JavaScript事件。根据下面的MDN文章，事件对象有一个名为isTrusted的标志。我编写了一段代码，将用户事件(由实际用户操作触发)与编程事件(由element.dispatchEvent(...)触发)区分开来。.);});
我试图在(流行的单元测试库)中测试--这段代码是JEST中的代码。不幸的是，我们不能模拟真正的点击事件，因为这是一个自动的代码，为您做这一点。在JEST中，标志isTrusted总
浏览 2提问于2021-01-28得票数 6
我试图在window对象中模拟ontouchstart事件来进行一些测试，但我找不到合适的方法来完成它 !!ontouchstart' in window || navigator.maxTouchPoints); it('123', () => { spyWindowOpen.mo
浏览 11提问于2022-06-03得票数 1
回答已采纳
1回答
disabled={this.props.disabled} )}const mockOnChange = jest.fn((): void => { }) id: 'test',我已经记录了道具正确传递的记录，看起来似乎是正确的，所以我对这种行为感到困惑。
浏览 0提问于2020-04-26得票数 0
回答已采纳
在酶中，模拟点击className找到的项目似乎不起作用。问题是mockFn没有模仿toggleSort。但在其他情况下，以这种方式模拟函数可以完美地工作。下面所有用于测试事件处理程序toggleSort的情况都不起作用。) });
it("should do the right thing", async () => {
浏览 24提问于2019-05-01得票数 1
2回答
我正在尝试使用Jest测试Flux和React应用程序。有用的参考文件：
var React = require('react&
浏览 0提问于2015-03-05得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
