+ if (link && issuer)
+ return (
+
{display}
- ) : (
- display
)
+ content = display
}
- return {content}
+ return (
+
+ {content}
+
+ )
}
export const hexToString = (hex: string) => {
diff --git a/src/containers/shared/components/TokenSearchResults/test/TokenSearchResults.test.js b/src/containers/shared/components/TokenSearchResults/test/TokenSearchResults.test.js
index a3392b28a..d81b24cd7 100644
--- a/src/containers/shared/components/TokenSearchResults/test/TokenSearchResults.test.js
+++ b/src/containers/shared/components/TokenSearchResults/test/TokenSearchResults.test.js
@@ -57,7 +57,7 @@ describe('Testing tokens search', () => {
``,
)
expect(searchMenu.find('.currency').at(0).html()).toEqual(
- `SOLO`,
+ `SOLO`,
)
expect(searchMenu.find('.issuer-name').at(0).html()).toEqual(
`Sologenic (
`,
diff --git a/src/containers/shared/components/Transaction/DepositPreauth/test/DepositPreauthDescription.test.tsx b/src/containers/shared/components/Transaction/DepositPreauth/test/DepositPreauthDescription.test.tsx
index 29672c26c..fdaa7079e 100644
--- a/src/containers/shared/components/Transaction/DepositPreauth/test/DepositPreauthDescription.test.tsx
+++ b/src/containers/shared/components/Transaction/DepositPreauth/test/DepositPreauthDescription.test.tsx
@@ -12,7 +12,7 @@ describe('DepositPreauth: Description', () => {
it('renders description for authorize', () => {
const wrapper = createWrapper(mockDepositPreaut)
expect(wrapper.html()).toBe(
- ``,
+ ``,
)
wrapper.unmount()
})
@@ -20,7 +20,7 @@ describe('DepositPreauth: Description', () => {
it('renders description for unauthorize', () => {
const wrapper = createWrapper(mockDepositPreauthUnauthorize)
expect(wrapper.html()).toBe(
- ``,
+ ``,
)
wrapper.unmount()
})
diff --git a/src/containers/shared/components/Transaction/EscrowCancel/test/EscrowCancelDescription.test.tsx b/src/containers/shared/components/Transaction/EscrowCancel/test/EscrowCancelDescription.test.tsx
index d4d4a3776..25af99edc 100644
--- a/src/containers/shared/components/Transaction/EscrowCancel/test/EscrowCancelDescription.test.tsx
+++ b/src/containers/shared/components/Transaction/EscrowCancel/test/EscrowCancelDescription.test.tsx
@@ -8,7 +8,7 @@ describe('EscrowCancelDescription', () => {
it('renders description for EscrowCancel', () => {
const wrapper = createWrapper(EscrowCancel)
expect(wrapper.html()).toBe(
- 'The escrow was created byrpmqbo5FWoydTL2Ufh5YdtzmRjbeLyxt56with transactionA979AD...',
+ 'The escrow was created byrpmqbo5FWoydTL2Ufh5YdtzmRjbeLyxt56with transactionA979AD...',
)
wrapper.unmount()
})
diff --git a/src/containers/shared/components/Transaction/EscrowCreate/test/EscrowCreateDescription.test.tsx b/src/containers/shared/components/Transaction/EscrowCreate/test/EscrowCreateDescription.test.tsx
index d55fa71f6..0c256b19e 100644
--- a/src/containers/shared/components/Transaction/EscrowCreate/test/EscrowCreateDescription.test.tsx
+++ b/src/containers/shared/components/Transaction/EscrowCreate/test/EscrowCreateDescription.test.tsx
@@ -8,7 +8,7 @@ describe('EscrowCreateDescription', () => {
it('renders description for EscrowCreate', () => {
const wrapper = createWrapper(EscrowCreate)
expect(wrapper.html()).toBe(
- 'The escrow is fromrLbgNAngLq3HABBXK4uPGCHrqeZwgaYi8qtorLbgNAngLq3HABBXK4uPGCHrqeZwgaYi7qescrow_condition A0258020886F982742772F414243855DC13B348FC78FB3D5119412C8A6480114E36A4451810120
escrowed_amount \uE900997.50XRP
describe_cancel_after March 1, 2020 at 8:54:20 AM UTC
describe_finish_after March 1, 2020 at 9:01:00 AM UTC
',
+ 'The escrow is fromrLbgNAngLq3HABBXK4uPGCHrqeZwgaYi8qtorLbgNAngLq3HABBXK4uPGCHrqeZwgaYi7qescrow_condition A0258020886F982742772F414243855DC13B348FC78FB3D5119412C8A6480114E36A4451810120
escrowed_amount \uE900997.50XRP
describe_cancel_after March 1, 2020 at 8:54:20 AM UTC
describe_finish_after March 1, 2020 at 9:01:00 AM UTC
',
)
wrapper.unmount()
})
diff --git a/src/containers/shared/components/Transaction/EscrowFinish/test/EscrowFinishDescription.test.tsx b/src/containers/shared/components/Transaction/EscrowFinish/test/EscrowFinishDescription.test.tsx
index eba92bc6e..558762aa2 100644
--- a/src/containers/shared/components/Transaction/EscrowFinish/test/EscrowFinishDescription.test.tsx
+++ b/src/containers/shared/components/Transaction/EscrowFinish/test/EscrowFinishDescription.test.tsx
@@ -8,7 +8,7 @@ describe('EscrowFinishDescription', () => {
it('renders description for EscrowFinish', () => {
const wrapper = createWrapper(EscrowFinish)
expect(wrapper.html()).toBe(
- 'The escrow was created byr4UDXF4nL7Tgss8uQxn39cCocd8GnGyXS8with transaction3E2E75...escrow_finish_fullfillment_desc Fulfillment
',
+ 'The escrow was created byr4UDXF4nL7Tgss8uQxn39cCocd8GnGyXS8with transaction3E2E75...escrow_finish_fullfillment_desc Fulfillment
',
)
wrapper.unmount()
})
diff --git a/src/containers/shared/components/Transaction/NFTokenAcceptOffer/test/NFTokenAcceptOfferSimple.test.jsx b/src/containers/shared/components/Transaction/NFTokenAcceptOffer/test/NFTokenAcceptOfferSimple.test.tsx
similarity index 100%
rename from src/containers/shared/components/Transaction/NFTokenAcceptOffer/test/NFTokenAcceptOfferSimple.test.jsx
rename to src/containers/shared/components/Transaction/NFTokenAcceptOffer/test/NFTokenAcceptOfferSimple.test.tsx
diff --git a/src/containers/shared/components/Transaction/NFTokenBurn/test/NFTokenBurnSimple.test.jsx b/src/containers/shared/components/Transaction/NFTokenBurn/test/NFTokenBurnSimple.test.tsx
similarity index 100%
rename from src/containers/shared/components/Transaction/NFTokenBurn/test/NFTokenBurnSimple.test.jsx
rename to src/containers/shared/components/Transaction/NFTokenBurn/test/NFTokenBurnSimple.test.tsx
diff --git a/src/containers/shared/components/Transaction/NFTokenCancelOffer/test/NFTokenCancelOfferSimple.test.jsx b/src/containers/shared/components/Transaction/NFTokenCancelOffer/test/NFTokenCancelOfferSimple.test.tsx
similarity index 100%
rename from src/containers/shared/components/Transaction/NFTokenCancelOffer/test/NFTokenCancelOfferSimple.test.jsx
rename to src/containers/shared/components/Transaction/NFTokenCancelOffer/test/NFTokenCancelOfferSimple.test.tsx
diff --git a/src/containers/shared/components/Transaction/NFTokenCreateOffer/test/NFTokenCreateOfferSimple.test.jsx b/src/containers/shared/components/Transaction/NFTokenCreateOffer/test/NFTokenCreateOfferSimple.test.tsx
similarity index 100%
rename from src/containers/shared/components/Transaction/NFTokenCreateOffer/test/NFTokenCreateOfferSimple.test.jsx
rename to src/containers/shared/components/Transaction/NFTokenCreateOffer/test/NFTokenCreateOfferSimple.test.tsx
diff --git a/src/containers/shared/components/Transaction/NFTokenMint/test/NFTokenMintSimple.test.jsx b/src/containers/shared/components/Transaction/NFTokenMint/test/NFTokenMintSimple.test.tsx
similarity index 99%
rename from src/containers/shared/components/Transaction/NFTokenMint/test/NFTokenMintSimple.test.jsx
rename to src/containers/shared/components/Transaction/NFTokenMint/test/NFTokenMintSimple.test.tsx
index 0ce68de1c..1da139efa 100644
--- a/src/containers/shared/components/Transaction/NFTokenMint/test/NFTokenMintSimple.test.jsx
+++ b/src/containers/shared/components/Transaction/NFTokenMint/test/NFTokenMintSimple.test.tsx
@@ -144,7 +144,7 @@ describe('NFTokenMint', () => {
'token-uri',
convertHexToString(
'516D5071416B3677777577796A71654C476F64665253375156774677394346736A6D363375485661556438387463',
- ),
+ ) as string,
)
wrapper.unmount()
})
@@ -182,7 +182,7 @@ describe('NFTokenMint', () => {
'token-uri',
convertHexToString(
'516D5071416B3677777577796A71654C476F64665253375156774677394346736A6D363375485661556438387463',
- ),
+ ) as string,
)
wrapper.unmount()
})
diff --git a/src/containers/shared/components/Transaction/OfferCreate/test/OfferCreateDescription.test.tsx b/src/containers/shared/components/Transaction/OfferCreate/test/OfferCreateDescription.test.tsx
index 25d08654c..fd467dcde 100644
--- a/src/containers/shared/components/Transaction/OfferCreate/test/OfferCreateDescription.test.tsx
+++ b/src/containers/shared/components/Transaction/OfferCreate/test/OfferCreateDescription.test.tsx
@@ -10,7 +10,7 @@ describe('OfferCreate: Description', () => {
const wrapper = createWrapper(OfferCreate)
expect(wrapper.html()).toBe(
- 'offer_create_desc_line_2 612.52XRP/CSC
offer_create_desc_line_3 44866443
The offer expiresMay 18, 2022 at 5:28:16 PM UTCunless cancelled before',
+ 'offer_create_desc_line_2 612.52XRP/CSC
offer_create_desc_line_3 44866443
The offer expiresMay 18, 2022 at 5:28:16 PM UTCunless cancelled before',
)
wrapper.unmount()
})
@@ -19,7 +19,7 @@ describe('OfferCreate: Description', () => {
const wrapper = createWrapper(OfferCreateInvertedCurrencies)
expect(wrapper.html()).toBe(
- 'offer_create_desc_line_2 0.34690XRP/USD
offer_create_desc_line_3 80543309
',
+ 'offer_create_desc_line_2 0.34690XRP/USD
offer_create_desc_line_3 80543309
',
)
wrapper.unmount()
})
diff --git a/src/containers/shared/components/Transaction/TrustSet/test/TrustSetDescription.test.tsx b/src/containers/shared/components/Transaction/TrustSet/test/TrustSetDescription.test.tsx
index e9331d2a4..c1826319f 100644
--- a/src/containers/shared/components/Transaction/TrustSet/test/TrustSetDescription.test.tsx
+++ b/src/containers/shared/components/Transaction/TrustSet/test/TrustSetDescription.test.tsx
@@ -11,7 +11,7 @@ describe('TrustSet: Description', () => {
it('renders description for authorize', () => {
const wrapper = createWrapper(mockTrustSet)
expect(wrapper.html()).toBe(
- ``,
+ ``,
)
wrapper.unmount()
})
diff --git a/src/containers/shared/components/test/Account.test.tsx b/src/containers/shared/components/test/Account.test.tsx
index 50e48f5c9..958463089 100644
--- a/src/containers/shared/components/test/Account.test.tsx
+++ b/src/containers/shared/components/test/Account.test.tsx
@@ -1,104 +1,75 @@
-import { mount } from 'enzyme'
import { I18nextProvider } from 'react-i18next'
import { BrowserRouter } from 'react-router-dom'
+import { cleanup, render, screen } from '@testing-library/react'
import i18n from '../../../../i18n/testConfig'
import { Account } from '../Account'
-const createWrapper = (component: JSX.Element) =>
- mount(
+const renderComponent = (component: JSX.Element) =>
+ render(
{component}
,
)
+const ACCOUNT = 'rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt'
+const ACCOUNT_PLUS_DT = `${ACCOUNT}:381702`
+
describe('Account', () => {
+ afterEach(cleanup)
it('should render with a link', () => {
- const wrapper = createWrapper(
- ,
- )
- const anchor = wrapper.find('a')
- expect(anchor).toHaveClassName('account')
- expect(anchor).toHaveText('rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(anchor).toHaveProp(
- 'href',
- '/accounts/rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt',
- )
- expect(anchor).toHaveProp('title', 'rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(wrapper.find('.dt')).not.toExist()
- wrapper.unmount()
+ renderComponent()
+ const element = screen.getByTestId('account')
+ expect(element).toHaveClass('account')
+ expect(element).toHaveTextContent(ACCOUNT)
+ expect(element).toHaveAttribute('href', `/accounts/${ACCOUNT}`)
+ expect(element).toHaveAttribute('title', ACCOUNT)
+ expect(screen.queryByTestId('dt')).toBeNull()
})
it('should render without a link', () => {
- const wrapper = createWrapper(
- ,
- )
- const address = wrapper.find('.account').hostNodes()
- expect(address).toHaveText('rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(address).not.toHaveDisplayName('a')
- expect(address).toHaveProp('title', 'rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(wrapper.find('.dt')).not.toExist()
- wrapper.unmount()
+ renderComponent()
+ const element = screen.getByTestId('account')
+ expect(element).toHaveTextContent(ACCOUNT)
+ expect(element).not.toHaveAttribute('href')
+ expect(element).toHaveAttribute('title', ACCOUNT)
+ expect(screen.queryByTestId('dt')).toBeNull()
})
it('should render with a destination tag', () => {
- const wrapper = createWrapper(
- ,
- )
- const anchor = wrapper.find('a')
- expect(anchor).toHaveClassName('account')
- expect(anchor).toHaveText('rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(anchor).toHaveProp(
- 'href',
- '/accounts/rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt',
- )
- expect(anchor).toHaveProp('title', 'rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(wrapper.find('.dt')).toHaveText(':381702')
- wrapper.unmount()
+ renderComponent()
+ const element = screen.getByTestId('account')
+ expect(element).toHaveClass('account')
+ expect(element).toHaveTextContent(ACCOUNT)
+ expect(element).toHaveAttribute('href', `/accounts/${ACCOUNT}`)
+ expect(element).toHaveAttribute('title', ACCOUNT)
+ expect(screen.queryByTestId('dt')).toHaveTextContent(':381702')
})
it('should render with a destination tag and no link', () => {
- const wrapper = createWrapper(
- ,
- )
- const address = wrapper.find('.account')
- expect(address).toHaveText('rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(address).not.toHaveDisplayName('a')
- expect(address).toHaveProp('title', 'rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(wrapper.find('.dt')).toHaveText(':381702')
- wrapper.unmount()
+ renderComponent()
+ const element = screen.getByTestId('account')
+ expect(element).toHaveClass('account')
+ expect(element).toHaveTextContent(ACCOUNT)
+ expect(element).not.toHaveAttribute('href')
+ expect(element).toHaveAttribute('title', ACCOUNT)
+ expect(screen.queryByTestId('dt')).toHaveTextContent(':381702')
})
it('should render with a destination tag supplied separately', () => {
- const wrapper = createWrapper(
- ,
- )
- const anchor = wrapper.find('a')
- expect(anchor).toHaveClassName('account')
- expect(anchor).toHaveText('rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(anchor).toHaveProp(
- 'href',
- '/accounts/rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt',
- )
- expect(anchor).toHaveProp('title', 'rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(wrapper.find('.dt')).toHaveText(':123')
- wrapper.unmount()
+ renderComponent()
+ const element = screen.getByTestId('account')
+ expect(element).toHaveClass('account')
+ expect(element).toHaveTextContent(ACCOUNT)
+ expect(element).toHaveAttribute('href', `/accounts/${ACCOUNT}`)
+ expect(element).toHaveAttribute('title', ACCOUNT)
+ expect(screen.queryByTestId('dt')).toHaveTextContent(':123')
})
it('should render with a destination tag supplied separately and no link', () => {
- const wrapper = createWrapper(
- ,
- )
- const address = wrapper.find('.account')
- expect(address).toHaveText('rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(address).not.toHaveDisplayName('a')
- expect(address).toHaveProp('title', 'rHWcuuZoFvDS6gNbmHSdpb7u1hZzxvCoMt')
- expect(wrapper.find('.dt')).toHaveText(':123')
- wrapper.unmount()
+ renderComponent()
+ const element = screen.getByTestId('account')
+ expect(element).toHaveTextContent(ACCOUNT)
+ expect(element).not.toHaveAttribute('href')
+ expect(element).toHaveAttribute('title', ACCOUNT)
+ expect(screen.queryByTestId('dt')).toHaveTextContent(':123')
})
})
diff --git a/src/containers/shared/components/test/Amount.test.tsx b/src/containers/shared/components/test/Amount.test.tsx
index 749f62033..a1c226587 100644
--- a/src/containers/shared/components/test/Amount.test.tsx
+++ b/src/containers/shared/components/test/Amount.test.tsx
@@ -1,6 +1,6 @@
import { I18nextProvider } from 'react-i18next'
import { BrowserRouter } from 'react-router-dom'
-import { mount } from 'enzyme'
+import { cleanup, render, screen } from '@testing-library/react'
import { useQuery } from 'react-query'
import { Amount } from '../Amount'
import i18n from '../../../../i18n/testConfig'
@@ -11,8 +11,9 @@ jest.mock('react-query', () => ({
}))
describe('Amount', () => {
- const createWrapper = (component: JSX.Element) =>
- mount(
+ afterEach(cleanup)
+ const renderComponent = (component: JSX.Element) =>
+ render(
{component}
,
@@ -25,12 +26,13 @@ describe('Amount', () => {
issuer: 'rGwUWgN5BEg3QGNY3RX2HfYowjUTZdid3E',
}
- const wrapper = createWrapper()
- expect(wrapper.find('.currency').text()).toEqual(
+ renderComponent()
+ expect(screen.getByTestId('currency')).toHaveTextContent(
'DYM.rGwUWgN5BEg3QGNY3RX2HfYowjUTZdid3E',
)
- expect(wrapper.find('.amount-localized').text()).toEqual('95.13258523')
- wrapper.unmount()
+ expect(screen.getByTestId('amount-localized')).toHaveTextContent(
+ '95.13258523',
+ )
})
it('handles currency codes with standard symbols', () => {
@@ -40,25 +42,29 @@ describe('Amount', () => {
issuer: 'rvYAfWj5gh67oV6fW32ZzP3Aw4Eubs59B',
}
- const wrapper = createWrapper()
- expect(wrapper.find('.currency').text()).toEqual(
+ renderComponent()
+ expect(screen.getByTestId('currency')).toHaveTextContent(
'JPY.rvYAfWj5gh67oV6fW32ZzP3Aw4Eubs59B',
)
- expect(wrapper.find('.amount-localized').text()).toEqual('¥4,986.30908733')
- wrapper.unmount()
+ expect(screen.getByTestId('amount-localized')).toHaveTextContent(
+ '¥4,986.30908733',
+ )
+ })
+ it('handles currency codes with standard symbols', () => {
const value2 = {
amount: 78.5098894970562,
currency: 'GBP',
issuer: 'rvYAfWj5gh67oV6fW32ZzP3Aw4Eubs59B',
}
- const wrapper2 = createWrapper()
- expect(wrapper2.find('.currency').text()).toEqual(
+ renderComponent()
+ expect(screen.getByTestId('currency')).toHaveTextContent(
'GBP.rvYAfWj5gh67oV6fW32ZzP3Aw4Eubs59B',
)
- expect(wrapper2.find('.amount-localized').text()).toEqual('£78.5098895')
- wrapper2.unmount()
+ expect(screen.getByTestId('amount-localized')).toHaveTextContent(
+ '£78.5098895',
+ )
})
it('handles currency codes that are 4 characters ', () => {
@@ -68,12 +74,13 @@ describe('Amount', () => {
issuer: 'rGwUWgN5BEg3QGNY3RX2HfYowjUTZdid3E',
}
- const wrapper = createWrapper()
- expect(wrapper.find('.currency').text()).toEqual(
+ renderComponent()
+ expect(screen.getByTestId('currency')).toHaveTextContent(
'WOOT.rGwUWgN5BEg3QGNY3RX2HfYowjUTZdid3E',
)
- expect(wrapper.find('.amount-localized').text()).toEqual('95.13258523')
- wrapper.unmount()
+ expect(screen.getByTestId('amount-localized')).toHaveTextContent(
+ '95.13258523',
+ )
})
it('handles currency codes that are 40 characters ', () => {
@@ -82,12 +89,13 @@ describe('Amount', () => {
currency: '0158415500000000C1F76FF6ECB0BAC600000000',
issuer: 'rrh7rf1gV2pXAoqA8oYbpHd8TKv5ZQeo67',
}
- const wrapper = createWrapper()
- expect(wrapper.find('.currency').text()).toEqual(
+ renderComponent()
+ expect(screen.getByTestId('currency')).toHaveTextContent(
'XAUÁ÷oöì°ºÆ.rrh7rf1gV2pXAoqA8oYbpHd8TKv5ZQeo67',
)
- expect(wrapper.find('.amount-localized').text()).toEqual('3.6923854')
- wrapper.unmount()
+ expect(screen.getByTestId('amount-localized')).toHaveTextContent(
+ '3.6923854',
+ )
})
it('handles currency codes that are 40 characters and hidden issuer', () => {
@@ -96,32 +104,29 @@ describe('Amount', () => {
currency: '0158415500000000C1F76FF6ECB0BAC600000000',
issuer: 'rrh7rf1gV2pXAoqA8oYbpHd8TKv5ZQeo67',
}
- const wrapper = createWrapper(
- ,
+ renderComponent()
+ expect(screen.getByTestId('currency')).toHaveTextContent('XAUÁ÷oöì°ºÆ')
+ expect(screen.getByTestId('amount-localized')).toHaveTextContent(
+ '3.6923854',
)
- expect(wrapper.find('.currency').text()).toEqual('XAUÁ÷oöì°ºÆ')
- expect(wrapper.find('.amount-localized').text()).toEqual('3.6923854')
- wrapper.unmount()
})
it('handles XRP-style amounts', () => {
const value = '1000'
- const wrapper = createWrapper(
- ,
+ renderComponent()
+ expect(screen.getByTestId('currency')).toHaveTextContent('XRP')
+ expect(screen.getByTestId('amount-localized')).toHaveTextContent(
+ '\uE9000.001',
)
- expect(wrapper.find('.currency').text()).toEqual('XRP')
- expect(wrapper.find('.amount-localized').text()).toEqual('\uE9000.001')
- wrapper.unmount()
})
it('handles modifier', () => {
const value = '9000'
- const wrapper = createWrapper(
- ,
+ renderComponent()
+ expect(screen.getByTestId('currency')).toHaveTextContent('XRP')
+ expect(screen.getByTestId('amount-localized')).toHaveTextContent(
+ '+\uE9000.009',
)
- expect(wrapper.find('.currency').text()).toEqual('XRP')
- expect(wrapper.find('.amount-localized').text()).toEqual('+\uE9000.009')
- wrapper.unmount()
})
it('handles MPT amount', async () => {
@@ -146,11 +151,11 @@ describe('Amount', () => {
currency: '0000098F03B3BCE934EE8CAA1DF25A42032388361B9E5A65',
isMPT: true,
}
- const wrapper = createWrapper(
- ,
- )
+ renderComponent()
+ screen.debug()
- expect(wrapper.find('.amount-localized').text()).toEqual('1,043.001')
- wrapper.unmount()
+ expect(screen.getByTestId('amount-localized')).toHaveTextContent(
+ '1,043.001',
+ )
})
})
diff --git a/src/containers/shared/components/test/Currency.test.tsx b/src/containers/shared/components/test/Currency.test.tsx
index 8d7de259c..4a9ab3114 100644
--- a/src/containers/shared/components/test/Currency.test.tsx
+++ b/src/containers/shared/components/test/Currency.test.tsx
@@ -1,38 +1,41 @@
import { BrowserRouter } from 'react-router-dom'
-import { mount } from 'enzyme'
+import { cleanup, render, screen } from '@testing-library/react'
import Currency from '../Currency'
describe('Currency', () => {
+ afterEach(cleanup)
it('handles currency codes that are 3 characters ', () => {
- const wrapper = mount()
- expect(wrapper.find('.currency').text()).toEqual('BTC')
- wrapper.unmount()
+ render()
+ const element = screen.getByTestId('currency')
+ expect(element).toHaveClass('currency')
+ expect(element).toHaveTextContent('BTC')
})
it('handles currency codes that are 4 characters ', () => {
- const wrapper = mount()
- expect(wrapper.find('.currency').text()).toEqual('WOOT')
- wrapper.unmount()
+ render()
+ const element = screen.getByTestId('currency')
+ expect(element).toHaveClass('currency')
+ expect(element).toHaveTextContent('WOOT')
})
it('handles currency codes that are 4 characters and include issuer ', () => {
- const wrapper = mount(
+ render(
,
)
- expect(wrapper.find('.currency').text()).toEqual('USD.davi')
- wrapper.unmount()
+ const element = screen.getByTestId('currency')
+ expect(element).toHaveClass('currency')
+ expect(element).toHaveTextContent('USD.davi')
})
it('handles currency codes that are 40 characters ', () => {
- const wrapper = mount(
- ,
- )
- expect(wrapper.find('.currency').text()).toEqual('XMETA')
- wrapper.unmount()
+ render()
+ const element = screen.getByTestId('currency')
+ expect(element).toHaveClass('currency')
+ expect(element).toHaveTextContent('XMETA')
})
it('handles currency codes that are 40 characters and issuer ', () => {
- const wrapper = mount(
+ render(
{
,
)
- const meta = wrapper.find('.currency').at(0)
- const usd = wrapper.find('.currency').at(1)
+ const elements = screen.getAllByTestId('currency')
+ expect(elements).toHaveLength(2)
+ expect(elements[0]).toHaveClass('currency')
+ expect(elements[1]).toHaveClass('currency')
+
+ const meta = elements[0]
+ const usd = elements[1]
- expect(meta).toHaveText('XMETA.r3XwJ1hr1PtbRvbhuUkybV6tmYzzA11WcB')
- expect(meta.find('a')).toHaveProp(
+ expect(meta).toHaveTextContent('XMETA.r3XwJ1hr1PtbRvbhuUkybV6tmYzzA11WcB')
+ expect(meta).toHaveAttribute(
'href',
'/token/584D455441000000000000000000000000000000.r3XwJ1hr1PtbRvbhuUkybV6tmYzzA11WcB',
)
- expect(usd).toHaveText('USD.rhub8VRN55s94qWKDv6jmDy1pUykJzF3wq')
- expect(usd.find('a')).toHaveProp(
+ expect(usd).toHaveTextContent('USD.rhub8VRN55s94qWKDv6jmDy1pUykJzF3wq')
+ expect(usd).toHaveAttribute(
'href',
'/token/USD.rhub8VRN55s94qWKDv6jmDy1pUykJzF3wq',
)
- wrapper.unmount()
})
it('displays the XRP symbol when rendering XRP', () => {
- const wrapper = mount()
- expect(wrapper.find('.currency').text()).toEqual('\uE900 XRP')
- wrapper.unmount()
+ render()
+ const element = screen.getByTestId('currency')
+ expect(element).toHaveClass('currency')
+ expect(element).toHaveTextContent('\uE900 XRP')
})
it('handles MPT ID ', () => {
- const wrapper = mount(
+ render(
{
/>
,
)
- const mpt = wrapper.find('.currency').at(0)
+ const mpt = screen.getByTestId('currency')
- expect(mpt).toHaveText(
+ expect(mpt).toHaveTextContent(
'MPT (00000BDE5B4F868ECE457207E2C1750065987730B8839E0D)',
)
- expect(mpt.find('a')).toHaveProp(
+ expect(mpt).toHaveAttribute(
'href',
'/mpt/00000BDE5B4F868ECE457207E2C1750065987730B8839E0D',
)
- wrapper.unmount()
})
})
diff --git a/src/setupTests.ts b/src/setupTests.ts
index e92887b90..722be5464 100644
--- a/src/setupTests.ts
+++ b/src/setupTests.ts
@@ -1,5 +1,6 @@
import 'dotenv/config'
import 'jest-enzyme'
+import '@testing-library/jest-dom/extend-expect'
import { configure } from 'enzyme'
import Adapter from 'enzyme-adapter-react-17-updated'
diff --git a/tsconfig.json b/tsconfig.json
index 34d66a11f..6d7cc1f1c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -23,7 +23,7 @@
"dom.iterable",
"esnext"
],
- "types": ["jest"],
+ "types": ["jest", "@testing-library/jest-dom"],
"typeRoots": [
"./node_modules/@types",
"./@types"