@brightleaf/elements/lib/__tests__/columns.test.js

React UI elements styled with Bulma CSS

"use strict";

function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

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

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

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

var _columns = require("../columns");

var _notification = require("../notification");

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

/* eslint-disable sonarjs/no-duplicate-string */
expect.extend({
  toHaveClass: _jestDom.toHaveClass
});

var Auto = function Auto() {
  return _react.default.createElement(_notification.Notification, {
    isLight: true,
    isDismissible: false
  }, "Auto");
};

describe('Columns and Columns components', function () {
  afterEach(_react2.cleanup);
  it('should render', function () {
    var _render = (0, _react2.render)(_react.default.createElement(_react.Fragment, null, _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, null, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "First column")), _react.default.createElement(_columns.Column, null, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "Second column")), _react.default.createElement(_columns.Column, null, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "Third column")), _react.default.createElement(_columns.Column, null, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "Fourth column"))), _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, {
      isFourFifths: true
    }, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "is-four-fifths")), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null)), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null))), _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, {
      isThreeQuarters: true
    }, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "is-three-quarters")), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null)), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null))), _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, {
      isTwoThirds: true
    }, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "is-two-thirds")), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null)), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null))), _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, {
      isThreeFifths: true
    }, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "is-three-fifths")), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null)), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null))), _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, {
      isHalf: true
    }, _react.default.createElement("p", {
      className: "notification is-primary"
    }, "is-half")), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null)), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null))), _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, {
      isTwoFifths: true
    }, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "is-two-fifths")), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null)), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null))), _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, {
      isOneThird: true
    }, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "is-one-third")), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null)), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null))), _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, {
      isOneQuarter: true
    }, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "is-one-quarter")), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null)), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null))), _react.default.createElement(_columns.Columns, null, _react.default.createElement(_columns.Column, {
      isOneFifth: true
    }, _react.default.createElement(_notification.Notification, {
      isPrimary: true,
      isDismissible: false
    }, "is-one-fifth")), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null)), _react.default.createElement(_columns.Column, null, _react.default.createElement(Auto, null))), _react.default.createElement(_columns.FullColumn, null, _react.default.createElement(_notification.Notification, {
      isInfo: true,
      isDismissible: false
    }, "FullColumn")), _react.default.createElement(_columns.Columns, {
      isMobile: true,
      isMultiline: true
    }, _react.default.createElement(_columns.Column, {
      isOneQuarter: true
    }, _react.default.createElement("code", null, "is-one-quarter")), _react.default.createElement(_columns.Column, {
      isOneQuarter: true
    }, _react.default.createElement("code", null, "is-one-quarter")), _react.default.createElement(_columns.Column, {
      isOneQuarter: true
    }, _react.default.createElement("code", null, "is-one-quarter")), _react.default.createElement(_columns.Column, {
      isOneQuarter: true
    }, _react.default.createElement("code", null, "is-one-quarter")), _react.default.createElement(_columns.Column, {
      isHalf: true
    }, _react.default.createElement("code", null, "is-half")), _react.default.createElement(_columns.Column, {
      isOneQuarter: true
    }, _react.default.createElement("code", null, "is-one-quarter")), _react.default.createElement(_columns.Column, {
      isOneQuarter: true
    }, _react.default.createElement("code", null, "is-one-quarter")), _react.default.createElement(_columns.Column, {
      isOneQuarter: true
    }, _react.default.createElement("code", null, "is-one-quarter")), _react.default.createElement(_columns.Column, null, _react.default.createElement(_notification.Notification, {
      isDismissible: false
    }, "Auto"))))),
        container = _render.container;

    expect(container).toMatchSnapshot();
  });
});