diff --git a/test/lazy-define.ts b/test/lazy-define.ts index 40c53583..4b7baa49 100644 --- a/test/lazy-define.ts +++ b/test/lazy-define.ts @@ -2,6 +2,8 @@ import {expect, fixture, html} from '@open-wc/testing' import {spy} from 'sinon' import {lazyDefine} from '../src/lazy-define.js' +const animationFrame = () => new Promise(resolve => requestAnimationFrame(resolve)) + describe('lazyDefine', () => { describe('ready strategy', () => { it('calls define for a lazy component', async () => { @@ -9,7 +11,7 @@ describe('lazyDefine', () => { lazyDefine('scan-document-test', onDefine) await fixture(html``) - await new Promise(resolve => requestAnimationFrame(resolve)) + await animationFrame() expect(onDefine).to.be.callCount(1) }) @@ -19,7 +21,7 @@ describe('lazyDefine', () => { await fixture(html``) lazyDefine('later-defined-element-test', onDefine) - await new Promise(resolve => requestAnimationFrame(resolve)) + await animationFrame() expect(onDefine).to.be.callCount(1) }) @@ -39,7 +41,7 @@ describe('lazyDefine', () => { `) - await new Promise(resolve => requestAnimationFrame(resolve)) + await animationFrame() expect(onDefine).to.be.callCount(2) }) @@ -51,12 +53,12 @@ describe('lazyDefine', () => { lazyDefine('scan-document-test', onDefine) await fixture(html``) - await new Promise(resolve => requestAnimationFrame(resolve)) + await animationFrame() expect(onDefine).to.be.callCount(0) document.dispatchEvent(new Event('mousedown')) - await new Promise(resolve => requestAnimationFrame(resolve)) + await animationFrame() expect(onDefine).to.be.callCount(1) }) }) @@ -68,12 +70,12 @@ describe('lazyDefine', () => { html`
` ) - await new Promise(resolve => requestAnimationFrame(resolve)) + await animationFrame() expect(onDefine).to.be.callCount(0) document.documentElement.scrollTo({top: 10}) - await new Promise(resolve => requestAnimationFrame(resolve)) + await animationFrame() expect(onDefine).to.be.callCount(1) }) })