d2-ui/node_modules-react-15/react-color/test/compact/Compact.test.js

d2-ui

'use strict'

import { React, TestUtils, expect, chai, spies, defaultProps } from '../config'

import { Compact } from '../../src/components/compact/Compact'
import CompactColor from '../../src/components/compact/CompactColor'

let props

describe('Compact', () => {

  beforeEach(() => {
    props = defaultProps
  })

  it('should be able to take custom swatches', () => {
    const CompactComponent = TestUtils.renderIntoDocument(<Compact {...props} colors={['#fff', '#999', '#222']} />)
    let colors = TestUtils.scryRenderedComponentsWithType(CompactComponent, CompactColor)

    expect(CompactComponent.props.colors).to.exist
    expect(colors.length).to.equal(3)
  })

  it('should pass up data on change', () => {
    props.onChange = chai.spy((data) => {
      expect(data.hex).to.eql('#333')
    })
    const CompactComponent = TestUtils.renderIntoDocument(<Compact {...props} colors={['#fff', '#999', '#222']} />)
    CompactComponent.handleChange({ hex: '#333' })
    expect(props.onChange).to.have.been.called
  })
})