@brightleaf/elements/lib/number/__tests__/number.spec.js

React UI elements styled with Bulma CSS

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@testing-library/react");

var _jestDom = require("@testing-library/jest-dom");

var _number = require("../number");

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

expect.extend({
  toHaveClass: _jestDom.toHaveClass,
  toHaveAttribute: _jestDom.toHaveAttribute,
  toContainElement: _jestDom.toContainElement
});
describe('The Number Component', function () {
  afterEach(_react2.cleanup);
  it('should render a div with the class number', function () {
    var _render = (0, _react2.render)(_react.default.createElement(_number.Number, null, "2")),
        container = _render.container;

    expect(container.firstChild).toMatchSnapshot();
    expect(container.firstChild).toHaveClass('number');
  });
  it('should render a div with the class number and the className passed in', function () {
    var _render2 = (0, _react2.render)(_react.default.createElement(_number.Number, {
      className: "test"
    })),
        container = _render2.container;

    expect(container.firstChild).toMatchSnapshot();
    expect(container.firstChild).toHaveClass('number');
    expect(container.firstChild).toHaveClass('test');
  });
  it('should render with color and size modifiers', function () {
    var _render3 = (0, _react2.render)(_react.default.createElement(_number.Number, {
      hasBackgroundPrimary: true,
      hasTextWeightBold: true,
      hasTextWhite: true
    }, "23")),
        container = _render3.container;

    expect(container).toMatchSnapshot();
    expect(container.firstChild).toHaveClass('number');
    expect(container.firstChild).toHaveClass('has-text-weight-bold');
    expect(container.firstChild).toHaveClass('has-text-white');
    expect(container.firstChild).toHaveClass('has-background-primary');
  });
});