diff --git a/frontend/playwright/ui/pages/BasePage.js b/frontend/playwright/ui/pages/BasePage.js
index 24439482a..f868e93bc 100644
--- a/frontend/playwright/ui/pages/BasePage.js
+++ b/frontend/playwright/ui/pages/BasePage.js
@@ -24,15 +24,19 @@ export class BasePage {
   }
 
   static async mockAsset(page, assetId, assetFilename, options) {
-    const url = `**/assets/by-file-media-id/${assetId}`;
+    const ids = Array.isArray(assetId) ? assetId : [assetId];
 
-    return page.route(url, (route) =>
-      route.fulfill({
-        path: `playwright/data/${assetFilename}`,
-        status: 200,
-        ...options,
-      }),
-    );
+    for (const id of ids) {
+      const url = `**/assets/by-file-media-id/${id}`;
+
+      await page.route(url, (route) =>
+        route.fulfill({
+          path: `playwright/data/${assetFilename}`,
+          status: 200,
+          ...options,
+        }),
+      );
+    }
   }
 
   static async mockConfigFlags(page, flags) {
diff --git a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js
index b35959985..dacff71cc 100644
--- a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js
+++ b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js
@@ -31,11 +31,10 @@ test("Renders a file with solid, gradient and image fills", async ({
   const workspace = new WasmWorkspacePage(page);
   await workspace.setupEmptyFile();
   await workspace.mockAsset(
-    "1ebcea38-f1bf-8101-8006-4c8fd68e7c84",
-    "render-wasm/assets/penguins.jpg",
-  );
-  await workspace.mockAsset(
-    "1ebcea38-f1bf-8101-8006-4c8f579da49c",
+    [
+      "1ebcea38-f1bf-8101-8006-4c8fd68e7c84",
+      "1ebcea38-f1bf-8101-8006-4c8f579da49c",
+    ],
     "render-wasm/assets/penguins.jpg",
   );
   await workspace.mockGetFile("render-wasm/get-file-shapes-fills.json");
@@ -53,15 +52,11 @@ test("Renders a file with strokes", async ({ page }) => {
   const workspace = new WasmWorkspacePage(page);
   await workspace.setupEmptyFile();
   await workspace.mockAsset(
-    "202c1104-9385-81d3-8006-5074e4682cac",
-    "render-wasm/assets/penguins.jpg",
-  );
-  await workspace.mockAsset(
-    "202c1104-9385-81d3-8006-5074c50339b6",
-    "render-wasm/assets/penguins.jpg",
-  );
-  await workspace.mockAsset(
-    "202c1104-9385-81d3-8006-507560ce29e3",
+    [
+      "202c1104-9385-81d3-8006-5074e4682cac",
+      "202c1104-9385-81d3-8006-5074c50339b6",
+      "202c1104-9385-81d3-8006-507560ce29e3",
+    ],
     "render-wasm/assets/penguins.jpg",
   );
   await workspace.mockGetFile("render-wasm/get-file-shapes-strokes.json");