import assert from 'assert' import React from 'react' import { shallow } from 'enzyme' import SendContent from '../send-content.component' import PageContainerContent from '../../../../components/ui/page-container/page-container-content.component' import SendAmountRow from '../send-amount-row/send-amount-row.container' import SendGasRow from '../send-gas-row/send-gas-row.container' import SendHexDataRow from '../send-hex-data-row/send-hex-data-row.container' import SendAssetRow from '../send-asset-row/send-asset-row.container' import Dialog from '../../../../components/ui/dialog' describe('SendContent Component', function () { let wrapper beforeEach(function () { wrapper = shallow(, { context: { t: (str) => `${str}_t` }, }) }) describe('render', function () { it('should render a PageContainerContent component', function () { assert.strictEqual(wrapper.find(PageContainerContent).length, 1) }) it('should render a div with a .send-v2__form class as a child of PageContainerContent', function () { const PageContainerContentChild = wrapper .find(PageContainerContent) .children() PageContainerContentChild.is('div') PageContainerContentChild.is('.send-v2__form') }) it('should render the correct row components as grandchildren of the PageContainerContent component', function () { const PageContainerContentChild = wrapper .find(PageContainerContent) .children() assert( PageContainerContentChild.childAt(0).is(Dialog), 'row[0] should be Dialog', ) assert( PageContainerContentChild.childAt(1).is(SendAssetRow), 'row[1] should be SendAssetRow', ) assert( PageContainerContentChild.childAt(2).is(SendAmountRow), 'row[2] should be SendAmountRow', ) assert( PageContainerContentChild.childAt(3).is(SendGasRow), 'row[3] should be SendGasRow', ) assert( PageContainerContentChild.childAt(4).is(SendHexDataRow), 'row[4] should be SendHexDataRow', ) }) it('should not render the SendHexDataRow if props.showHexData is false', function () { wrapper.setProps({ showHexData: false }) const PageContainerContentChild = wrapper .find(PageContainerContent) .children() assert( PageContainerContentChild.childAt(0).is(Dialog), 'row[0] should be Dialog', ) assert( PageContainerContentChild.childAt(1).is(SendAssetRow), 'row[1] should be SendAssetRow', ) assert( PageContainerContentChild.childAt(2).is(SendAmountRow), 'row[2] should be SendAmountRow', ) assert( PageContainerContentChild.childAt(3).is(SendGasRow), 'row[3] should be SendGasRow', ) assert.strictEqual(PageContainerContentChild.childAt(4).exists(), false) }) it('should not render the Dialog if contact has a name', function () { wrapper.setProps({ showHexData: false, contact: { name: 'testName' }, }) const PageContainerContentChild = wrapper .find(PageContainerContent) .children() assert( PageContainerContentChild.childAt(0).is(SendAssetRow), 'row[1] should be SendAssetRow', ) assert( PageContainerContentChild.childAt(1).is(SendAmountRow), 'row[2] should be SendAmountRow', ) assert( PageContainerContentChild.childAt(2).is(SendGasRow), 'row[3] should be SendGasRow', ) assert.strictEqual(PageContainerContentChild.childAt(3).exists(), false) }) it('should not render the Dialog if it is an ownedAccount', function () { wrapper.setProps({ showHexData: false, isOwnedAccount: true, }) const PageContainerContentChild = wrapper .find(PageContainerContent) .children() assert( PageContainerContentChild.childAt(0).is(SendAssetRow), 'row[1] should be SendAssetRow', ) assert( PageContainerContentChild.childAt(1).is(SendAmountRow), 'row[2] should be SendAmountRow', ) assert( PageContainerContentChild.childAt(2).is(SendGasRow), 'row[3] should be SendGasRow', ) assert.strictEqual(PageContainerContentChild.childAt(3).exists(), false) }) }) it('should not render the asset dropdown if token length is 0 ', function () { wrapper.setProps({ tokens: [] }) const PageContainerContentChild = wrapper .find(PageContainerContent) .children() assert(PageContainerContentChild.childAt(1).is(SendAssetRow)) assert( PageContainerContentChild.childAt(1).find( 'send-v2__asset-dropdown__single-asset', ), true, ) }) it('should render warning', function () { wrapper.setProps({ warning: 'watchout', }) const dialog = wrapper.find(Dialog).at(0) assert.strictEqual(dialog.props().type, 'warning') assert.strictEqual(dialog.props().children, 'watchout_t') assert.strictEqual(dialog.length, 1) }) })