diff --git a/apps/trading/client-pages/referrals/referral-statistics.tsx b/apps/trading/client-pages/referrals/referral-statistics.tsx index d1d4137d4..5a12ea6fc 100644 --- a/apps/trading/client-pages/referrals/referral-statistics.tsx +++ b/apps/trading/client-pages/referrals/referral-statistics.tsx @@ -212,6 +212,7 @@ export const Statistics = ({ ).toString(), } )} + testId="base-commission-rate" overrideWithNoProgram={!details} > {baseCommissionValue * 100}% @@ -221,6 +222,7 @@ export const Statistics = ({ const stakingMultiplierTile = ( {finalCommissionFormatted}% @@ -261,7 +264,9 @@ export const Statistics = ({ ); const numberOfTradersValue = data.referees.length; const numberOfTradersTile = ( - {numberOfTradersValue} + + {numberOfTradersValue} + ); const codeTile = ( @@ -276,6 +281,7 @@ export const Statistics = ({ title={t('myVolume', 'My volume (last {{count}} epochs)', { count: details?.windowLength || DEFAULT_AGGREGATION_DAYS, })} + testId="my-volume" overrideWithNoProgram={!details} > {compactNumFormat.format(referrerVolumeValue)} @@ -291,6 +297,7 @@ export const Statistics = ({ count: details?.windowLength || DEFAULT_AGGREGATION_DAYS, })} description={} + testId="total-commission" > {getNumberFormat(0).format(Number(totalCommissionValue))} @@ -316,6 +323,7 @@ export const Statistics = ({ const currentBenefitTierTile = ( ); const discountFactorTile = ( - + {isApplyCodePreview && benefitTiers.length >= 1 ? benefitTiers[0].discountFactor * 100 : discountFactorValue * 100} @@ -347,23 +359,34 @@ export const Statistics = ({ count: details?.windowLength, } )} + testId="combined-volume" overrideWithNoProgram={!details} > {compactNumFormat.format(runningVolumeValue)} ); const epochsTile = ( - {epochsValue} + + {epochsValue} + ); const nextTierVolumeTile = ( - + {nextBenefitTierVolumeValue <= 0 ? '0' : compactNumFormat.format(nextBenefitTierVolumeValue)} ); const nextTierEpochsTile = ( - + {nextBenefitTierEpochsValue <= 0 ? '0' : nextBenefitTierEpochsValue} ); diff --git a/apps/trading/client-pages/referrals/tile.tsx b/apps/trading/client-pages/referrals/tile.tsx index ee447b873..8c839a4c3 100644 --- a/apps/trading/client-pages/referrals/tile.tsx +++ b/apps/trading/client-pages/referrals/tile.tsx @@ -32,6 +32,7 @@ export const Tile = ({ type StatTileProps = { title: string; + testId?: string; description?: ReactNode; children?: ReactNode; overrideWithNoProgram?: boolean; @@ -40,6 +41,7 @@ export const StatTile = ({ title, description, children, + testId, overrideWithNoProgram = false, }: StatTileProps) => { if (overrideWithNoProgram) { @@ -47,10 +49,15 @@ export const StatTile = ({ } return ( -

+

{title}

-
{children}
+
+ {children} +
{description && (
{description}