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.
45 lines
1.4 KiB
45 lines
1.4 KiB
6 years ago
|
import React from 'react'
|
||
|
|
import assert from 'assert'
|
||
|
|
import { shallow } from 'enzyme'
|
||
|
|
import ModalContent from '../modal-content.component'
|
||
|
|
|
||
|
|
describe('ModalContent Component', () => {
|
||
|
|
it('should render a title', () => {
|
||
|
|
const wrapper = shallow(
|
||
|
|
<ModalContent
|
||
|
|
title="Modal Title"
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
|
||
|
|
assert.equal(wrapper.find('.modal-content__title').length, 1)
|
||
|
|
assert.equal(wrapper.find('.modal-content__title').text(), 'Modal Title')
|
||
|
|
assert.equal(wrapper.find('.modal-content__description').length, 0)
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should render a description', () => {
|
||
|
|
const wrapper = shallow(
|
||
|
|
<ModalContent
|
||
|
|
description="Modal Description"
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
|
||
|
|
assert.equal(wrapper.find('.modal-content__title').length, 0)
|
||
|
|
assert.equal(wrapper.find('.modal-content__description').length, 1)
|
||
|
|
assert.equal(wrapper.find('.modal-content__description').text(), 'Modal Description')
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should render both a title and a description', () => {
|
||
|
|
const wrapper = shallow(
|
||
|
|
<ModalContent
|
||
|
|
title="Modal Title"
|
||
|
|
description="Modal Description"
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
|
||
|
|
assert.equal(wrapper.find('.modal-content__title').length, 1)
|
||
|
|
assert.equal(wrapper.find('.modal-content__title').text(), 'Modal Title')
|
||
|
|
assert.equal(wrapper.find('.modal-content__description').length, 1)
|
||
|
|
assert.equal(wrapper.find('.modal-content__description').text(), 'Modal Description')
|
||
|
|
})
|
||
|
|
})
|