Fix the image cell snapshot wrapper

WordPress · Sep 18, 2024 · 07def70 · 07def70
1 parent effb9d2
commit 07def70
Show file tree

Hide file tree

Showing 18 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/components/VImageCell/meta/VImageCell.stories.ts b/frontend/src/components/VImageCell/meta/VImageCell.stories.ts
@@ -19,7 +19,9 @@ export const Default: Story = {
     components: { VImageCell },
     setup() {
       return () =>
-        h("ol", { class: "flex flex-wrap gap-4" }, [h(VImageCell, args)])
+        h("div", { class: "p-2 image-wrapper max-w-80" }, [
+          h("ol", { class: "flex flex-wrap gap-4" }, [h(VImageCell, args)]),
+        ])
     },
   }),
   name: "VImageCell",

diff --git a/frontend/test/storybook/visual-regression/v-image-cell.spec.ts b/frontend/test/storybook/visual-regression/v-image-cell.spec.ts
@@ -12,7 +12,7 @@ const imageCell = "a[itemprop='contentUrl']"
 const imageCellImage = `${imageCell} img`
 // Necessary to make sure we can capture the focus state, which
 // exceeds the bounds of the actual component
-const screenshotEl = ".sb-main-padded"
+const screenshotEl = ".image-wrapper"
 
 const urlWithArgs = makeUrlWithArgs("components-vimagecell--default")
 

diff --git a/...ell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xl-light-linux.png b/...ell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xl-light-linux.png
diff --git a/...ell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-light-linux.png b/...ell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-light-linux.png
diff --git a/...-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xl-light-linux.png b/...-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xl-light-linux.png
diff --git a/...-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-light-linux.png b/...-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-light-linux.png
diff --git a/...-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xl-light-linux.png b/...-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xl-light-linux.png
diff --git a/...-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-light-linux.png b/...-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-light-linux.png
diff --git a/...v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xl-light-linux.png b/...v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xl-light-linux.png
diff --git a/...v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-light-linux.png b/...v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-light-linux.png
diff --git a/...e-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xl-light-linux.png b/...e-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xl-light-linux.png
diff --git a/...e-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-light-linux.png b/...e-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-light-linux.png
diff --git a/...n/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xl-light-linux.png b/...n/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xl-light-linux.png
diff --git a/...n/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-light-linux.png b/...n/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-light-linux.png
diff --git a/...n/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xl-light-linux.png b/...n/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xl-light-linux.png
diff --git a/...n/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-light-linux.png b/...n/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-light-linux.png
diff --git a/...on/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xl-light-linux.png b/...on/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xl-light-linux.png
diff --git a/...on/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xs-light-linux.png b/...on/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xs-light-linux.png