[Fix] Stabilize snapshots (#10774)

* hardcode vars for storybook * format code to force snapshot change
GCTC-NTGC · Jun 25, 2024 · f08585e · f08585e
1 parent 1ed0a49
commit f08585e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/apps/web/src/components/Footer/Footer.tsx b/apps/web/src/components/Footer/Footer.tsx
@@ -60,9 +60,11 @@ const Footer = ({ width }: FooterProps) => {
       }),
     },
   ];
+
   let footerWidth = {
     "data-h2-container": "base(center, large, x1) p-tablet(center, large, x2)",
   };
+
   if (width === "full") {
     footerWidth = {
       "data-h2-container": "base(center, full, x1) p-tablet(center, full, x2)",

diff --git a/packages/storybook-helpers/main.ts b/packages/storybook-helpers/main.ts
@@ -36,8 +36,20 @@ const main: StorybookConfig = {
   // REF: https://stackoverflow.com/questions/77540892/chromatic-github-action-is-failing
   viteFinal(config) {
     config.plugins = (config.plugins ?? []).filter(
-      (plugin) => plugin && "name" in plugin && plugin.name !== "vite:dts",
+      (plugin) =>
+        plugin &&
+        "name" in plugin &&
+        plugin.name !== "vite:dts" &&
+        // Filter out git version plugin to hardcode for
+        // Stable snapshots
+        plugin.name !== "git-version",
     );
+    config.define = {
+      ...config.define,
+      // Hardcode vars for stable snapshots
+      BUILD_DATE: JSON.stringify("1970-01-01"),
+      VERSION: JSON.stringify("v1.0.0"),
+    };
     return config;
   },
 };