以下是一个示例代码,展示了如何在Ava中测试addEventListener()上的setTimeout()函数:
// index.js
function handleClick() {
setTimeout(() => {
console.log('Button clicked');
}, 1000);
}
document.getElementById('myButton').addEventListener('click', handleClick);
// test.js
import test from 'ava';
import { JSDOM } from 'jsdom';
test('setTimeout should be called after click event', (t) => {
const dom = new JSDOM('Click me');
global.document = dom.window.document;
// Mock setTimeout
global.setTimeout = (callback, time) => {
t.is(time, 1000);
callback();
};
require('./index');
const button = document.getElementById('myButton');
button.click();
});
在这个示例中,首先在index.js文件中定义了一个handleClick函数,当按钮被点击时,它会在1秒后打印出"Button clicked"。然后,使用addEventListener()将handleClick函数绑定到按钮的点击事件上。
在test.js文件中,我们使用ava进行测试。首先,我们使用JSDOM创建一个模拟的DOM环境,并将其赋值给全局的document对象。然后,我们使用global.setTimeout函数来模拟setTimeout函数,并在其中进行断言,确保传递给setTimeout的时间参数为1000。最后,我们使用require()导入index.js文件,触发按钮的点击事件,然后进行断言,确保setTimeout函数被调用。
这样,我们就可以使用Ava测试addEventListener()上的setTimeout()函数了。