forked from deriv-com/deriv-app
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[FEQ] P2P-V2 My Profile balance test (deriv-com#13398)
* chore: removed responsive root * chore: reverted old changes * chore: added tests for profile balance * Update MyProfileBalance.spec.tsx * Update MyProfileBalance.spec.tsx
- Loading branch information
1 parent
59f2303
commit b37a9ff
Showing
5 changed files
with
132 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
123 changes: 123 additions & 0 deletions
123
.../p2p-v2/src/pages/my-profile/screens/MyProfileBalance/__tests__/MyProfileBalance.spec.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,123 @@ | ||
| import React from 'react'; | ||
| import { APIProvider } from '@deriv/api'; | ||
| import { render, screen, within } from '@testing-library/react'; | ||
| import userEvent from '@testing-library/user-event'; | ||
| import MyProfileBalance from '../MyProfileBalance'; | ||
|
|
||
| const wrapper = ({ children }: { children: JSX.Element }) => ( | ||
| <APIProvider> | ||
| <div id='v2_modal_root' /> | ||
| {children} | ||
| </APIProvider> | ||
| ); | ||
|
|
||
| let mockUseAdvertiserStats = { | ||
| data: { | ||
| balance_available: 50000, | ||
| daily_buy_limit: 500, | ||
| daily_sell_limit: 500, | ||
| dailyAvailableBuyLimit: 10, | ||
| dailyAvailableSellLimit: 10, | ||
| fullName: 'Jane Doe', | ||
| isEligibleForLimitUpgrade: false, | ||
| name: 'Jane', | ||
| show_name: 0, | ||
| }, | ||
| isLoading: false, | ||
| }; | ||
| const mockUseActiveAccount = { | ||
| data: { | ||
| currency: 'USD', | ||
| }, | ||
| isLoading: false, | ||
| }; | ||
|
|
||
| jest.mock('@/hooks', () => ({ | ||
| ...jest.requireActual('@/hooks'), | ||
| useAdvertiserStats: jest.fn(() => mockUseAdvertiserStats), | ||
| })); | ||
|
|
||
| jest.mock('@deriv/api', () => ({ | ||
| ...jest.requireActual('@deriv/api'), | ||
| useActiveAccount: jest.fn(() => mockUseActiveAccount), | ||
| })); | ||
|
|
||
| describe('MyProfileBalance', () => { | ||
| it('should render the correct balance', () => { | ||
| render(<MyProfileBalance />, { wrapper }); | ||
| const availableBalanceNode = screen.getByTestId('dt_p2p_v2_available_balance_amount'); | ||
| expect(within(availableBalanceNode).getByText('50,000.00 USD')).toBeInTheDocument(); | ||
|
|
||
| const balanceInfoIcon = screen.getByTestId('dt_p2p_v2_available_balance_icon'); | ||
| userEvent.click(balanceInfoIcon); | ||
| expect(screen.getByTestId('dt_p2p_v2_available_p2p_balance_modal')).toBeInTheDocument(); | ||
| const okButton = screen.getByRole('button', { | ||
| name: 'Ok', | ||
| }); | ||
| userEvent.click(okButton); | ||
| expect(screen.queryByTestId('dt_p2p_v2_available_p2p_balance_modal')).not.toBeInTheDocument(); | ||
| }); | ||
|
|
||
| it('should render the correct limits', () => { | ||
| mockUseAdvertiserStats = { | ||
| data: { | ||
| ...mockUseAdvertiserStats.data, | ||
| daily_buy_limit: 500, | ||
| daily_sell_limit: 2000, | ||
| dailyAvailableBuyLimit: 100, | ||
| dailyAvailableSellLimit: 600, | ||
| }, | ||
| isLoading: false, | ||
| }; | ||
| render(<MyProfileBalance />, { wrapper }); | ||
| const dailyBuyLimitNode = screen.getByTestId('dt_p2p_v2_profile_balance_daily_buy_limit'); | ||
| expect(within(dailyBuyLimitNode).getByText('500 USD')).toBeInTheDocument(); | ||
| const availableBuyLimitNode = screen.getByTestId('dt_p2p_v2_profile_balance_available_buy_limit'); | ||
| expect(within(availableBuyLimitNode).getByText('100.00 USD')).toBeInTheDocument(); | ||
|
|
||
| const dailySellLimitNode = screen.getByTestId('dt_p2p_v2_profile_balance_daily_sell_limit'); | ||
| expect(within(dailySellLimitNode).getByText('2000 USD')).toBeInTheDocument(); | ||
| const dailyAvailableSellLimit = screen.getByTestId('dt_p2p_v2_profile_balance_available_sell_limit'); | ||
| expect(within(dailyAvailableSellLimit).getByText('600.00 USD')).toBeInTheDocument(); | ||
| }); | ||
| it('should render eligibility for daily limit upgrade', () => { | ||
| mockUseAdvertiserStats = { | ||
| data: { | ||
| ...mockUseAdvertiserStats.data, | ||
| isEligibleForLimitUpgrade: true, | ||
| }, | ||
| isLoading: false, | ||
| }; | ||
| render(<MyProfileBalance />, { wrapper }); | ||
| expect(screen.getByTestId('dt_p2p_v2_profile_daily_limit')).toBeInTheDocument(); | ||
|
|
||
| const openDailyLimitModalBtn = screen.getByRole('button', { | ||
| name: 'Increase my limits', | ||
| }); | ||
| userEvent.click(openDailyLimitModalBtn); | ||
| const hideDailyLimitBtn = screen.getByRole('button', { | ||
| name: 'No', | ||
| }); | ||
| userEvent.click(hideDailyLimitBtn); | ||
| expect(screen.queryByTestId('dt_p2p_v2_daily_limit_modal')).not.toBeInTheDocument(); | ||
| }); | ||
| it('should render the correct default values', () => { | ||
| mockUseAdvertiserStats = { | ||
| // @ts-expect-error To clear the mocked values and assert the default values | ||
| data: {}, | ||
| isLoading: false, | ||
| }; | ||
| render(<MyProfileBalance />, { wrapper }); | ||
| const availableBalanceNode = screen.getByTestId('dt_p2p_v2_available_balance_amount'); | ||
| expect(within(availableBalanceNode).getByText('0.00 USD')).toBeInTheDocument(); | ||
| const dailyBuyLimitNode = screen.getByTestId('dt_p2p_v2_profile_balance_daily_buy_limit'); | ||
| expect(within(dailyBuyLimitNode).getByText('0.00 USD')).toBeInTheDocument(); | ||
| const availableBuyLimitNode = screen.getByTestId('dt_p2p_v2_profile_balance_available_buy_limit'); | ||
| expect(within(availableBuyLimitNode).getByText('0.00 USD')).toBeInTheDocument(); | ||
|
|
||
| const dailySellLimitNode = screen.getByTestId('dt_p2p_v2_profile_balance_daily_sell_limit'); | ||
| expect(within(dailySellLimitNode).getByText('0.00 USD')).toBeInTheDocument(); | ||
| const dailyAvailableSellLimit = screen.getByTestId('dt_p2p_v2_profile_balance_available_sell_limit'); | ||
| expect(within(dailyAvailableSellLimit).getByText('0.00 USD')).toBeInTheDocument(); | ||
| }); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters