1// dom.js
2import React from 'react'
3
4const DomTest = () => (
5 <div>
6 <h1 className='header'>
7 <span className='sub-header'>Hello World</span>
8 </h1>
9 </div>
10)
11
12export default DomTest
13
14// dom.test.js
15test('find element in DomTest Component by class using hasClass', () => {
16 expect(wrapper.find('h1').hasClass('header')).toBeTruthy()
17 expect(wrapper.find('h1 > span').at(0).hasClass('sub-header')).toBeTruthy()
18 expect(wrapper.find('h1').children().find('span').hasClass('sub-header')).toBeTruthy()
19 expect(wrapper.find('h1').children().at(0).hasClass('sub-header')).toBeTruthy()
20 expect(wrapper.find('h1').childAt(0).hasClass('sub-header')).toBeTruthy()
21})
1describe("PageTitle", () => {
2
3 it("matches snapshot", () => {
4 const tree = renderer.create(<PageTitle pageTitle="Tips" />).toJSON();
5 expect(tree).toMatchSnapshot();
6 });
7
8 it("should display the title passed into the property", () => {
9 const wrapper = shallow(<PageTitle pageTitle="My App"></PageTitle>);
10 expect(wrapper.hasClass('pageTitle')).toEqual(true);
11 expect(wrapper.render().text()).toEqual('My App');
12 });
13
14});
15