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

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

expect.extend({
  toHaveClass: _jestDom.toHaveClass,
  toHaveAttribute: _jestDom.toHaveAttribute,
  toContainElement: _jestDom.toContainElement
});
describe('The NavBar Component', function () {
  afterEach(_react2.cleanup);
  it('should render a nav', function () {
    var _render = (0, _react2.render)(_react.default.createElement(_navbar.NavBar, null, "Test")),
        container = _render.container;

    expect(container.firstChild).toMatchSnapshot();
    expect(container.firstChild).toHaveClass('navbar');
  });
  it('should render a nav with classname is-primary when passed isPrimary', function () {
    var _render2 = (0, _react2.render)(_react.default.createElement(_navbar.NavBar, {
      isPrimary: true
    }, "Test")),
        container = _render2.container;

    expect(container.firstChild).toMatchSnapshot();
    expect(container.firstChild).toHaveClass('navbar');
    expect(container.firstChild).toHaveClass('is-primary');
  });
  it('should render a nav with classname is-fixed-top when passed isFixedTop', function _callee() {
    var _render3, container;

    return regeneratorRuntime.async(function _callee$(_context) {
      while (1) {
        switch (_context.prev = _context.next) {
          case 0:
            _render3 = (0, _react2.render)(_react.default.createElement(_navbar.NavBar, {
              isFixedTop: true
            }, "Test")), container = _render3.container; // await waitForDomChange({ container })

            expect(container.firstChild).toMatchSnapshot();
            expect(document.body).toMatchSnapshot();
            expect(container.firstChild).toHaveClass('navbar');
            expect(container.firstChild).toHaveClass('is-fixed-top');
            expect(document.body).toHaveClass('has-navbar-fixed-top');

          case 6:
          case "end":
            return _context.stop();
        }
      }
    });
  });
  it('should render a nav with classname is-fixed-bottom when passed isFixedBottom', function _callee2() {
    var _render4, container;

    return regeneratorRuntime.async(function _callee2$(_context2) {
      while (1) {
        switch (_context2.prev = _context2.next) {
          case 0:
            _render4 = (0, _react2.render)(_react.default.createElement(_navbar.NavBar, {
              isFixedBottom: true
            }, "Test")), container = _render4.container;
            expect(container.firstChild).toMatchSnapshot();
            expect(document.body).toMatchSnapshot();
            expect(container.firstChild).toHaveClass('navbar');
            expect(container.firstChild).toHaveClass('is-fixed-bottom');
            expect(document.body).toHaveClass('has-navbar-fixed-bottom');

          case 6:
          case "end":
            return _context2.stop();
        }
      }
    });
  });
  /*
   it('should render a div with the class number and the className passed in', () => {
    const { container } = render(<Number className="test" />)
    expect(container.firstChild).toMatchSnapshot()
    expect(container.firstChild).toHaveClass('number')
    expect(container.firstChild).toHaveClass('test')
  })
  it('should render with color and size modifiers', () => {
    const { container } = render(
      <Number hasBackgroundPrimary hasTextWeightBold hasTextWhite>
        23
      </Number>
    )
    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')
  })
  */
});