use snapshot tests for ui-component stories

scm-ui/ui-components/src/buttons/Button.stories.js

@@ -4,7 +4,19 @@ import { storiesOf } from "@storybook/react";
 import StoryRouter from "storybook-react-router";
 import styled from "styled-components";
 
-const colors = ["primary", "success", "info", "warning", "danger", "black"];
+const colors = [
+  "primary",
+  "link",
+  "info",
+  "success",
+  "warning",
+  "danger",
+  "white",
+  "light",
+  "dark",
+  "black",
+  "text"
+];
 
 const Spacing = styled.div`
   padding: 1em;
@@ -15,7 +27,7 @@ storiesOf("Button", module)
   .add("Colors", () => (
     <div>
       {colors.map(color => (
-        <Spacing>
+        <Spacing key={color}>
           <Button color={color} label={color} />
         </Spacing>
       ))}