@platformbuilders/react-native-ui
Version:
Platform Builders Shared Components Library
64 lines • 3.51 kB
JavaScript
import 'jest';
import React from 'react';
import renderer from 'react-test-renderer';
import { ThemeProvider } from 'styled-components/native';
import Typography from '..';
import { theme } from '../../../test/helpers';
describe('<Typography />', () => {
it('should render and match snapshot for default props', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, null)));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant largeTitle', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "largeTitle" })));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant title1', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "title1" })));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant title2', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "title2" })));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant title3', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "title3" })));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant title4', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "title4" })));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant headline', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "headline" })));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant subhead', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "subhead" })));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant footnote', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "footnote" })));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant caption1', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "caption1" })));
expect(render.toJSON()).toMatchSnapshot();
});
it('should render and match snapshot for variant caption2', () => {
const render = renderer.create(React.createElement(ThemeProvider, { theme: theme },
React.createElement(Typography, { variant: "caption2" })));
expect(render.toJSON()).toMatchSnapshot();
});
});
//# sourceMappingURL=Typography.spec.js.map