Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

test(ramp): add useFiatCurrencies tests #9582

Merged
merged 6 commits into from
Jul 25, 2024
Merged

test(ramp): add useFiatCurrencies tests #9582

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
f71809a
test(ramp): add `useFiatCurrencies` tests
wachunei May 9, 2024
495dc36
Merge branch 'main' into test/ramp-use-fiat-currencies
wachunei May 22, 2024
b1d96f6
test(ramp): update names
wachunei Jun 19, 2024
48b3fbf
Merge branch 'main' into test/ramp-use-fiat-currencies
wachunei Jun 19, 2024
081b437
Merge branch 'main' into test/ramp-use-fiat-currencies
wachunei Jul 23, 2024
8f375e4
Merge branch 'main' into test/ramp-use-fiat-currencies
wachunei Jul 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
328 changes: 328 additions & 0 deletions app/components/UI/Ramp/hooks/useFiatCurrencies.test.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,328 @@
import { RampSDK } from '../sdk';
import useFiatCurrencies from './useFiatCurrencies';
import useSDKMethod from './useSDKMethod';
import { renderHookWithProvider } from '../../../../util/test/renderWithProvider';

type DeepPartial<BaseType> = {
[key in keyof BaseType]?: DeepPartial<BaseType[key]>;
};

const mockuseRampSDKInitialValues: DeepPartial<RampSDK> = {
selectedRegion: { id: 'test-region-id' },
selectedPaymentMethodId: 'test-payment-method-id',
selectedFiatCurrencyId: 'test-fiat-currency-id-1',
setSelectedFiatCurrencyId: jest.fn(),
isBuy: true,
};

let mockUseRampSDKValues: DeepPartial<RampSDK> = {
...mockuseRampSDKInitialValues,
};

jest.mock('../sdk', () => ({
useRampSDK: () => mockUseRampSDKValues,
}));

jest.mock('./useSDKMethod');

describe('useFiatCurrencies', () => {
beforeEach(() => {
jest.clearAllMocks();
mockUseRampSDKValues = {
...mockuseRampSDKInitialValues,
};
});

it('calls useSDKMethod with the correct parameters for buy', () => {
(useSDKMethod as jest.Mock).mockReturnValue([
{
data: [],
error: null,
isFetching: false,
},
jest.fn(),
]);
renderHookWithProvider(() => useFiatCurrencies());

expect(useSDKMethod).toHaveBeenCalledWith(
'getDefaultFiatCurrency',
'test-region-id',
'test-payment-method-id',
);

expect(useSDKMethod).toHaveBeenCalledWith(
'getFiatCurrencies',
'test-region-id',
'test-payment-method-id',
);
});

it('calls useSDKMethod with the correct parameters for sell', () => {
mockUseRampSDKValues.isBuy = false;
(useSDKMethod as jest.Mock).mockReturnValue([
{
data: [],
error: null,
isFetching: false,
},
jest.fn(),
]);
renderHookWithProvider(() => useFiatCurrencies());

expect(useSDKMethod).toHaveBeenCalledWith(
'getDefaultSellFiatCurrency',
'test-region-id',
'test-payment-method-id',
);

expect(useSDKMethod).toHaveBeenCalledWith(
'getSellFiatCurrencies',
'test-region-id',
'test-payment-method-id',
);
});

it('returns loading state if fetching default fiat currency', () => {
const mockQueryDefaultFiatCurrency = jest.fn();
const mockQueryGetFiatCurrencies = jest.fn();
// Mocked return values for getDefaultFiatCurrency and getFiatCurrencies
(useSDKMethod as jest.Mock)
.mockReturnValueOnce([
{
data: null,
error: null,
isFetching: true,
},
mockQueryDefaultFiatCurrency,
])
.mockReturnValueOnce([
{
data: [
{ id: 'test-fiat-currency-id-1' },
{ id: 'test-fiat-currency-id-2' },
{ id: 'default-fiat-currency-id' },
],
error: null,
isFetching: false,
},
mockQueryGetFiatCurrencies,
]);
const { result } = renderHookWithProvider(() => useFiatCurrencies());
expect(result.current).toEqual({
defaultFiatCurrency: null,
queryDefaultFiatCurrency: mockQueryDefaultFiatCurrency,
fiatCurrencies: [
{ id: 'test-fiat-currency-id-1' },
{ id: 'test-fiat-currency-id-2' },
{ id: 'default-fiat-currency-id' },
],
queryGetFiatCurrencies: mockQueryGetFiatCurrencies,
errorFiatCurrency: null,
isFetchingFiatCurrency: true,
currentFiatCurrency: { id: 'test-fiat-currency-id-1' },
});
});

it('returns loading state if fetching fiat currencies', () => {
const mockQueryDefaultFiatCurrency = jest.fn();
const mockQueryGetFiatCurrencies = jest.fn();
// Mocked return values for getDefaultFiatCurrency and getFiatCurrencies
(useSDKMethod as jest.Mock)
.mockReturnValueOnce([
{
data: { id: 'default-fiat-currency-id' },
error: null,
isFetching: false,
},
mockQueryDefaultFiatCurrency,
])
.mockReturnValueOnce([
{
data: null,
error: null,
isFetching: true,
},
mockQueryGetFiatCurrencies,
]);
const { result } = renderHookWithProvider(() => useFiatCurrencies());
expect(result.current).toEqual({
defaultFiatCurrency: { id: 'default-fiat-currency-id' },
queryDefaultFiatCurrency: mockQueryDefaultFiatCurrency,
fiatCurrencies: null,
queryGetFiatCurrencies: mockQueryGetFiatCurrencies,
errorFiatCurrency: null,
isFetchingFiatCurrency: true,
currentFiatCurrency: { id: 'default-fiat-currency-id' },
});
});

it('returns error state if there is an error fetching default fiat currency', () => {
const mockQueryDefaultFiatCurrency = jest.fn();
const mockQueryGetFiatCurrencies = jest.fn();
// Mocked return values for getDefaultFiatCurrency and getFiatCurrencies
(useSDKMethod as jest.Mock)
.mockReturnValueOnce([
{
data: null,
error: 'error-fetching-default-fiat-currency',
isFetching: false,
},
mockQueryDefaultFiatCurrency,
])
.mockReturnValueOnce([
{
data: [
{ id: 'test-fiat-currency-id-1' },
{ id: 'test-fiat-currency-id-2' },
{ id: 'default-fiat-currency-id' },
],
error: null,
isFetching: false,
},
mockQueryGetFiatCurrencies,
]);
const { result } = renderHookWithProvider(() => useFiatCurrencies());
expect(result.current).toEqual({
defaultFiatCurrency: null,
queryDefaultFiatCurrency: mockQueryDefaultFiatCurrency,
fiatCurrencies: [
{ id: 'test-fiat-currency-id-1' },
{ id: 'test-fiat-currency-id-2' },
{ id: 'default-fiat-currency-id' },
],
queryGetFiatCurrencies: mockQueryGetFiatCurrencies,
errorFiatCurrency: 'error-fetching-default-fiat-currency',
isFetchingFiatCurrency: false,
currentFiatCurrency: { id: 'test-fiat-currency-id-1' },
});
});

it('returns error state if there is an error fetching fiat currencies', () => {
const mockQueryDefaultFiatCurrency = jest.fn();
const mockQueryGetFiatCurrencies = jest.fn();
// Mocked return values for getDefaultFiatCurrency and getFiatCurrencies
(useSDKMethod as jest.Mock)
.mockReturnValueOnce([
{
data: { id: 'default-fiat-currency-id' },
error: null,
isFetching: false,
},
mockQueryDefaultFiatCurrency,
])
.mockReturnValueOnce([
{
data: null,
error: 'error-fetching-fiat-currencies',
isFetching: false,
},
mockQueryGetFiatCurrencies,
]);
const { result } = renderHookWithProvider(() => useFiatCurrencies());
expect(result.current).toEqual({
defaultFiatCurrency: { id: 'default-fiat-currency-id' },
queryDefaultFiatCurrency: mockQueryDefaultFiatCurrency,
fiatCurrencies: null,
queryGetFiatCurrencies: mockQueryGetFiatCurrencies,
errorFiatCurrency: 'error-fetching-fiat-currencies',
isFetchingFiatCurrency: false,
currentFiatCurrency: { id: 'default-fiat-currency-id' },
});
});

it('selects the default fiat currency if none is selected', () => {
mockUseRampSDKValues.selectedFiatCurrencyId = null;

// Mocked return values for getDefaultFiatCurrency and getFiatCurrencies
(useSDKMethod as jest.Mock)
.mockReturnValueOnce([
{
data: { id: 'default-fiat-currency-id' },
error: null,
isFetching: false,
},
jest.fn(),
])
.mockReturnValueOnce([
{
data: [
{ id: 'test-fiat-currency-id-1' },
{ id: 'test-fiat-currency-id-2' },
{ id: 'default-fiat-currency-id' },
],
error: null,
isFetching: false,
},
jest.fn(),
]);
renderHookWithProvider(() => useFiatCurrencies());

expect(mockUseRampSDKValues.setSelectedFiatCurrencyId).toHaveBeenCalledWith(
'default-fiat-currency-id',
);
});

it('selects the default fiat currency if current selection is not available', () => {
mockUseRampSDKValues.selectedFiatCurrencyId = 'test-fiat-currency-id-3';

// Mocked return values for getDefaultFiatCurrency and getFiatCurrencies
(useSDKMethod as jest.Mock)
.mockReturnValueOnce([
{
data: { id: 'default-fiat-currency-id' },
error: null,
isFetching: false,
},
jest.fn(),
])
.mockReturnValueOnce([
{
data: [
{ id: 'test-fiat-currency-id-1' },
{ id: 'test-fiat-currency-id-2' },
{ id: 'default-fiat-currency-id' },
],
error: null,
isFetching: false,
},
jest.fn(),
]);
renderHookWithProvider(() => useFiatCurrencies());

expect(mockUseRampSDKValues.setSelectedFiatCurrencyId).toHaveBeenCalledWith(
'default-fiat-currency-id',
);
});

it('does not select the default fiat currency if current selection is available', () => {
mockUseRampSDKValues.selectedFiatCurrencyId = 'test-fiat-currency-id-2';

// Mocked return values for getDefaultFiatCurrency and getFiatCurrencies
(useSDKMethod as jest.Mock)
.mockReturnValueOnce([
{
data: { id: 'default-fiat-currency-id' },
error: null,
isFetching: false,
},
jest.fn(),
])
.mockReturnValueOnce([
{
data: [
{ id: 'test-fiat-currency-id-1' },
{ id: 'test-fiat-currency-id-2' },
{ id: 'default-fiat-currency-id' },
],
error: null,
isFetching: false,
},
jest.fn(),
]);
renderHookWithProvider(() => useFiatCurrencies());

expect(
mockUseRampSDKValues.setSelectedFiatCurrencyId,
).not.toHaveBeenCalled();
});
});
Loading