Fix and test Material-style picker

hmeerlo · May 11, 2016 · dfcc2df · dfcc2df
1 parent 1bc5c91
commit dfcc2df
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/src/components/material/Material.js b/src/components/material/Material.js
@@ -105,7 +105,7 @@ export class Material extends ReactCSS.Component {
     return (
       <Raised>
         <div is="material">
-          <EditableInput is="Hex" label="hex" value={ '#' + this.props.hex } onChange={ this.handleChange } />
+          <EditableInput is="Hex" label="hex" value={ this.props.hex } onChange={ this.handleChange } />
           <div is="split" className="flexbox-fix">
             <div is="third">
               <EditableInput is="Input" label="r" value={ this.props.rgb.r } onChange={ this.handleChange } />

diff --git a/test/material/Material.test.js b/test/material/Material.test.js
@@ -0,0 +1,22 @@
+'use strict'
+
+import { React, ReactDOM, TestUtils, expect, chai, spies, defaultProps } from '../config'
+
+import { Material } from '../../src/components/material/Material'
+import { EditableInput } from '../../src/components/common'
+
+let props
+
+describe('Material', () => {
+
+  beforeEach(() => {
+    props = defaultProps
+  })
+
+  it('should render hex with only one hash', () => {
+    const MaterialComponent = TestUtils.renderIntoDocument(<Material {...props} />)
+    const hexInput = TestUtils.scryRenderedComponentsWithType(MaterialComponent, EditableInput)
+        .filter(input => input.props.label === 'hex')[0]
+    expect(hexInput.props.value).to.equal('#194d33')
+  })
+})