diff --git a/tests/mobile-homepage.spec.js b/tests/mobile-homepage.spec.js index 2d9f1b3..fba893a 100644 --- a/tests/mobile-homepage.spec.js +++ b/tests/mobile-homepage.spec.js @@ -651,6 +651,19 @@ test("Our Work restores its tablet layout at 768px", async ({ page }) => { await expect(inner).toHaveCSS("padding-left", "38.4px"); await expect(vector).toHaveCSS("width", "768px"); await expect(block.locator(".our-work__vector-mobile")).toBeHidden(); + // Force lazy-loaded image to start fetching before reading its source. + await expect(vector).toBeVisible(); + await vector.evaluate( + (image) => + /** @type {HTMLImageElement} */ (image).complete || + new Promise((resolve) => { + /** @type {HTMLImageElement} */ (image).addEventListener( + "load", + () => resolve(undefined), + { once: true }, + ); + }), + ); expect( await vector.evaluate( (image) => /** @type {HTMLImageElement} */ (image).currentSrc,