diff --git a/package.json b/package.json
index 5303286..efba0e7 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "react-scripts test",
+    "test": "react-scripts test components",
     "eject": "react-scripts eject",
     "predeploy": "npm run build",
     "deploy": "gh-pages -d build"
diff --git a/src/components/ColorBox/__tests__/__snapshots__/ColorBox.test.js.snap b/src/components/ColorBox/__tests__/__snapshots__/ColorBox.test.js.snap
index b6f61c0..fe284fe 100644
--- a/src/components/ColorBox/__tests__/__snapshots__/ColorBox.test.js.snap
+++ b/src/components/ColorBox/__tests__/__snapshots__/ColorBox.test.js.snap
@@ -1,9 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ColorBox should render properly 1`] = `
-"<ClipboardButton data-clipboard-text=\\"#bbb\\" style={{...}} onClick={[Function: onClick]}>
-  <div id=\\"#bbb\\" className=\\"div-colorbox\\" style={{...}} onClick={[Function: setCopySucess]}>
-    #bbb
-  </div>
+"<ClipboardButton data-clipboard-text={[undefined]} style={{...}} onClick={[Function: onClick]}>
+  <div id={[undefined]} className=\\"div-colorbox\\" style={{...}} onClick={[Function: setCopySuccess]} />
 </ClipboardButton>"
 `;
diff --git a/src/components/ColorBoxContainer/__tests__/ColorBoxContainer.test.js b/src/components/ColorBoxContainer/__tests__/ColorBoxContainer.test.js
index 32c4c5d..1b03cc8 100644
--- a/src/components/ColorBoxContainer/__tests__/ColorBoxContainer.test.js
+++ b/src/components/ColorBoxContainer/__tests__/ColorBoxContainer.test.js
@@ -7,7 +7,10 @@ Enzyme.configure({ adapter: new Adapter() });
 
 describe("ColorBoxContainer", () => {
   it("should render properly", () => {
-    const wrapper = shallow(<ColorBoxContainer colors={['red', 'green']} />);
+    const wrapper = shallow(<ColorBoxContainer colors={[
+      { colorName: "Summer Sky", colorCode: "#3498DB" },
+      { colorName: "Steel Blue", colorCode: "#487EB0" }
+    ]} />);
     expect(wrapper.debug()).toMatchSnapshot();
   });
 });
diff --git a/src/components/ColorBoxContainer/__tests__/__snapshots__/ColorBoxContainer.test.js.snap b/src/components/ColorBoxContainer/__tests__/__snapshots__/ColorBoxContainer.test.js.snap
index 8130b04..c163854 100644
--- a/src/components/ColorBoxContainer/__tests__/__snapshots__/ColorBoxContainer.test.js.snap
+++ b/src/components/ColorBoxContainer/__tests__/__snapshots__/ColorBoxContainer.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`ColorBoxContainer should render properly 1`] = `
 "<div className=\\"div-color-container\\">
-  <ColorBox haxCode=\\"red\\" />
-  <ColorBox haxCode=\\"green\\" />
+  <ColorBox hexCode=\\"#3498DB\\" colorName=\\"Summer Sky\\" />
+  <ColorBox hexCode=\\"#487EB0\\" colorName=\\"Steel Blue\\" />
 </div>"
 `;