d2-ui/src/text-field/__tests__/TextField.spec.js

d2-ui

import React from 'react';
import { shallow } from 'enzyme';
import MuiTextField from 'material-ui/TextField';
import { getStubContext } from '../../../config/inject-theme';
import TextField from '../TextField';

describe('TextField', () => {
    const renderWithProps = (props) => {
        const nops = {
            onChange: () => {},
            ...props,
        };
        return shallow(<TextField {...nops} />, {
            context: getStubContext(),
        });
    };

    it('should render a MUI TextField', () => {
        expect(renderWithProps({}).type()).toBe(MuiTextField);
    });

    it('should add a class name', () => {
        expect(renderWithProps({}).props().className).toMatch('d2-ui-textfield');
    });

    it('should add a custom class name when a selector is passed', () => {
        expect(renderWithProps({ selector: 'my-textfield' }).props().className).toMatch('d2-ui-textfield-my-textfield');
    });

    it('should set floatingLabelText when label is passed', () => {
        expect(renderWithProps({ label: 'My label' }).props().floatingLabelText).toEqual('My label');
    });

    it('should call onChange function when a field content is changed', () => {
        const onChangeSpy = jest.fn();

        renderWithProps({ onChange: onChangeSpy }).props().onChange({}, 'my text');
        expect(onChangeSpy).toHaveBeenCalledWith('my text');
    });

    it('should render the MUITextField with the correct properties', () => {
        const props = {
            multiline: true,
            fullWidth: true,
            rows: 2,
            rowsMax: 4,
            placeholder: 'Getting warmer',
        };

        const muiField = renderWithProps(props).find(MuiTextField);

        expect(muiField.props().multiLine).toEqual(props.multiline);
        expect(muiField.props().fullWidth).toEqual(props.fullWidth);
        expect(muiField.props().hintText).toEqual(props.placeholder);
        expect(muiField.props().rows).toEqual(props.rows);
        expect(muiField.props().rowsMax).toEqual(props.rowsMax);
    });
});