#5176: fix await element performance regression (#5177)

package.json

@@ -164,6 +164,7 @@
   },
   "devDependencies": {
     "@fortawesome/fontawesome-common-types": "^0.2.36",
+    "@shopify/jest-dom-mocks": "^4.1.0",
     "@sindresorhus/tsconfig": "^3.0.1",
     "@sinonjs/fake-timers": "^10.0.2",
     "@storybook/addon-actions": "^6.5.15",

src/blocks/effects/wait.test.ts

@@ -21,6 +21,15 @@ import { uuidSequence } from "@/testUtils/factories";
 import { type BlockOptions } from "@/core";
 import { WaitElementEffect } from "@/blocks/effects/wait";
 import { BusinessError } from "@/errors/businessErrors";
+import { ensureMocksReset, requestIdleCallback } from "@shopify/jest-dom-mocks";
+
+beforeAll(() => {
+  requestIdleCallback.mock();
+});
+
+beforeEach(() => {
+  ensureMocksReset();
+});
 
 const brick = new WaitElementEffect();
 

src/blocks/transformers/tourStep/tourStep.test.ts

@@ -28,6 +28,15 @@ import { tick } from "@/extensionPoints/extensionPointTestUtils";
 import { MultipleElementsFoundError } from "@/errors/businessErrors";
 import { showModal } from "@/blocks/transformers/ephemeralForm/modalUtils";
 import { showPopover } from "@/blocks/transformers/temporaryInfo/popoverUtils";
+import { ensureMocksReset, requestIdleCallback } from "@shopify/jest-dom-mocks";
+
+beforeAll(() => {
+  requestIdleCallback.mock();
+});
+
+beforeEach(() => {
+  ensureMocksReset();
+});
 
 Element.prototype.scrollIntoView = jest.fn();
 browser.runtime.getURL = jest
@@ -279,6 +288,9 @@ describe("tourStep", () => {
     // :initialize:
     document.body.innerHTML = '<div id="foo">Foo</div>';
 
+    requestIdleCallback.runIdleCallbacks();
+    // Ticks to allow the setInterval to run
+    await tick();
     await tick();
 
     cancelAllTours();