diff options
author | Dan J Miller <danjm.com@gmail.com> | 2018-06-07 11:20:16 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-06-07 11:20:16 +0800 |
commit | 988283778a2be52640b27a359ef3fb1130e95711 (patch) | |
tree | f62576fb7e1a9088cef9bb1137745192bd571539 /ui/app/components/send_/send-content/send-gas-row/tests/send-gas-row-component.test.js | |
parent | c86213bf118c0d9d0356a36e6ca0e9e884a82d73 (diff) | |
parent | a09d609360f5f916e75e98254fb82ce8f3f42d35 (diff) | |
download | tangerine-wallet-browser-988283778a2be52640b27a359ef3fb1130e95711.tar.gz tangerine-wallet-browser-988283778a2be52640b27a359ef3fb1130e95711.tar.zst tangerine-wallet-browser-988283778a2be52640b27a359ef3fb1130e95711.zip |
Merge pull request #4090 from MetaMask/i3725-refactor-send-component-
I3725 Refactor Send Component
Diffstat (limited to 'ui/app/components/send_/send-content/send-gas-row/tests/send-gas-row-component.test.js')
-rw-r--r-- | ui/app/components/send_/send-content/send-gas-row/tests/send-gas-row-component.test.js | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/ui/app/components/send_/send-content/send-gas-row/tests/send-gas-row-component.test.js b/ui/app/components/send_/send-content/send-gas-row/tests/send-gas-row-component.test.js new file mode 100644 index 000000000..e4f05d708 --- /dev/null +++ b/ui/app/components/send_/send-content/send-gas-row/tests/send-gas-row-component.test.js @@ -0,0 +1,65 @@ +import React from 'react' +import assert from 'assert' +import { shallow } from 'enzyme' +import sinon from 'sinon' +import SendGasRow from '../send-gas-row.component.js' + +import SendRowWrapper from '../../send-row-wrapper/send-row-wrapper.component' +import GasFeeDisplay from '../../../../send/gas-fee-display-v2' + +const propsMethodSpies = { + showCustomizeGasModal: sinon.spy(), +} + +describe('SendGasRow Component', function () { + let wrapper + + beforeEach(() => { + wrapper = shallow(<SendGasRow + conversionRate={20} + convertedCurrency={'mockConvertedCurrency'} + gasLoadingError={false} + gasTotal={'mockGasTotal'} + showCustomizeGasModal={propsMethodSpies.showCustomizeGasModal} + />, { context: { t: str => str + '_t' } }) + }) + + afterEach(() => { + propsMethodSpies.showCustomizeGasModal.resetHistory() + }) + + describe('render', () => { + it('should render a SendRowWrapper component', () => { + assert.equal(wrapper.find(SendRowWrapper).length, 1) + }) + + it('should pass the correct props to SendRowWrapper', () => { + const { + label, + } = wrapper.find(SendRowWrapper).props() + + assert.equal(label, 'gasFee_t:') + }) + + it('should render a GasFeeDisplay as a child of the SendRowWrapper', () => { + assert(wrapper.find(SendRowWrapper).childAt(0).is(GasFeeDisplay)) + }) + + it('should render the GasFeeDisplay with the correct props', () => { + const { + conversionRate, + convertedCurrency, + gasLoadingError, + gasTotal, + onClick, + } = wrapper.find(SendRowWrapper).childAt(0).props() + assert.equal(conversionRate, 20) + assert.equal(convertedCurrency, 'mockConvertedCurrency') + assert.equal(gasLoadingError, false) + assert.equal(gasTotal, 'mockGasTotal') + assert.equal(propsMethodSpies.showCustomizeGasModal.callCount, 0) + onClick() + assert.equal(propsMethodSpies.showCustomizeGasModal.callCount, 1) + }) + }) +}) |