metadata-based-explorer1/src/components/label/__tests__/StandardLabel-test.js

Box UI Elements

import React from 'react';

import StandardLabel from '../StandardLabel';

const labelContent = ['My Label'];
const tooltipText = 'This is my tooltip';

describe('components/label/StandardLabel', () => {
    test('should correctly render default element', () => {
        const wrapper = shallow(
            <StandardLabel labelContent={labelContent}>
                <input type="text" />
            </StandardLabel>,
        );

        expect(wrapper.find('LabelPrimitive').length).toEqual(1);
        expect(wrapper.find('LabelPrimitive').prop('labelContent')[0]).toEqual(labelContent[0]);
    });

    test('should correctly render text tooltip when specified', () => {
        const wrapper = shallow(
            <StandardLabel labelContent={labelContent} tooltip={tooltipText}>
                <input type="text" />
            </StandardLabel>,
        );

        expect(wrapper.find('Tooltip').length).toBe(1);
        expect(wrapper.find('Tooltip').prop('text')).toEqual(tooltipText);
    });

    test('should not render tooltip when no tooltip specified', () => {
        const wrapper = shallow(
            <StandardLabel labelContent={labelContent}>
                <input type="text" />
            </StandardLabel>,
        );

        expect(wrapper.find('Tooltip').length).toBe(0);
    });
});