diff --git a/apps/trading-e2e/src/integration/market-info.cy.ts b/apps/trading-e2e/src/integration/market-info.cy.ts index 360ef8aaa..898ae14cd 100644 --- a/apps/trading-e2e/src/integration/market-info.cy.ts +++ b/apps/trading-e2e/src/integration/market-info.cy.ts @@ -23,16 +23,21 @@ describe('market info is displayed', () => { validateMarketDataRow(2, 'Liquidity Fee', '1.00%'); }); - it('market data displated', () => { - cy.getByTestId(marketTitle).contains('Market data').click(); + it('market volume displayed', () => { + cy.getByTestId(marketTitle).contains('Market volume').click(); + + validateMarketDataRow(0, 'Indicative Volume', '0'); + validateMarketDataRow(1, 'Best Bid Volume', '5'); + validateMarketDataRow(2, 'Best Offer Volume', '1'); + validateMarketDataRow(3, 'Best Static Bid Volume', '5'); + validateMarketDataRow(4, 'Best Static Offer Volume', '1'); + }); + + it('market price and interest displayed', () => { + cy.getByTestId(marketTitle).contains('Market price and interest').click(); validateMarketDataRow(0, 'Mark Price', '57.49'); - validateMarketDataRow(1, 'Indicative Volume', '0'); - validateMarketDataRow(2, 'Best Bid Volume', '5'); - validateMarketDataRow(3, 'Best Offer Volume', '1'); - validateMarketDataRow(4, 'Best Static Bid Volume', '5'); - validateMarketDataRow(5, 'Best Static Offer Volume', '1'); - validateMarketDataRow(6, 'Open Interest', '0.00'); + validateMarketDataRow(1, 'Open Interest', '0.00'); }); it('key details displayed', () => { diff --git a/libs/deal-ticket/src/components/info-market.tsx b/libs/deal-ticket/src/components/info-market.tsx index 43d8d5d67..21966c24e 100644 --- a/libs/deal-ticket/src/components/info-market.tsx +++ b/libs/deal-ticket/src/components/info-market.tsx @@ -193,14 +193,31 @@ export const Info = ({ market }: InfoProps) => { ), }, { - title: t('Market data'), + title: t('Market price and interest'), content: ( ), }, + { + title: t('Market volume'), + content: ( + + ), + }, ]; const keyDetails = pick(