feat: LEAP-439: Add pixel waiting functions in ImageView (#25)

* Add pixel waiting functions in ImageView

Two new functions, waitForPixel and waitForPixelRelative, were added. These functions allow the system to wait for a specific pixel color to appear. The waitForPixel waits for an absolute pixel position, while the waitForPixelRelative waits for a relative pixel position based on the element's bounding box.

* Refactor `waitForPixel` method in ImageView

This commit simplifies the `waitForPixel` method in `ImageView`. The changes improve the code readability without changing its functionality. The setTimeout mechanism for pixel color verification is replaced with a more straightforward recursive promise based approach.

helpers/LSF/ImageView.ts

@@ -201,6 +201,27 @@ export const ImageView = {
   pixelRelativeShouldBe(x: number, y: number, color: string) {
     this.getPixelRelative(x, y).should('equal', color);
   },
+  waitForPixel(x: number, y: number, color: string, { timeout = 1000, attempts = 10, delayBetweenAttempts = 100 } = {}) {
+    const timeEdge = Date.now() + timeout;
+    const waitForPixel = (attemptsLeft) => {
+      return this.getPixel(x, y).then(pixel => {
+        if (pixel === color || timeEdge < Date.now() || !attemptsLeft) {
+          return pixel;
+        } else {
+          return cy.wait(delayBetweenAttempts).then(() => waitForPixel(attemptsLeft - 1));
+        }
+      });
+    };
+
+    waitForPixel(attempts).should('equal', color);
+  },
+  waitForPixelRelative(x: number, y: number, color: string, options?: { timeout?: number, times?: number }) {
+    this.drawingFrame.then(el => {
+      const bbox: DOMRect = el[0].getBoundingClientRect();
+
+      this.waitForPixel(x * bbox.width, y * bbox.height, color, options);
+    });
+  },
   /**
    * Captures a screenshot of an element to compare later
    * @param {string} name name of the screenshot