@yeutech-lab/rollup-umd-documentation/lib/rsg-bs-components/Text/tests/TextRenderer.test.js

Quickly build awesome documentation for your rollup-umd project.

'use strict';

var _enzyme = require('enzyme');

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _BootstrapProvider = require('@bootstrap-styled/provider/lib/BootstrapProvider');

var _BootstrapProvider2 = _interopRequireDefault(_BootstrapProvider);

var _TextRenderer = require('../TextRenderer');

var _TextRenderer2 = _interopRequireDefault(_TextRenderer);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/* eslint-disable */
/**
 * Testing our TextRenderer component
 */
var theme = _TextRenderer.defaultProps.theme;

var children = _react2.default.createElement(
  'h1',
  null,
  'Test'
);

var renderComponent = function renderComponent() {
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  return (0, _enzyme.shallow)(_react2.default.createElement(
    _TextRenderer2.default,
    props,
    children
  ));
};

var renderComponentUsingTheme = function renderComponentUsingTheme(props) {
  return (0, _enzyme.mount)(_react2.default.createElement(
    _BootstrapProvider2.default,
    { theme: theme, injectGlobal: false },
    _react2.default.createElement(
      _TextRenderer2.default,
      props,
      children
    )
  ));
};

describe('<TextRenderer />', function () {
  it('should render an TextRenderer with children', function () {
    var renderedComponent = renderComponent();
    expect(renderedComponent.contains(children)).toEqual(true);
  });
  it('should render an TextRenderer with strong tag', function () {
    var renderedComponent = renderComponentUsingTheme({
      semantic: 'strong'
    });
    expect(renderedComponent.find('Strong').length).toBe(1);
  });
  it('should render an TextRenderer with em tag', function () {
    var renderedComponent = renderComponentUsingTheme({
      semantic: 'em'
    });
    expect(renderedComponent.find('em').length).toBe(1);
  });
  it('should render an TextRenderer with span tag', function () {
    var renderedComponent = renderComponentUsingTheme();
    expect(renderedComponent.find('span').length).toBe(1);
  });
  it('should render an TextRenderer with em tag with size-inherit classname', function () {
    var renderedComponent = renderComponentUsingTheme({
      semantic: 'em',
      size: 'inherit'
    });
    expect(renderedComponent.find('em').hasClass('size-inherit')).toEqual(true);
  });
  it('should render an TextRenderer with em tag with size-small classname', function () {
    var renderedComponent = renderComponentUsingTheme({
      semantic: 'em',
      size: 'small'
    });
    expect(renderedComponent.find('em').hasClass('size-small')).toEqual(true);
  });
  it('should render an TextRenderer with em tag with size-base classname', function () {
    var renderedComponent = renderComponentUsingTheme({
      semantic: 'em',
      size: 'base'
    });
    expect(renderedComponent.find('em').hasClass('size-base')).toEqual(true);
  });
  it('should render an TextRenderer with em tag with size-text classname', function () {
    var renderedComponent = renderComponentUsingTheme({
      semantic: 'em',
      size: 'text'
    });
    expect(renderedComponent.find('em').hasClass('size-text')).toEqual(true);
  });
  it('should render an TextRenderer with em tag with color-base classname', function () {
    var renderedComponent = renderComponentUsingTheme({
      semantic: 'em',
      color: 'base'
    });
    expect(renderedComponent.find('em').hasClass('color-base')).toEqual(true);
  });
  it('should render an TextRenderer with em tag with color-light classname', function () {
    var renderedComponent = renderComponentUsingTheme({
      semantic: 'em',
      color: 'light'
    });
    expect(renderedComponent.find('em').hasClass('color-light')).toEqual(true);
  });
  it('should render an TextRenderer with em tag with color-light classname', function () {
    var renderedComponent = renderComponentUsingTheme({
      semantic: 'em',
      underlined: true
    });
    expect(renderedComponent.find('em').hasClass('underlined')).toEqual(true);
  });
});