@roo-ui/components
Version:
136 lines (130 loc) • 4.55 kB
JavaScript
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); }); }; }
import React from 'react';
import { qantas as theme } from '@roo-ui/themes';
import { mountWithTheme } from '@roo-ui/test-utils';
import { axe } from 'jest-axe';
import Alert from '.';
describe('<Alert />', function () {
var wrapper;
var render = function render(tree) {
return mountWithTheme(tree, theme);
};
beforeEach(function () {
wrapper = render(React.createElement(Alert, null, "Hello world"));
});
it('has expected displayName', function () {
expect(Alert.displayName).toBe('Alert');
});
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 axe(wrapper.html());
case 3:
_context.t1 = _context.sent;
(0, _context.t0)(_context.t1).toHaveNoViolations();
case 5:
case "end":
return _context.stop();
}
}
}, _callee);
})));
describe('contained', function () {
beforeEach(function () {
wrapper = render(React.createElement(Alert, {
contained: true
}, "Hello world"));
});
it('renders correctly', function () {
expect(wrapper).toMatchSnapshot();
});
});
describe('<Alert.success />', function () {
beforeEach(function () {
wrapper = render(React.createElement(Alert.success, null, "Hello world"));
});
it('has expected displayName', function () {
expect(Alert.success.displayName).toBe('Alert.success');
});
it('renders correctly', function () {
expect(wrapper).toMatchSnapshot();
});
});
describe('<Alert variant="success" />', function () {
beforeEach(function () {
wrapper = render(React.createElement(Alert, {
variant: "success"
}, "Hello world"));
});
it('renders correctly', function () {
expect(wrapper).toMatchSnapshot();
});
});
describe('<Alert.error />', function () {
beforeEach(function () {
wrapper = render(React.createElement(Alert.error, null, "Hello world"));
});
it('has expected displayName', function () {
expect(Alert.error.displayName).toBe('Alert.error');
});
it('renders correctly', function () {
expect(wrapper).toMatchSnapshot();
});
});
describe('<Alert variant="error" />', function () {
beforeEach(function () {
wrapper = render(React.createElement(Alert, {
variant: "error"
}, "Hello world"));
});
it('renders correctly', function () {
expect(wrapper).toMatchSnapshot();
});
});
describe('<Alert.info />', function () {
beforeEach(function () {
wrapper = render(React.createElement(Alert.info, null, "Hello world"));
});
it('has expected displayName', function () {
expect(Alert.info.displayName).toBe('Alert.info');
});
it('renders correctly', function () {
expect(wrapper).toMatchSnapshot();
});
});
describe('<Alert variant="info" />', function () {
beforeEach(function () {
wrapper = render(React.createElement(Alert, {
variant: "info"
}, "Hello world"));
});
it('renders correctly', function () {
expect(wrapper).toMatchSnapshot();
});
});
describe('on close', function () {
var onClose;
beforeEach(function () {
onClose = jest.fn();
wrapper = render(React.createElement(Alert, {
onClose: onClose
}, "Hello world"));
wrapper.find('NakedButton').simulate('click');
});
it('calls #onClose', function () {
expect(onClose).toHaveBeenCalled();
});
});
});