A Metamask fork with Infura removed and default networks editable
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
ciphermask/ui/app/pages/send/send-content/send-content.component.test.js

157 lines
5.1 KiB

import assert from 'assert';
import React from 'react';
import { shallow } from 'enzyme';
import PageContainerContent from '../../../components/ui/page-container/page-container-content.component';
import Dialog from '../../../components/ui/dialog';
import SendContent from './send-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';
describe('SendContent Component', function () {
let wrapper;
beforeEach(function () {
wrapper = shallow(<SendContent showHexData />, {
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);
});
});