@roo-ui/components/dist/cjs/Hide/Hide.test.js

"use strict";

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

var _themes = require("@roo-ui/themes");

var _testUtils = require("@roo-ui/test-utils");

var _jestAxe = require("jest-axe");

var _ = _interopRequireDefault(require("."));

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

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

describe('<Hide />', function () {
  var wrapper;

  var testWithBreakpoints = function testWithBreakpoints(breakpoints) {
    describe('no props', function () {
      beforeEach(function () {
        wrapper = (0, _testUtils.shallowWithTheme)(_react.default.createElement(_.default, null, "Hello world"), _objectSpread({}, _themes.qantas, {
          breakpoints: breakpoints
        }));
      });
      it('renders correctly', function () {
        expect(wrapper).toMatchSnapshot();
      });
      it('has no accessibility errors',
      /*#__PURE__*/
      _asyncToGenerator(
      /*#__PURE__*/
      regeneratorRuntime.mark(function _callee() {
        return regeneratorRuntime.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                _context.t0 = expect;
                _context.next = 3;
                return (0, _jestAxe.axe)(wrapper.html());

              case 3:
                _context.t1 = _context.sent;
                (0, _context.t0)(_context.t1).toHaveNoViolations();

              case 5:
              case "end":
                return _context.stop();
            }
          }
        }, _callee);
      })));
    });
    describe('xs', function () {
      beforeEach(function () {
        wrapper = (0, _testUtils.shallowWithTheme)(_react.default.createElement(_.default, {
          xs: true
        }, "Hello world"), _objectSpread({}, _themes.qantas, {
          breakpoints: breakpoints
        }));
      });
      it('renders correctly', function () {
        expect(wrapper).toMatchSnapshot();
      });
    });
    describe('sm', function () {
      beforeEach(function () {
        wrapper = (0, _testUtils.shallowWithTheme)(_react.default.createElement(_.default, {
          sm: true
        }, "Hello world"), _objectSpread({}, _themes.qantas, {
          breakpoints: breakpoints
        }));
      });
      it('renders correctly', function () {
        expect(wrapper).toMatchSnapshot();
      });
    });
    describe('md', function () {
      beforeEach(function () {
        wrapper = (0, _testUtils.shallowWithTheme)(_react.default.createElement(_.default, {
          md: true
        }, "Hello world"), _objectSpread({}, _themes.qantas, {
          breakpoints: breakpoints
        }));
      });
      it('renders correctly', function () {
        expect(wrapper).toMatchSnapshot();
      });
    });
    describe('lg', function () {
      beforeEach(function () {
        wrapper = (0, _testUtils.shallowWithTheme)(_react.default.createElement(_.default, {
          lg: true
        }, "Hello world"), _objectSpread({}, _themes.qantas, {
          breakpoints: breakpoints
        }));
      });
      it('renders correctly', function () {
        expect(wrapper).toMatchSnapshot();
      });
    });
  };

  describe('with breakpoints in rems', function () {
    testWithBreakpoints(['40rem', '52rem', '64rem']);
  });
  describe('with breakpoints in px', function () {
    testWithBreakpoints(['768px', '1100px', '1280px']);
  });
});