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

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

expect.extend({
  toHaveClass: _jestDom.toHaveClass
});
describe('Card and components', function () {
  afterEach(_react2.cleanup);
  it('should render', function () {
    var _render = (0, _react2.render)(_react.default.createElement(_card.Card, null, _react.default.createElement(_card.CardBody, null, "Hi"))),
        container = _render.container;

    expect(container.firstChild).toMatchSnapshot();
  });
  it('should render with header and footer and body', function () {
    var _render2 = (0, _react2.render)(_react.default.createElement(_card.Card, null, _react.default.createElement(_card.CardHeader, {
      title: 'HEADER'
    }), _react.default.createElement(_card.CardBody, null, "Hi"), _react.default.createElement(_card.CardFooter, {
      title: 'HEADER'
    }))),
        container = _render2.container;

    expect(container.firstChild).toMatchSnapshot();
  });
  it('should render with footer header and body', function () {
    var _render3 = (0, _react2.render)(_react.default.createElement(_card.Card, null, _react.default.createElement(_card.CardFooter, null), _react.default.createElement(_card.CardHeader, {
      title: 'HEADER'
    }), _react.default.createElement(_card.CardBody, null, "Hi"))),
        container = _render3.container;

    expect(container.firstChild).toMatchSnapshot();
    expect(container.firstChild.firstChild).toHaveClass('card-header');
    expect(container.firstChild.lastChild).toHaveClass('card-footer');
  });
});