d2-ui/test/indicator-expression-manager/ExpressionOperators.component.test.js

d2-ui

import React from 'react';
import injectTheme from '../../config/inject-theme';
import ExpressionOperators from '../../src/indicator-expression-manager/ExpressionOperators.component';
import FlatButton from 'material-ui/FlatButton/FlatButton';
import {shallow} from 'enzyme';

describe('ExpressionOperators component', () => {
    let expressionOperatorsComponent;
    let addOperatorCallback;

    function renderComponent(props = {}) {
        return shallow(<ExpressionOperators {...props} />);
    }

    beforeEach(() => {
        addOperatorCallback = spy();

        expressionOperatorsComponent = renderComponent({
           operatorClicked: addOperatorCallback,
        });
    });

    it('should have the component name as a class', () => {
        expect(expressionOperatorsComponent.hasClass('expression-operators')).to.be.true;
    });

    it('should render an IconButtons for each of the operators', () => {
        const buttons = expressionOperatorsComponent.find(FlatButton);

        expect(buttons).to.have.length(7);
    });

    describe('operator buttons', () => {
        let buttons;

        beforeEach(() => {
            buttons = expressionOperatorsComponent.find(FlatButton);
        });

        it('should call callback with "("', () => {
            buttons.at(0).simulate('click');

            expect(addOperatorCallback).to.be.calledWith('(');
        });

        it('should call callback with ")"', () => {
            buttons.at(1).simulate('click');

            expect(addOperatorCallback).to.be.calledWith(')');
        });

        it('should call callback with "*"', () => {
            buttons.at(2).simulate('click');

            expect(addOperatorCallback).to.be.calledWith(' * ');
        });

        it('should call callback with "/"', () => {
            buttons.at(3).simulate('click');

            expect(addOperatorCallback).to.be.calledWith(' / ');
        });

        it('should call callback with "+"', () => {
            buttons.at(4).simulate('click');

            expect(addOperatorCallback).to.be.calledWith(' + ');
        });

        it('should call callback with "-"', () => {
            buttons.at(5).simulate('click');

            expect(addOperatorCallback).to.be.calledWith(' - ');
        });

        it('should call callback with "[days]"', () => {
            buttons.at(6).simulate('click');

            expect(addOperatorCallback).to.be.calledWith(' [days] ');
        });
    });
});