Fix e2e tests

Author: bvaughn

integrations/tests/tests/cursor.spec.tsx

@@ -4,6 +4,11 @@ import { calculateHitArea } from "../src/utils/calculateHitArea";
 import { getCenterCoordinates } from "../src/utils/getCenterCoordinates";
 import { goToUrl } from "../src/utils/goToUrl";
 
+// The cursor boundary check logic relies on the layout not changing between two movements in order to detect "you've moved too far, there's no more resizing that can be done"
+// This type of test isn't totally realistic; only one mouse-move between big pixel gaps is unlikely in all but the most extreme perf bottlenecks.
+// To mimic something closer to a real world scenario, we need to split move events into multiple pointer move events.
+const moveConfig = { steps: 10 };
+
 test.describe("cursor", () => {
   for (const usePopUpWindow of [true, false]) {
     test.describe(usePopUpWindow ? "in a popup" : "in the main window", () => {
@@ -25,22 +30,20 @@ test.describe("cursor", () => {
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("auto");
 
-        await page.mouse.move(x, y);
+        await page.mouse.move(x, y, moveConfig);
 
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("ew-resize");
 
         await page.mouse.down();
-        await page.mouse.move(50, y);
-        await page.mouse.move(25, y);
+        await page.mouse.move(25, y, moveConfig);
 
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("e-resize");
 
-        await page.mouse.move(950, y);
-        await page.mouse.move(975, y);
+        await page.mouse.move(975, y, moveConfig);
 
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
@@ -65,22 +68,20 @@ test.describe("cursor", () => {
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("auto");
 
-        await page.mouse.move(x, y);
+        await page.mouse.move(x, y, moveConfig);
 
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("ns-resize");
 
         await page.mouse.down();
-        await page.mouse.move(x, 1);
-        await page.mouse.move(x, 0);
+        await page.mouse.move(x, 0, moveConfig);
 
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("s-resize");
 
-        await page.mouse.move(x, 599);
-        await page.mouse.move(x, 600);
+        await page.mouse.move(x, 600, moveConfig);
 
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
@@ -114,70 +115,62 @@ test.describe("cursor", () => {
         ).toBe("auto");
 
         // Centered
-        await page.mouse.move(x, y);
+        await page.mouse.move(x, y, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("move");
 
         // Top left
         await page.mouse.down();
-        await page.mouse.move(2, 1);
-        await page.mouse.move(1, 1);
+        await page.mouse.move(1, 1, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("se-resize");
 
         // Top
-        await page.mouse.move(x, 1);
-        await page.mouse.move(x, 0);
+        await page.mouse.move(x, 0, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("s-resize");
 
         // Top right
-        await page.mouse.move(999, 1);
-        await page.mouse.move(1000, 1);
+        await page.mouse.move(1000, 1, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("sw-resize");
 
         // Right
-        await page.mouse.move(950, y);
-        await page.mouse.move(975, y);
+        await page.mouse.move(975, y, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("w-resize");
 
         // Bottom right
-        await page.mouse.move(1000, 599);
-        await page.mouse.move(1000, 600);
+        await page.mouse.move(1000, 600, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("nw-resize");
 
         // Bottom
-        await page.mouse.move(x, 599);
-        await page.mouse.move(x, 600);
+        await page.mouse.move(x, 600, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("n-resize");
 
         // Bottom left
-        await page.mouse.move(1, 599);
-        await page.mouse.move(1, 600);
+        await page.mouse.move(1, 600, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("ne-resize");
 
         // Left
-        await page.mouse.move(50, y);
-        await page.mouse.move(25, y);
+        await page.mouse.move(25, y, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("e-resize");
 
         // Centered
-        await page.mouse.move(x, y);
+        await page.mouse.move(x, y, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("move");
@@ -210,15 +203,15 @@ test.describe("cursor", () => {
         ).toBe("auto");
 
         // Centered
-        await page.mouse.move(x, y);
+        await page.mouse.move(x, y, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("move");
 
         await page.mouse.down();
 
         // Moving only in one dimension should not affect the cursor
-        await page.mouse.move(x, y - 25);
+        await page.mouse.move(x, y - 25, moveConfig);
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("move");
@@ -242,7 +235,7 @@ test.describe("cursor", () => {
           await page.evaluate(() => getComputedStyle(document.body).cursor)
         ).toBe("auto");
 
-        await page.mouse.move(x, y);
+        await page.mouse.move(x, y, moveConfig);
 
         expect(
           await page.evaluate(() => getComputedStyle(document.body).cursor)