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.
82 lines
2.4 KiB
82 lines
2.4 KiB
import React from 'react'
|
|
import assert from 'assert'
|
|
import { shallow } from 'enzyme'
|
|
import sinon from 'sinon'
|
|
import PageContainerHeader from '../page-container-header.component'
|
|
|
|
describe('Page Container Header', () => {
|
|
let wrapper, style, onBackButtonClick, onClose
|
|
|
|
beforeEach(() => {
|
|
style = {test: 'style'}
|
|
onBackButtonClick = sinon.spy()
|
|
onClose = sinon.spy()
|
|
|
|
wrapper = shallow(<PageContainerHeader
|
|
showBackButton = {true}
|
|
onBackButtonClick = {onBackButtonClick}
|
|
backButtonStyles = {style}
|
|
title = {'Test Title'}
|
|
subtitle = {'Test Subtitle'}
|
|
tabs = {'Test Tab'}
|
|
onClose = {onClose}
|
|
/>)
|
|
})
|
|
|
|
describe('Render Header Row', () => {
|
|
|
|
it('renders back button', () => {
|
|
assert.equal(wrapper.find('.page-container__back-button').length, 1)
|
|
assert.equal(wrapper.find('.page-container__back-button').text(), 'Back')
|
|
})
|
|
|
|
it('ensures style prop', () => {
|
|
assert.equal(wrapper.find('.page-container__back-button').props().style, style)
|
|
})
|
|
|
|
it('should call back button when click is simulated', () => {
|
|
wrapper.find('.page-container__back-button').prop('onClick')()
|
|
assert.equal(onBackButtonClick.callCount, 1)
|
|
})
|
|
})
|
|
|
|
describe('Render', () => {
|
|
let header, headerRow, pageTitle, pageSubtitle, pageClose, pageTab
|
|
|
|
beforeEach(() => {
|
|
header = wrapper.find('.page-container__header--no-padding-bottom')
|
|
headerRow = wrapper.find('.page-container__header-row')
|
|
pageTitle = wrapper.find('.page-container__title')
|
|
pageSubtitle = wrapper.find('.page-container__subtitle')
|
|
pageClose = wrapper.find('.page-container__header-close')
|
|
pageTab = wrapper.find('.page-container__tabs')
|
|
})
|
|
|
|
it('renders page container', () => {
|
|
assert.equal(header.length, 1)
|
|
assert.equal(headerRow.length, 1)
|
|
assert.equal(pageTitle.length, 1)
|
|
assert.equal(pageSubtitle.length, 1)
|
|
assert.equal(pageClose.length, 1)
|
|
assert.equal(pageTab.length, 1)
|
|
})
|
|
|
|
it('renders title', () => {
|
|
assert.equal(pageTitle.text(), 'Test Title')
|
|
})
|
|
|
|
it('renders subtitle', () => {
|
|
assert.equal(pageSubtitle.text(), 'Test Subtitle')
|
|
})
|
|
|
|
it('renders tabs', () => {
|
|
assert.equal(pageTab.text(), 'Test Tab')
|
|
})
|
|
|
|
it('should call close when click is simulated', () => {
|
|
pageClose.prop('onClick')()
|
|
assert.equal(onClose.callCount, 1)
|
|
})
|
|
})
|
|
|
|
})
|
|
|