Fix storybook v-image-cell test (#3174)

* Use local image for v-image-cell test * Update snapshots
WordPress · Oct 10, 2023 · 9a95495 · 9a95495
1 parent 079ad31
commit 9a95495
Show file tree

Hide file tree

Showing 19 changed files with 6 additions and 5 deletions.
diff --git a/frontend/src/components/VImageCell/VImageCell.vue b/frontend/src/components/VImageCell/VImageCell.vue
@@ -78,7 +78,11 @@ import VLink from "~/components/VLink.vue"
 import errorImage from "~/assets/image_not_available_placeholder.png"
 
 const toAbsolutePath = (url: string, prefix = "https://") => {
-  if (url.indexOf("http://") >= 0 || url.indexOf("https://") >= 0) {
+  if (
+    url.startsWith("http://") ||
+    url.startsWith("https://") ||
+    url === "/openverse-default.jpg"
+  ) {
     return url
   }
   return `${prefix}${url}`

diff --git a/frontend/src/components/VImageCell/meta/VImageCell.stories.mdx b/frontend/src/components/VImageCell/meta/VImageCell.stories.mdx
@@ -7,7 +7,6 @@ import {
 } from "@storybook/addon-docs"
 import VImageCell from "~/components/VImageCell/VImageCell.vue"
 import { image } from "~~/test/unit/fixtures/image"
-import { base64Image } from "~~/test/unit/fixtures/base64Image"
 
 <Meta title="Components/VImageCell" components={VImageCell} />
 
@@ -49,7 +48,7 @@ export const Template = (args, { argTypes }) => ({
     }}
     args={{
       aspectRatio: "intrinsic",
-      image: { ...image, url: base64Image },
+      image: { ...image, thumbnail: "/openverse-default.jpg" },
     }}
   >
     {Template.bind({})}

diff --git a/...mage-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xl-linux.png b/...mage-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xl-linux.png
diff --git a/...mage-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-linux.png b/...mage-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-linux.png
diff --git a/...sion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xl-linux.png b/...sion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xl-linux.png
diff --git a/...sion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-linux.png b/...sion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-linux.png
diff --git a/...sion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xl-linux.png b/...sion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xl-linux.png
diff --git a/...sion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-linux.png b/...sion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-linux.png
diff --git a/...ssion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xl-linux.png b/...ssion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xl-linux.png
diff --git a/...ssion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-linux.png b/...ssion/v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-linux.png
diff --git a/...v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xl-linux.png b/...v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xl-linux.png
diff --git a/...v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-linux.png b/...v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-linux.png
diff --git a/...ression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xl-linux.png b/...ression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xl-linux.png
diff --git a/...ression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-linux.png b/...ression/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-linux.png
diff --git a/...ression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xl-linux.png b/...ression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xl-linux.png
diff --git a/...ression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-linux.png b/...ression/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-linux.png
diff --git a/...gression/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xl-linux.png b/...gression/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xl-linux.png
diff --git a/...gression/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xs-linux.png b/...gression/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xs-linux.png
diff --git a/frontend/test/unit/fixtures/base64Image.js b/frontend/test/unit/fixtures/base64Image.js