box-ui-elements-mlh/src/components/i18n/__tests__/Param.test.js

Box UI Elements

import React from 'react';
import { render } from 'enzyme';

import Param from '../Param';

// tests the Param component by itself... Normally this should appear
// inside of a FormattedCompMessage, as it wouldn't be too useful
// outside of it.
describe('components/i18n/Param', () => {
    test('should correctly render its string argument', () => {
        const wrapper = render(
            <span>
                <Param value="asdf" description="foo" />
            </span>,
        );

        expect(wrapper.text()).toEqual('asdf');
    });

    test('should correctly render its string argument with variables', () => {
        const name = 'asdf';
        const wrapper = render(
            <span>
                <Param value={name} description="foo" />
            </span>,
        );

        expect(wrapper.text()).toEqual('asdf');
    });

    test('should correctly render its numeric argument', () => {
        const wrapper = render(
            <span>
                <Param value={3} description="foo" />
            </span>,
        );

        expect(wrapper.text()).toEqual('3');
    });

    test('should correctly render an undefined argument', () => {
        const wrapper = render(
            <span>
                <Param value={undefined} description="foo" />
            </span>,
        );

        expect(wrapper.text()).toEqual('');
    });

    test('should correctly render a null argument', () => {
        const wrapper = render(
            <span>
                <Param value={null} description="foo" />
            </span>,
        );

        expect(wrapper.text()).toEqual('');
    });

    test('should correctly render a jsx argument', () => {
        const tmp = <b>foo!</b>;
        const wrapper = render(
            <span>
                <Param value={tmp} description="foo" />
            </span>,
        );

        expect(wrapper.html()).toEqual('<b>foo!</b>');
    });

    test('should correctly render a functional argument', () => {
        const f = function f() {
            return 'asdf';
        };
        const wrapper = render(
            <span>
                <Param value={f} description="foo" />
            </span>,
        );

        expect(wrapper.text()).toEqual('asdf');
    });
});