diff --git a/apps/trading-e2e/src/integration/capsule.cy.ts b/apps/trading-e2e/src/integration/capsule.cy.ts index fc6fdb209..948389480 100644 --- a/apps/trading-e2e/src/integration/capsule.cy.ts +++ b/apps/trading-e2e/src/integration/capsule.cy.ts @@ -54,7 +54,7 @@ describe('capsule - without MultiSign', { tags: '@slow' }, () => { it('can deposit', function () { cy.visit('/#/portfolio'); - cy.get('main[data-testid="/portfolio"]').should('exist'); + cy.get('[data-testid="pathname-/portfolio"]').should('exist'); // 1001-DEPO-001 // 1001-DEPO-002 @@ -117,7 +117,7 @@ describe('capsule - without MultiSign', { tags: '@slow' }, () => { it('can key to key transfers', function () { // 1003-TRAN-023 // 1003-TRAN-006 - cy.get('main[data-testid="/portfolio"]').should('exist'); + cy.get('[data-testid="pathname-/portfolio"]').should('exist'); cy.getByTestId(collateralTab).click(); cy.getByTestId('open-transfer').click(); @@ -344,7 +344,7 @@ describe('capsule', { tags: '@slow', testIsolation: true }, () => { const ethWalletAddress = Cypress.env('ETHEREUM_WALLET_ADDRESS'); cy.visit('/#/portfolio'); - cy.get('main[data-testid="/portfolio"]').should('exist'); + cy.get('[data-testid="pathname-/portfolio"]').should('exist'); cy.getByTestId(toastCloseBtn, txTimeout).click(); cy.getByTestId('Withdrawals').click(); cy.getByTestId('withdraw-dialog-button').click(); @@ -431,7 +431,7 @@ describe('capsule', { tags: '@slow', testIsolation: true }, () => { // 1001-DEPO-006 // 1001-DEPO-007 cy.visit('/#/portfolio'); - cy.get('main[data-testid="/portfolio"]').should('exist'); + cy.get('[data-testid="pathname-/portfolio"]').should('exist'); cy.getByTestId(toastCloseBtn, txTimeout).click(); cy.getByTestId(depositsTab).click(); cy.getByTestId('deposit-button').click(); @@ -453,7 +453,7 @@ describe('capsule', { tags: '@slow', testIsolation: true }, () => { // 1002-WITH-007 cy.visit('/#/portfolio'); - cy.get('main[data-testid="/portfolio"]', txTimeout).should('exist'); + cy.get('[data-testid="pathname-/portfolio"]', txTimeout).should('exist'); cy.getByTestId(toastCloseBtn, txTimeout).click(); cy.getByTestId(depositsTab).click(); cy.getByTestId('deposit-button').click(); diff --git a/apps/trading-e2e/src/integration/deposit.cy.ts b/apps/trading-e2e/src/integration/deposit.cy.ts index 71e64997d..3c0207084 100644 --- a/apps/trading-e2e/src/integration/deposit.cy.ts +++ b/apps/trading-e2e/src/integration/deposit.cy.ts @@ -17,7 +17,7 @@ describe('deposit form validation', { tags: '@smoke' }, () => { cy.mockTradingPage(); cy.setVegaWallet(); cy.visit('/#/portfolio'); - cy.get('main[data-testid="/portfolio"]').should('exist'); + cy.get('[data-testid="pathname-/portfolio"]').should('exist'); cy.getByTestId('Deposits').click(); cy.getByTestId('deposit-button').click(); connectEthereumWallet('MetaMask'); diff --git a/apps/trading-e2e/src/integration/home.cy.ts b/apps/trading-e2e/src/integration/home.cy.ts index 8b7d15a30..8b3ffc696 100644 --- a/apps/trading-e2e/src/integration/home.cy.ts +++ b/apps/trading-e2e/src/integration/home.cy.ts @@ -106,7 +106,7 @@ describe('home', { tags: '@regression' }, () => { cy.visit('/'); cy.wait('@Markets'); - cy.get('main[data-testid^="/markets/"]'); + cy.get('[data-testid^="pathname-/markets/"]'); // the choose market overlay is no longer showing cy.contains('Loading...').should('not.exist'); diff --git a/apps/trading-e2e/src/integration/trading-fills.cy.ts b/apps/trading-e2e/src/integration/trading-fills.cy.ts index dbfdfa35a..e2f4e7fa9 100644 --- a/apps/trading-e2e/src/integration/trading-fills.cy.ts +++ b/apps/trading-e2e/src/integration/trading-fills.cy.ts @@ -37,7 +37,7 @@ describe('fills', { tags: '@regression' }, () => { it('renders fills on portfolio page', () => { cy.visit('/#/portfolio'); - cy.get('main[data-testid="/portfolio"]').should('exist'); + cy.get('[data-testid="pathname-/portfolio"]').should('exist'); cy.getByTestId('Fills').click(); validateFillsDisplayed(); }); diff --git a/apps/trading-e2e/src/integration/wallet-eth.cy.ts b/apps/trading-e2e/src/integration/wallet-eth.cy.ts index f1cab6539..9859ff4c9 100644 --- a/apps/trading-e2e/src/integration/wallet-eth.cy.ts +++ b/apps/trading-e2e/src/integration/wallet-eth.cy.ts @@ -10,7 +10,7 @@ describe('ethereum wallet', { tags: '@smoke', testIsolation: true }, () => { cy.mockSubscription(); cy.setVegaWallet(); cy.visit('/#/portfolio'); - cy.get('main[data-testid="/portfolio"]').should('exist'); + cy.get('[data-testid="pathname-/portfolio"]').should('exist'); cy.getByTestId('Withdrawals').click(); }); diff --git a/apps/trading-e2e/src/integration/wallet-vega.cy.ts b/apps/trading-e2e/src/integration/wallet-vega.cy.ts index 3788e7082..6afad6f86 100644 --- a/apps/trading-e2e/src/integration/wallet-vega.cy.ts +++ b/apps/trading-e2e/src/integration/wallet-vega.cy.ts @@ -17,7 +17,7 @@ describe( cy.visit('/#/portfolio'); cy.mockTradingPage(); cy.mockSubscription(); - cy.get('main[data-testid="/portfolio"]').should('exist'); + cy.get('[data-testid="pathname-/portfolio"]').should('exist'); }); it('can connect', () => { @@ -122,7 +122,7 @@ describe('connect vega wallet', { tags: '@smoke', testIsolation: true }, () => { cy.visit('/#/portfolio'); cy.mockTradingPage(); cy.mockSubscription(); - cy.get('main[data-testid="/portfolio"]').should('exist'); + cy.get('[data-testid="pathname-/portfolio"]').should('exist'); }); it('can connect', () => { diff --git a/apps/trading/pages/_app.page.tsx b/apps/trading/pages/_app.page.tsx index 6b9c317a7..e0c42fd12 100644 --- a/apps/trading/pages/_app.page.tsx +++ b/apps/trading/pages/_app.page.tsx @@ -25,7 +25,7 @@ import './styles.css'; import { usePageTitleStore } from '../stores'; import DialogsContainer from './dialogs-container'; import ToastsManager from './toasts-manager'; -import { HashRouter, useSearchParams } from 'react-router-dom'; +import { HashRouter, useLocation, useSearchParams } from 'react-router-dom'; import { Connectors } from '../lib/vega-connectors'; import { AppLoader, DynamicLoader } from '../components/app-loader'; import { useDataProvider } from '@vegaprotocol/data-provider'; @@ -73,6 +73,7 @@ const InitializeHandlers = () => { }; function AppBody({ Component }: AppProps) { + const location = useLocation(); const gridClasses = classNames( 'h-full relative z-0 grid', 'grid-rows-[repeat(3,min-content),minmax(0,1fr)]' @@ -94,7 +95,7 @@ function AppBody({ Component }: AppProps) { -
+