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-row-wrapper/tests/send-row-wrapper-component....

117 lines
3.4 KiB

import assert from 'assert'
import React from 'react'
import { shallow } from 'enzyme'
import SendRowWrapper from '../send-row-wrapper.component'
import SendRowErrorMessage from '../send-row-error-message/send-row-error-message.container'
describe('SendContent Component', function () {
let wrapper
describe('render', function () {
beforeEach(function () {
wrapper = shallow(
<SendRowWrapper
errorType="mockErrorType"
label="mockLabel"
showError={false}
>
<span>Mock Form Field</span>
</SendRowWrapper>,
)
})
it('should render a div with a send-v2__form-row class', function () {
assert.equal(wrapper.find('div.send-v2__form-row').length, 1)
})
it('should render two children of the root div, with send-v2_form label and field classes', function () {
assert.equal(
wrapper.find('.send-v2__form-row > .send-v2__form-label').length,
1,
)
assert.equal(
wrapper.find('.send-v2__form-row > .send-v2__form-field').length,
1,
)
})
it('should render the label as a child of the send-v2__form-label', function () {
assert.equal(
wrapper
.find('.send-v2__form-row > .send-v2__form-label')
.childAt(0)
.text(),
'mockLabel',
)
})
it('should render its first child as a child of the send-v2__form-field', function () {
assert.equal(
wrapper
.find('.send-v2__form-row > .send-v2__form-field')
.childAt(0)
.text(),
'Mock Form Field',
)
})
it('should not render a SendRowErrorMessage if showError is false', function () {
assert.equal(wrapper.find(SendRowErrorMessage).length, 0)
})
it('should render a SendRowErrorMessage with and errorType props if showError is true', function () {
5 years ago
wrapper.setProps({ showError: true })
assert.equal(wrapper.find(SendRowErrorMessage).length, 1)
const expectedSendRowErrorMessage = wrapper
.find('.send-v2__form-row > .send-v2__form-label')
.childAt(1)
assert(expectedSendRowErrorMessage.is(SendRowErrorMessage))
assert.deepEqual(expectedSendRowErrorMessage.props(), {
errorType: 'mockErrorType',
})
})
it('should render its second child as a child of the send-v2__form-field, if it has two children', function () {
wrapper = shallow(
<SendRowWrapper
errorType="mockErrorType"
label="mockLabel"
showError={false}
>
<span>Mock Custom Label Content</span>
<span>Mock Form Field</span>
</SendRowWrapper>,
)
assert.equal(
wrapper
.find('.send-v2__form-row > .send-v2__form-field')
.childAt(0)
.text(),
'Mock Form Field',
)
})
it('should render its first child as the last child of the send-v2__form-label, if it has two children', function () {
wrapper = shallow(
<SendRowWrapper
errorType="mockErrorType"
label="mockLabel"
showError={false}
>
<span>Mock Custom Label Content</span>
<span>Mock Form Field</span>
</SendRowWrapper>,
)
assert.equal(
wrapper
.find('.send-v2__form-row > .send-v2__form-label')
.childAt(1)
.text(),
'Mock Custom Label Content',
)
})
})
})