@brightleaf/elements/lib/loader/__tests__/loader.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 _ = require("../");

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

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

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

    expect(container.firstChild).toMatchSnapshot();
    expect(container.firstChild).toHaveClass('loader');
    expect(container.firstChild).toHaveClass('loader-test');
  });
  it('should render a p with the class loader when as property is set to `p`', function () {
    var _render3 = (0, _react2.render)(_react.default.createElement(_.Loader, {
      as: "p"
    })),
        container = _render3.container;

    expect(container).toMatchSnapshot();
    expect(container.firstChild).toHaveClass('loader');
    var p = document.querySelector('p.loader');
    expect(container).toContainElement(p);
  });
});