From ba1fd6a815d30d9ced98edda4d35d62d59a486fc Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Fri, 7 Jul 2023 15:00:30 -0700
Subject: [PATCH] test(stack): stabilize screenshot tests

Set thumbnail image locally for consistency
---
 .../src/components/stack/stack.stories.ts                | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/calcite-components/src/components/stack/stack.stories.ts b/packages/calcite-components/src/components/stack/stack.stories.ts
index 8494bda2c23..56e155ff568 100644
--- a/packages/calcite-components/src/components/stack/stack.stories.ts
+++ b/packages/calcite-components/src/components/stack/stack.stories.ts
@@ -1,4 +1,5 @@
 import { modesDarkDefault } from "../../../.storybook/utils";
+import { placeholderImage } from "../../../.storybook/placeholderImage";
 import readme from "./readme.md";
 import { html } from "../../../support/formatting";
 import { storyFilters } from "../../../.storybook/helpers";
@@ -11,10 +12,12 @@ export default {
   ...storyFilters()
 };
 
+const thumbnailImage = placeholderImage({ width: 44, height: 44 });
+
 const simpleHTML = html`<calcite-stack>
   <calcite-action appearance="transparent" text="banana" icon="banana" slot="actions-start"></calcite-action>
   Hello World
-  <calcite-avatar slot="content-end" thumbnail="http://placekitten.com/105/105" scale="s"> </calcite-avatar>
+  <calcite-avatar slot="content-end" thumbnail="${thumbnailImage}" scale="s"> </calcite-avatar>
   <calcite-chip slot="content-start" value="chip" scale="s" appearance="outline">My great chip</calcite-chip>
   <calcite-action appearance="transparent" text="Close" icon="x" slot="actions-end"></calcite-action>
 </calcite-stack>`;
@@ -27,7 +30,7 @@ simpleDarkMode_TestOnly.parameters = { modes: modesDarkDefault };
 export const disabled_TestOnly = (): string => html`<calcite-stack disabled>
   <calcite-action appearance="transparent" text="banana" icon="banana" slot="actions-start"></calcite-action>
   Hello World
-  <calcite-avatar slot="content-end" thumbnail="http://placekitten.com/105/105" scale="s"> </calcite-avatar>
+  <calcite-avatar slot="content-end" thumbnail="${thumbnailImage}" scale="s"> </calcite-avatar>
   <calcite-chip slot="content-start" value="chip" scale="s" appearance="outline">My great chip</calcite-chip>
   <calcite-action appearance="transparent" text="Close" icon="x" slot="actions-end"></calcite-action>
 </calcite-stack>`;
@@ -38,7 +41,7 @@ export const panelFooter_TestOnly = (): string => html`<calcite-panel>
   <calcite-stack slot="footer">
     <calcite-action text="select" icon="check" slot="actions-start"></calcite-action>
     <calcite-input disabled></calcite-input>
-    <calcite-avatar slot="content-start" thumbnail="http://placekitten.com/105/105" scale="s"> </calcite-avatar>
+    <calcite-avatar slot="content-start" thumbnail="${thumbnailImage}" scale="s"> </calcite-avatar>
     <calcite-chip slot="content-end" value="chip" scale="s" appearance="outline">My great chip</calcite-chip>
     <calcite-action text="delete" icon="trash" slot="actions-end"></calcite-action>
   </calcite-stack>