jestjs - 如何在 salesforce lwc 中编写 onclick 事件的 Jest 测试

Question

我有以下代码。我如何参与 Jest 销售队伍？

testhandle(event) {
        let testAbr = event.target.text;
        if (testAbr) {
            this.dispatchEvent(new CustomEvent('testpasss', { detail: { type: 'specilsnumber', input: testAbr } }));
        }
    }
    
    

这是用户从 UI 中单击即可实现的。 onclick={testhandle}

Answer 1

您可以对已添加 onclick 处理程序方法的标记元素进行查询，然后在该元素上调度自定义事件。

示例:

element.shadowRoot.querySelector('.hasOnclick').dispatchEvent(new CustomEvent('click'));

确保在promise.resolve()中添加测试断言来处理异步DOM更新，如下所示:

return Promise.resolve().then(() => {
      expect(value).toBe(expected);
});