@ustack/uskin/__tests__/tooltip.jsx

A graceful framework which provides developers another chance to build an amazing site.

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

import Tooltip from '../js/components/tooltip/index';

describe('test tooltip', () => {

  it('generates with content and type', () => {

    let content = 'this is content';
    let shape = 'bottom';
    let type = 'error';
    const tooltip = shallow(
      <Tooltip content={content} shape={shape} type={type} />
    );
    const tooltipNode = tooltip.find('.tooltip');

    expect(tooltip.text()).toBe(content);
    expect(tooltipNode.hasClass('tooltip-' + shape)).toBeTruthy();
    expect(tooltipNode.hasClass('tooltip-' + type)).toBeTruthy();

  });

  it('should render with specific width', () => {

    let content = 'this is content';
    let width = 300;
    const tooltip = shallow(
      <Tooltip content={content} width={width} />
    );

    expect(tooltip.props().style.width).toBe(width);

  });

  it('should hide tip', () => {

    let content = 'this is content';
    const tooltip = shallow(
      <Tooltip content={content} hide={true} />
    );
    const tooltipNode = tooltip.find('.tooltip');

    expect(tooltipNode.hasClass('hide')).toBeTruthy();

  });

});