d2-ui/src/expression-manager/__tests__/ExpressionDescription.spec.js

d2-ui

import React from 'react';
import { shallow } from 'enzyme';
import TextField from 'material-ui/TextField/TextField';
import ExpressionDescription from '../ExpressionDescription';

describe('ExpressionDescription component', () => {
    let expressionDescriptionComponent;
    let onDescriptionChangeSpy;

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

    beforeEach(() => {
        onDescriptionChangeSpy = jest.fn();
        expressionDescriptionComponent = renderComponent({
            onDescriptionChange: onDescriptionChangeSpy,
            descriptionLabel: 'Numerator description',
            descriptionValue: 'My indicator numerator description',
        });
    });

    it('should have the component name as a class', () => {
        expect(expressionDescriptionComponent.hasClass('expression-description')).toBe(true);
    });

    it('should render a textfield for description', () => {
        expect(expressionDescriptionComponent.find(TextField)).toHaveLength(1);
    });

    describe('description field', () => {
        let descriptionComponent;

        beforeEach(() => {
            descriptionComponent = expressionDescriptionComponent.find(TextField);
        });

        it('should render the passed descriptionValue as the value of the TextField', () => {
            expect(descriptionComponent.props().value).toBe('My indicator numerator description');
        });

        it('should have the a floatingLabelText that equals the descriptionLabel property', () => {
            expect(descriptionComponent.props().floatingLabelText).toBe('Numerator description');
        });

        it('should set the value of the description onto the state after change', () => {
            descriptionComponent.simulate('change', {
                target: {
                    value: 'My indicator expression description',
                },
            });

            expect(onDescriptionChangeSpy).toHaveBeenCalledWith('My indicator expression description');
        });
    });
});