Dont change delay when running chromatic

apollographql · Nov 18, 2019 · 8431303 · 8431303
1 parent 0698241
commit 8431303
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/Loaders/LoadingSpinner.tsx b/src/Loaders/LoadingSpinner.tsx
@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React from "react";
 import * as CSS from "csstype";
+import isChromatic from "storybook-chromatic/isChromatic";
 import { jsx, keyframes } from "@emotion/core";
 import { colors } from "../colors";
 
@@ -74,7 +75,7 @@ export const LoadingSpinner: React.FC<Props> = ({
   const pixelSize = SIZE_MAP[size];
 
   const mountTime = React.useRef(Date.now());
-  const mountDelay = -(mountTime.current % 540);
+  const mountDelay = isChromatic() ? 0 : -(mountTime.current % 540);
 
   return (
     <svg

diff --git a/typings/storybook-chromatic__isChromatic/index.d.ts b/typings/storybook-chromatic__isChromatic/index.d.ts
@@ -0,0 +1,4 @@
+declare module "storybook-chromatic/isChromatic" {
+  const isChromatic: () => boolean;
+  export default isChromatic;
+}