cy.spy that monitors the window.clearInterval function
P粉023326773
2023-08-17 12:16:34
<p>In an application I'm developing, I use setInterval and clearInterval. I want to monitor the clearInterval method to see if it is called. Here's what I'm actually doing: </p>
<pre class="brush:php;toolbar:false;">beforeEach(() => {
cy.clock(new Date())
})
it('Test scenario' => {
const fn = cy.spy(document.defaultView, 'clearInterval')
//Also tried fn = cy.spy(window, 'clearInterval')
...
...
...
//The clearInterval function is called when entering the `then` section, but the stub reports that it has not been called yet
cy.tick(30000).then(() => {
expect(fn).to.have.been.calledOnce
})
})
afterEach(() => {
cy.clock().invoke('restore')
})</pre>
<p>The expect assertion in the snippet above fails, I expect it to pass. Is my logic for initializing the spy valid|correct? Any help with the above issue is greatly appreciated. </p>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Cypress uses different
windowin tests and applications.cy.spy(window...is using the test window, but to monitor the application window, you need to use thecy.window()command.let spy; cy.window().then(appWindow => { spy = cy.spy(appWindow, 'clearInterval') }) ... later expect(spy).to.have.been.calledOnceBut there may be another complication, because
cy.clock()putsclearInterval()in the proxy so that the application's timing function can be controlled, so You may not be able to monitor it.If you find that it still doesn't work properly, please get the return value of
cy.clock()and see if the call information is attached.let clock; beforeEach(() => { clock = cy.clock(new Date()) })Or specify
clearIntervalshould not be proxiedbeforeEach(() => { cy.clock(new Date(), ['Date', 'setInterval']) // 仅代理Date和setInterval })