✨ Are more visual regression tests for wasm (#6702)

frontend/playwright/ui/pages/BasePage.js

@@ -23,9 +23,41 @@ export class BasePage {
     );
   }
 
+  static async mockFileMediaAsset(page, assetId, assetFilename, options) {
+    const ids = Array.isArray(assetId) ? assetId : [assetId];
+
+    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 mockAsset(page, assetId, assetFilename, options) {
     const ids = Array.isArray(assetId) ? assetId : [assetId];
 
+    for (const id of ids) {
+      const url = `**/assets/by-id/${id}`;
+
+      await page.route(url, (route) =>
+        route.fulfill({
+          path: `playwright/data/${assetFilename}`,
+          status: 200,
+          ...options,
+        }),
+      );
+    }
+  }
+
+  static async mockFileMediaAsset(page, assetId, assetFilename, options) {
+    const ids = Array.isArray(assetId) ? assetId : [assetId];
+
     for (const id of ids) {
       const url = `**/assets/by-file-media-id/${id}`;
 
@@ -68,6 +100,15 @@ export class BasePage {
     return BasePage.mockConfigFlags(this.page, flags);
   }
 
+  async mockFileMediaAsset(assetId, assetFilename, options) {
+    return BasePage.mockFileMediaAsset(
+      this.page,
+      assetId,
+      assetFilename,
+      options,
+    );
+  }
+
   async mockAsset(assetId, assetFilename, options) {
     return BasePage.mockAsset(this.page, assetId, assetFilename, options);
   }

frontend/playwright/ui/pages/WasmWorkspacePage.js

@@ -28,4 +28,25 @@ export class WasmWorkspacePage extends WorkspacePage {
       return window.wasmSetObjectsFinished;
     });
   }
+
+  static async mockGoogleFont(page, fontSlug, assetFilename, options = {}) {
+    const url = new RegExp(`/internal/gfonts/font/${fontSlug}`);
+    return await page.route(url, (route) =>
+      route.fulfill({
+        status: 200,
+        path: `playwright/data/${assetFilename}`,
+        contentType: "application/font-ttf",
+        ...options,
+      }),
+    );
+  }
+
+  async mockGoogleFont(fontSlug, assetFilename, options) {
+    return WasmWorkspacePage.mockGoogleFont(
+      this.page,
+      fontSlug,
+      assetFilename,
+      options,
+    );
+  }
 }