You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
import React from 'react'
|
|
|
|
|
import renderer from 'react-test-renderer'
|
|
|
|
|
import { configure, mount } from 'enzyme'
|
|
|
|
|
import Adapter from 'enzyme-adapter-react-16'
|
|
|
|
|
import { Heading } from 'components/UI'
|
|
|
|
|
|
|
|
|
|
configure({ adapter: new Adapter() })
|
|
|
|
|
|
|
|
|
|
describe('component.UI.Heading', () => {
|
|
|
|
|
it('should render correctly', () => {
|
|
|
|
|
const tree = renderer.create(<Heading>Heading here</Heading>).toJSON()
|
|
|
|
|
expect(tree).toMatchSnapshot()
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
describe('Heading.{h1|h2|h3|h4|h5|h6}', () => {
|
|
|
|
|
it(`should render a heading of the correct level`, () => {
|
|
|
|
|
for (var i = 1; i <= 6; i++) {
|
|
|
|
|
const Element = Heading[`h${i}`]
|
|
|
|
|
const wrapper = mount(<Element>Heading here</Element>)
|
|
|
|
|
expect(wrapper.find(`h${i}`)).toHaveLength(1)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
})
|
