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}