🔧 Set up playwright project for render wasm

frontend/playwright/ui/pages/BasePage.js

@@ -23,6 +23,29 @@ export class BasePage {
     );
   }
 
+  static async mockAsset(page, assetId, assetFilename, options) {
+    const url = `**/assets/by-file-media-id/${assetId}`;
+
+    return page.route(url, (route) =>
+      route.fulfill({
+        path: `playwright/data/${assetFilename}`,
+        status: 200,
+        ...options,
+      }),
+    );
+  }
+
+  static async mockConfigFlags(page, flags) {
+    const url = "**/js/config.js?ts=*";
+    return await page.route(url, (route) =>
+      route.fulfill({
+        status: 200,
+        contentType: "application/javascript",
+        body: `var penpotFlags = "${flags.join(" ")}";`,
+      }),
+    );
+  }
+
   #page = null;
 
   constructor(page) {
@@ -38,14 +61,11 @@ export class BasePage {
   }
 
   async mockConfigFlags(flags) {
-    const url = "**/js/config.js?ts=*";
-    return await this.page.route(url, (route) =>
-      route.fulfill({
-        status: 200,
-        contentType: "application/javascript",
-        body: `var penpotFlags = "${flags.join(" ")}";`,
-      }),
-    );
+    return BasePage.mockConfigFlags(this.page, flags);
+  }
+
+  async mockAsset(assetId, assetFilename, options) {
+    return BasePage.mockAsset(this.page, assetId, assetFilename, options);
   }
 }