1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-14 09:30:15 +03:00
element-web/test/components/views/typography/Heading-test.tsx
Kerry 46b0865e89
Add Heading components ()
* add Heading components

Signed-off-by: Kerry Archibald <kerrya@element.io>

* remove margins

Signed-off-by: Kerry Archibald <kerrya@element.io>

* snapshots

Signed-off-by: Kerry Archibald <kerrya@element.io>

* unset block and inline margins

Signed-off-by: Kerry Archibald <kerrya@element.io>

* copyright

Signed-off-by: Kerry Archibald <kerrya@element.io>

* fix werid quoting on heading test

Signed-off-by: Kerry Archibald <kerrya@element.io>
2021-12-15 11:00:10 +01:00

28 lines
971 B
TypeScript

import React from 'react';
import { renderIntoDocument } from 'react-dom/test-utils';
import Heading from "../../../../src/components/views/typography/Heading";
describe('<Heading />', () => {
const defaultProps = {
size: 'h1',
children: <div>test</div>,
['data-test-id']: 'test',
className: 'test',
} as any;
const getComponent = (props = {}) => {
const wrapper = renderIntoDocument<HTMLDivElement>(
<div><Heading {...defaultProps} {...props} /></div>,
) as HTMLDivElement;
return wrapper.children[0];
};
it('renders h1 with correct attributes', () => {
expect(getComponent({ size: 'h1' })).toMatchSnapshot();
});
it('renders h2 with correct attributes', () => {
expect(getComponent({ size: 'h2' })).toMatchSnapshot();
});
it('renders h3 with correct attributes', () => {
expect(getComponent({ size: 'h3' })).toMatchSnapshot();
});
});