diff options
Diffstat (limited to 'ui/app/components/page-container/page-container-footer')
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) - }) - }) -}) |