diff options
author | Alexander Tseung <alextsg@users.noreply.github.com> | 2018-12-12 07:04:57 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-12 07:04:57 +0800 |
commit | 9c2401965911aa78496a8168a76e9c0c2e4c86b5 (patch) | |
tree | ae2f5031da161275cc4600e422e6016d8b2c510c /ui/app/components/modal/tests/modal.component.test.js | |
parent | d6fa967b1fe2d5ea9ed997878610081a4bce5f49 (diff) | |
download | tangerine-wallet-browser-9c2401965911aa78496a8168a76e9c0c2e4c86b5.tar.gz tangerine-wallet-browser-9c2401965911aa78496a8168a76e9c0c2e4c86b5.tar.zst tangerine-wallet-browser-9c2401965911aa78496a8168a76e9c0c2e4c86b5.zip |
Add submitDisabled prop to Modals. Disable submit button when creating a cancel transaction (#5910)
Diffstat (limited to 'ui/app/components/modal/tests/modal.component.test.js')
-rw-r--r-- | ui/app/components/modal/tests/modal.component.test.js | 32 |
1 files changed, 31 insertions, 1 deletions
diff --git a/ui/app/components/modal/tests/modal.component.test.js b/ui/app/components/modal/tests/modal.component.test.js index 8cce1a808..2ced3f32d 100644 --- a/ui/app/components/modal/tests/modal.component.test.js +++ b/ui/app/components/modal/tests/modal.component.test.js @@ -1,6 +1,6 @@ import React from 'react' import assert from 'assert' -import { shallow } from 'enzyme' +import { mount, shallow } from 'enzyme' import sinon from 'sinon' import Modal from '../modal.component' import Button from '../../button' @@ -100,4 +100,34 @@ describe('Modal Component', () => { assert.equal(handleCancel.callCount, 1) assert.equal(handleSubmit.callCount, 0) }) + + it('should disable the submit button if submitDisabled is true', () => { + const handleCancel = sinon.spy() + const handleSubmit = sinon.spy() + const wrapper = mount( + <Modal + onCancel={handleCancel} + cancelText="Cancel" + onSubmit={handleSubmit} + submitText="Submit" + submitDisabled={true} + headerText="My Header" + onClose={handleCancel} + /> + ) + + const buttons = wrapper.find(Button) + assert.equal(buttons.length, 2) + const cancelButton = buttons.at(0) + const submitButton = buttons.at(1) + + assert.equal(handleCancel.callCount, 0) + cancelButton.simulate('click') + assert.equal(handleCancel.callCount, 1) + + assert.equal(submitButton.props().disabled, true) + assert.equal(handleSubmit.callCount, 0) + submitButton.simulate('click') + assert.equal(handleSubmit.callCount, 0) + }) }) |