fix(video-player-web): ensure video widget is scrolled into view and wait for data readiness

Author: samuelreichert

packages/pluggableWidgets/video-player-web/e2e/VideoPlayer.spec.js

@@ -1,4 +1,5 @@
 import { test, expect } from "@mendix/run-e2e/fixtures";
+import { waitForDataReady } from "@mendix/run-e2e/mendix-helpers";
 
 test.describe("Video Player", () => {
     test.beforeEach(async ({ page }) => {
@@ -108,18 +109,10 @@ test.describe("External video", () => {
     test("renders a poster", async ({ page }) => {
         const widget = page.locator(".widget-video-player");
         const videoLocator = page.locator(".widget-video-player video");
+        await widget.scrollIntoViewIfNeeded();
         await expect(widget).toBeVisible();
         await expect(videoLocator).toHaveAttribute("poster", /.+/);
-        const posterUrl = await videoLocator.getAttribute("poster");
-        await page.evaluate(url => {
-            return new Promise(resolve => {
-                const img = new Image();
-                img.onload = () => resolve(undefined);
-                img.onerror = () => resolve(undefined);
-                img.src = url;
-                if (img.complete && img.naturalWidth !== 0) resolve(undefined);
-            });
-        }, posterUrl);
+        await waitForDataReady(page);
         await expect(widget).toHaveScreenshot("videoPlayerExternalPoster.png");
     });