From 418f2f64eb46cb95308036313ff988ff261aa3f0 Mon Sep 17 00:00:00 2001
From: literat <tomas@litera.me>
Date: Fri, 21 Jun 2024 22:25:59 +0200
Subject: [PATCH] Test: Wait for images to be loaded in e2e tests

---
 tests/e2e/demo-components-compare.spec.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/tests/e2e/demo-components-compare.spec.ts b/tests/e2e/demo-components-compare.spec.ts
index 1830534dbc..f0c829ac73 100644
--- a/tests/e2e/demo-components-compare.spec.ts
+++ b/tests/e2e/demo-components-compare.spec.ts
@@ -39,6 +39,12 @@ const runComponentCompareTests = (testConfig) => {
           );
           // wait for fonts to load
           await page.evaluate(() => document.fonts.ready);
+          // wait for images to load
+          await page.waitForFunction(() => {
+            const images = Array.from(document.querySelectorAll('img'));
+
+            return images.every((img) => img.complete);
+          });
           // wait for transitions to finish
           await page.waitForLoadState();
           // disable animations to avoid flaky screenshots