diff --git a/app/components/UI/Tokens/index.test.tsx b/app/components/UI/Tokens/index.test.tsx index d9cbe094e71..554cb81a5af 100644 --- a/app/components/UI/Tokens/index.test.tsx +++ b/app/components/UI/Tokens/index.test.tsx @@ -394,24 +394,21 @@ describe('Tokens', () => { }); describe('showOnlyMusd (Cash view)', () => { - it('passes showAddToken false and hideSort true to TokenListControlBar', async () => { + it('does not render TokenListControlBar when showOnlyMusd', async () => { const { mockSelectSortedAssetsBySelectedAccountGroup } = arrangeMockSelectors(); mockSelectSortedAssetsBySelectedAccountGroup.mockReturnValue([]); - renderComponent(initialState, true, true); + const { queryByTestId } = renderComponent(initialState, true, true); await waitFor(() => { - expect( - TokenListControlBarModule.TokenListControlBar, - ).toHaveBeenCalledWith( - expect.objectContaining({ - showAddToken: false, - hideSort: true, - }), - expect.anything(), - ); + expect(queryByTestId('tokens-empty-state')).toBeOnTheScreen(); }); + + expect(queryByTestId('token-list-control-bar')).toBeNull(); + expect( + TokenListControlBarModule.TokenListControlBar, + ).not.toHaveBeenCalled(); }); it('does not render add token button when showOnlyMusd', async () => { diff --git a/app/components/UI/Tokens/index.tsx b/app/components/UI/Tokens/index.tsx index 083ba4c72eb..3649483b7ca 100644 --- a/app/components/UI/Tokens/index.tsx +++ b/app/components/UI/Tokens/index.tsx @@ -318,12 +318,14 @@ const Tokens = forwardRef( } testID={WalletViewSelectorsIDs.TOKENS_CONTAINER} > - + {!showOnlyMusd && ( + + )} {tokenContent}