aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/page-container/page-container-footer
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/page-container/page-container-footer')
-rw-r--r--ui/app/components/page-container/page-container-footer/index.js1
-rw-r--r--ui/app/components/page-container/page-container-footer/page-container-footer.component.js68
-rw-r--r--ui/app/components/page-container/page-container-footer/tests/page-container-footer.component.test.js79
3 files changed, 0 insertions, 148 deletions
diff --git a/ui/app/components/page-container/page-container-footer/index.js b/ui/app/components/page-container/page-container-footer/index.js
deleted file mode 100644
index 7825c4520..000000000
--- a/ui/app/components/page-container/page-container-footer/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './page-container-footer.component'
diff --git a/ui/app/components/page-container/page-container-footer/page-container-footer.component.js b/ui/app/components/page-container/page-container-footer/page-container-footer.component.js
deleted file mode 100644
index 85b16cefe..000000000
--- a/ui/app/components/page-container/page-container-footer/page-container-footer.component.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-import Button from '../../button'
-
-export default class PageContainerFooter extends Component {
-
- static propTypes = {
- children: PropTypes.node,
- onCancel: PropTypes.func,
- cancelText: PropTypes.string,
- onSubmit: PropTypes.func,
- submitText: PropTypes.string,
- disabled: PropTypes.bool,
- submitButtonType: PropTypes.string,
- hideCancel: PropTypes.bool,
- }
-
- static contextTypes = {
- t: PropTypes.func,
- }
-
- render () {
- const {
- children,
- onCancel,
- cancelText,
- onSubmit,
- submitText,
- disabled,
- submitButtonType,
- hideCancel,
- } = this.props
-
- return (
- <div className="page-container__footer">
-
- <header>
- {!hideCancel && <Button
- type="default"
- large
- className="page-container__footer-button"
- onClick={e => onCancel(e)}
- >
- { cancelText || this.context.t('cancel') }
- </Button>}
-
- <Button
- type={submitButtonType || 'primary'}
- large
- className="page-container__footer-button"
- disabled={disabled}
- onClick={e => onSubmit(e)}
- >
- { submitText || this.context.t('next') }
- </Button>
- </header>
-
- {children && (
- <footer>
- {children}
- </footer>
- )}
-
- </div>
- )
- }
-
-}
diff --git a/ui/app/components/page-container/page-container-footer/tests/page-container-footer.component.test.js b/ui/app/components/page-container/page-container-footer/tests/page-container-footer.component.test.js
deleted file mode 100644
index 64efabab0..000000000
--- a/ui/app/components/page-container/page-container-footer/tests/page-container-footer.component.test.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import React from 'react'
-import assert from 'assert'
-import { shallow } from 'enzyme'
-import sinon from 'sinon'
-import Button from '../../../button'
-import PageFooter from '../page-container-footer.component'
-
-describe('Page Footer', () => {
- let wrapper
- const onCancel = sinon.spy()
- const onSubmit = sinon.spy()
-
- beforeEach(() => {
- wrapper = shallow(<PageFooter
- onCancel = {onCancel}
- onSubmit = {onSubmit}
- cancelText = {'Cancel'}
- submitText = {'Submit'}
- disabled = {false}
- submitButtonType = {'Test Type'}
- />)
- })
-
- it('renders page container footer', () => {
- assert.equal(wrapper.find('.page-container__footer').length, 1)
- })
-
- it('should render a footer inside page-container__footer when given children', () => {
- const wrapper = shallow(
- <PageFooter>
- <div>Works</div>
- </PageFooter>,
- { context: { t: sinon.spy((k) => `[${k}]`) } }
- )
-
- assert.equal(wrapper.find('.page-container__footer footer').length, 1)
- })
-
- it('renders two button components', () => {
- assert.equal(wrapper.find(Button).length, 2)
- })
-
- describe('Cancel Button', () => {
-
- it('has button type of default', () => {
- assert.equal(wrapper.find('.page-container__footer-button').first().prop('type'), 'default')
- })
-
- it('has children text of Cancel', () => {
- assert.equal(wrapper.find('.page-container__footer-button').first().prop('children'), 'Cancel')
- })
-
- it('should call cancel when click is simulated', () => {
- wrapper.find('.page-container__footer-button').first().prop('onClick')()
- assert.equal(onCancel.callCount, 1)
- })
-
- })
-
- describe('Submit Button', () => {
-
- it('assigns button type based on props', () => {
- assert.equal(wrapper.find('.page-container__footer-button').last().prop('type'), 'Test Type')
- })
-
- it('has disabled prop', () => {
- assert.equal(wrapper.find('.page-container__footer-button').last().prop('disabled'), false)
- })
-
- it('has children text when submitText prop exists', () => {
- assert.equal(wrapper.find('.page-container__footer-button').last().prop('children'), 'Submit')
- })
-
- it('should call submit when click is simulated', () => {
- wrapper.find('.page-container__footer-button').last().prop('onClick')()
- assert.equal(onSubmit.callCount, 1)
- })
- })
-})