@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
28 lines • 1.63 kB
JavaScript
// VENDOR
import * as React from 'react';
import * as renderer from 'react-test-renderer';
import { ThemeProvider } from '@xstyled/styled-components';
// ANCHOR
import { RootTheme } from '../../src/theme';
import { Adapt } from './Adapt.component';
describe('Component: Adapt', () => {
it('should be defined.', () => {
const subject = (React.createElement(ThemeProvider, { theme: RootTheme },
React.createElement(Adapt, { forEach: { xs: 'blue', md: 'green' } }, (value, breakpoint) => (React.createElement("div", { key: breakpoint }, `${value} | ${breakpoint}`)))));
const tree = renderer.create(subject).toJSON();
expect(tree).toMatchSnapshot();
});
it('should not show below the minimum specified breakpoint.', () => {
const subject = (React.createElement(ThemeProvider, { theme: RootTheme },
React.createElement(Adapt, { forEach: { md: 'green' } }, (value, breakpoint) => (React.createElement("div", { key: breakpoint }, `${value} | ${breakpoint}`)))));
const tree = renderer.create(subject).toJSON();
expect(tree).toMatchSnapshot();
});
it('should order breakpoints that were specified out of order.', () => {
const subject = (React.createElement(ThemeProvider, { theme: RootTheme },
React.createElement(Adapt, { forEach: { md: 'green', xs: 'blue' } }, (value, breakpoint) => (React.createElement("div", { key: breakpoint }, `${value} | ${breakpoint}`)))));
const tree = renderer.create(subject).toJSON();
expect(tree).toMatchSnapshot();
});
});
//# sourceMappingURL=Adapt.component.spec.js.map