Add react-testing-library/react (#9249)
* Add react-testing-library Adds react-testing-library as a dependency, creates a wrapper function with Provider store/I18n context support, and implements it in unconnected-account-alert. * Refactor renderWithProvider store to extra param, instead of component prop storefeature/default_network_editable
Thomas Huang
4 years ago
committed by
GitHub
parent
6aba8e6bc1
commit
5f11273550
@ -0,0 +1,158 @@ |
|||||||
|
import assert from 'assert' |
||||||
|
import React from 'react' |
||||||
|
|
||||||
|
import sinon from 'sinon' |
||||||
|
import thunk from 'redux-thunk' |
||||||
|
|
||||||
|
import { fireEvent } from '@testing-library/react' |
||||||
|
import configureMockStore from 'redux-mock-store' |
||||||
|
|
||||||
|
import { renderWithProvider } from '../../../../../../../test/lib/render-helpers' |
||||||
|
|
||||||
|
import * as actions from '../../../../../store/actions' |
||||||
|
import UnconnectedAccountAlert from '..' |
||||||
|
|
||||||
|
describe('Unconnected Account Alert', function () { |
||||||
|
|
||||||
|
const network = '123' |
||||||
|
|
||||||
|
const selectedAddress = '0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b' |
||||||
|
|
||||||
|
const identities = { |
||||||
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc': { |
||||||
|
address: '0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc', |
||||||
|
name: 'Account 1', |
||||||
|
}, |
||||||
|
'0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b': { |
||||||
|
address: '0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b', |
||||||
|
name: 'Account 2', |
||||||
|
}, |
||||||
|
} |
||||||
|
|
||||||
|
const accounts = { |
||||||
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc': { |
||||||
|
address: '0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc', |
||||||
|
balance: '0x0', |
||||||
|
}, |
||||||
|
'0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b': { |
||||||
|
address: '0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b', |
||||||
|
balance: '0x0', |
||||||
|
}, |
||||||
|
} |
||||||
|
|
||||||
|
const cachedBalances = { |
||||||
|
'123': { |
||||||
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc': '0x0', |
||||||
|
'0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b': '0x0', |
||||||
|
}, |
||||||
|
} |
||||||
|
|
||||||
|
const keyrings = [ |
||||||
|
{ |
||||||
|
type: 'HD Key Tree', |
||||||
|
accounts: [ |
||||||
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc', |
||||||
|
'0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b', |
||||||
|
], |
||||||
|
}, |
||||||
|
] |
||||||
|
|
||||||
|
const mockState = { |
||||||
|
metamask: { |
||||||
|
network, |
||||||
|
selectedAddress, |
||||||
|
identities, |
||||||
|
accounts, |
||||||
|
cachedBalances, |
||||||
|
keyrings, |
||||||
|
permissionsHistory: { |
||||||
|
'https://test.dapp': { |
||||||
|
eth_accounts: { |
||||||
|
accounts: { |
||||||
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc': 1596681857076, |
||||||
|
}, |
||||||
|
}, |
||||||
|
}, |
||||||
|
}, |
||||||
|
domains: { |
||||||
|
'https://test.dapp': { |
||||||
|
permissions: [ |
||||||
|
{ |
||||||
|
caveats: [ |
||||||
|
{ |
||||||
|
name: 'primaryAccountOnly', |
||||||
|
type: 'limitResponseLength', |
||||||
|
value: 1, |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: 'exposedAccounts', |
||||||
|
type: 'filterResponse', |
||||||
|
value: [ |
||||||
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc', |
||||||
|
], |
||||||
|
}, |
||||||
|
], |
||||||
|
invoker: 'https://test.dapp', |
||||||
|
parentCapability: 'eth_accounts', |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}, |
||||||
|
}, |
||||||
|
activeTab: { |
||||||
|
origin: 'https://test.dapp', |
||||||
|
}, |
||||||
|
unconnectedAccount: { |
||||||
|
state: 'OPEN', |
||||||
|
}, |
||||||
|
} |
||||||
|
|
||||||
|
afterEach(function () { |
||||||
|
sinon.restore() |
||||||
|
}) |
||||||
|
|
||||||
|
it('checks that checkbox is checked', function () { |
||||||
|
|
||||||
|
const store = configureMockStore()(mockState) |
||||||
|
|
||||||
|
const { getByRole } = renderWithProvider(<UnconnectedAccountAlert />, store) |
||||||
|
|
||||||
|
const dontShowCheckbox = getByRole('checkbox') |
||||||
|
|
||||||
|
assert.equal(dontShowCheckbox.checked, false) |
||||||
|
fireEvent.click(dontShowCheckbox) |
||||||
|
assert.equal(dontShowCheckbox.checked, true) |
||||||
|
}) |
||||||
|
|
||||||
|
it('clicks dismiss button and calls dismissAlert action', function () { |
||||||
|
const store = configureMockStore()(mockState) |
||||||
|
|
||||||
|
const { getByText } = renderWithProvider(<UnconnectedAccountAlert />, store) |
||||||
|
|
||||||
|
const dismissButton = getByText(/dismiss/u) |
||||||
|
fireEvent.click(dismissButton) |
||||||
|
|
||||||
|
assert.equal(store.getActions()[0].type, 'unconnectedAccount/dismissAlert') |
||||||
|
}) |
||||||
|
|
||||||
|
it('clicks Dont Show checkbox and dismiss to call disable alert request action', async function () { |
||||||
|
sinon.stub(actions, 'setAlertEnabledness').returns(() => Promise.resolve()) |
||||||
|
|
||||||
|
const store = configureMockStore([thunk])(mockState) |
||||||
|
|
||||||
|
const { getByText, getByRole } = renderWithProvider(<UnconnectedAccountAlert />, store) |
||||||
|
|
||||||
|
const dismissButton = getByText(/dismiss/u) |
||||||
|
const dontShowCheckbox = getByRole('checkbox') |
||||||
|
|
||||||
|
fireEvent.click(dontShowCheckbox) |
||||||
|
fireEvent.click(dismissButton) |
||||||
|
|
||||||
|
setImmediate(() => { |
||||||
|
assert.equal(store.getActions()[0].type, 'unconnectedAccount/disableAlertRequested') |
||||||
|
assert.equal(store.getActions()[1].type, 'unconnectedAccount/disableAlertSucceeded') |
||||||
|
}) |
||||||
|
|
||||||
|
}) |
||||||
|
|
||||||
|
}) |
||||||
Loading…
Reference in new issue