104 lines
3.2 KiB
TypeScript
104 lines
3.2 KiB
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import { formatNumber } from '@vegaprotocol/utils';
|
|
import BigNumber from 'bignumber.js';
|
|
import { CurrentVolume, TradingFees } from './fees-container';
|
|
import { formatPercentage, getAdjustedFee } from './utils';
|
|
|
|
describe('TradingFees', () => {
|
|
it('renders correct fee data', () => {
|
|
const makerFee = 0.01;
|
|
const infraFee = 0.01;
|
|
const minLiqFee = 0.1;
|
|
const maxLiqFee = 0.3;
|
|
|
|
const referralDiscount = 0.01;
|
|
const volumeDiscount = 0.01;
|
|
|
|
const makerBigNum = new BigNumber(makerFee);
|
|
const infraBigNum = new BigNumber(infraFee);
|
|
const minLiqBigNum = new BigNumber(minLiqFee);
|
|
const maxLiqBigNum = new BigNumber(maxLiqFee);
|
|
const referralBigNum = new BigNumber(referralDiscount);
|
|
const volumeBigNum = new BigNumber(volumeDiscount);
|
|
|
|
const props = {
|
|
params: {
|
|
market_fee_factors_makerFee: makerFee.toString(),
|
|
market_fee_factors_infrastructureFee: infraFee.toString(),
|
|
},
|
|
markets: [
|
|
{ fees: { factors: { liquidityFee: minLiqFee.toString() } } },
|
|
{ fees: { factors: { liquidityFee: '0.2' } } },
|
|
{ fees: { factors: { liquidityFee: maxLiqFee.toString() } } },
|
|
],
|
|
referralDiscount,
|
|
volumeDiscount,
|
|
};
|
|
render(<TradingFees {...props} />);
|
|
|
|
const minFee = formatPercentage(
|
|
makerBigNum.plus(infraFee).plus(minLiqFee).toNumber()
|
|
);
|
|
const maxFee = formatPercentage(
|
|
makerBigNum.plus(infraFee).plus(maxLiqFee).toNumber()
|
|
);
|
|
|
|
expect(
|
|
screen.getByText('Total fee before discount').nextElementSibling
|
|
).toHaveTextContent(`${minFee}%-${maxFee}%`);
|
|
expect(
|
|
screen.getByText('Infrastructure').nextElementSibling
|
|
).toHaveTextContent(formatPercentage(infraFee) + '%');
|
|
expect(screen.getByText('Maker').nextElementSibling).toHaveTextContent(
|
|
formatPercentage(makerFee) + '%'
|
|
);
|
|
|
|
const minAdjustedFees = formatPercentage(
|
|
getAdjustedFee(
|
|
[makerBigNum, infraBigNum, minLiqBigNum],
|
|
[referralBigNum, volumeBigNum]
|
|
)
|
|
);
|
|
|
|
const maxAdjustedFees = formatPercentage(
|
|
getAdjustedFee(
|
|
[makerBigNum, infraBigNum, maxLiqBigNum],
|
|
[referralBigNum, volumeBigNum]
|
|
)
|
|
);
|
|
|
|
expect(screen.getByTestId('adjusted-fees')).toHaveTextContent(
|
|
`${minAdjustedFees}%-${maxAdjustedFees}%`
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('CurerntVolume', () => {
|
|
it('renders the required amount for the next tier', () => {
|
|
const windowLengthVolume = 1500;
|
|
const nextTierVolume = 2000;
|
|
|
|
const props = {
|
|
tiers: [
|
|
{ minimumRunningNotionalTakerVolume: '1000' },
|
|
{ minimumRunningNotionalTakerVolume: nextTierVolume.toString() },
|
|
{ minimumRunningNotionalTakerVolume: '3000' },
|
|
],
|
|
tierIndex: 0,
|
|
windowLengthVolume,
|
|
epochs: 5,
|
|
};
|
|
|
|
render(<CurrentVolume {...props} />);
|
|
|
|
expect(
|
|
screen.getByText(formatNumber(windowLengthVolume)).nextElementSibling
|
|
).toHaveTextContent(`Past ${props.epochs} epochs`);
|
|
|
|
expect(
|
|
screen.getByText(formatNumber(nextTierVolume - windowLengthVolume))
|
|
.nextElementSibling
|
|
).toHaveTextContent('Required for next tier');
|
|
});
|
|
});
|