office-ui-fabric-react/lib/components/ColorPicker/ColorPicker.test.js

Reusable React components for building experiences for Office 365.

"use strict";
/* tslint:disable:no-unused-variable */
var React = require('react');
/* tslint:enable:no-unused-variable */
var ReactTestUtils = require('react-addons-test-utils');
var ColorPicker_1 = require('./ColorPicker');
var expect = chai.expect;
describe('ColorPicker', function () {
    it('Props are correctly parsed', function () {
        var component = ReactTestUtils.renderIntoDocument(React.createElement(ColorPicker_1.ColorPicker, {color: '#FFFFFF'}));
        expect(component.state.color.hex).to.equal('ffffff');
    });
    it('Reacts to props changes', function () {
        var component = ReactTestUtils.renderIntoDocument(React.createElement(ColorPicker_1.ColorPicker, {color: '#FFFFFF'}));
        component.componentWillReceiveProps({ color: '#AEAEAE' });
        expect(component.state.color.hex).to.equal('aeaeae');
    });
    it('onColorChange is called', function () {
        var color = '#FFFFFF';
        var component = ReactTestUtils.renderIntoDocument(React.createElement(ColorPicker_1.ColorPicker, {color: color, onColorChanged: function (str) { return color = str; }}));
        var newColor = '#AEAEAE';
        component.componentWillReceiveProps({ color: newColor });
        expect(component.state.color.hex).to.equal('aeaeae');
        expect(color).to.equal(newColor);
    });
});

//# sourceMappingURL=ColorPicker.test.js.map