diff --git a/apps/trading/components/welcome-dialog/get-started.spec.tsx b/apps/trading/components/welcome-dialog/get-started.spec.tsx new file mode 100644 index 000000000..b8fcf6865 --- /dev/null +++ b/apps/trading/components/welcome-dialog/get-started.spec.tsx @@ -0,0 +1,31 @@ +import type { VegaWalletContextShape } from '@vegaprotocol/wallet'; +import { VegaWalletContext } from '@vegaprotocol/wallet'; +import { GetStarted } from './get-started'; +import { render, screen } from '@testing-library/react'; + +describe('GetStarted', () => { + const renderComponent = (context: Partial = {}) => { + return render( + + + + ); + }; + + it('renders full get started content if not connected and no browser wallet detected', () => { + renderComponent(); + expect(screen.getByTestId('get-started-banner')).toBeInTheDocument(); + }); + + it('renders connect prompt if no pubKey but wallet installed', () => { + globalThis.window.vega = {} as Vega; + renderComponent(); + expect(screen.getByTestId('order-connect-wallet')).toBeInTheDocument(); + globalThis.window.vega = undefined as unknown as Vega; + }); + + it('renders nothing if connected', () => { + const { container } = renderComponent({ pubKey: 'my-pubkey' }); + expect(container).toBeEmptyDOMElement(); + }); +}); diff --git a/apps/trading/components/welcome-dialog/get-started.tsx b/apps/trading/components/welcome-dialog/get-started.tsx index 8792703a7..3889a7662 100644 --- a/apps/trading/components/welcome-dialog/get-started.tsx +++ b/apps/trading/components/welcome-dialog/get-started.tsx @@ -16,7 +16,6 @@ interface Props { export const GetStarted = ({ lead }: Props) => { const { pubKey } = useVegaWallet(); - const { VEGA_ENV, VEGA_NETWORKS } = useEnvironment(); const CANONICAL_URL = VEGA_NETWORKS[VEGA_ENV] || 'https://console.vega.xyz'; @@ -40,7 +39,7 @@ export const GetStarted = ({ lead }: Props) => { { 'mt-8': !lead } ); - if (!isBrowserWalletInstalled()) { + if (!pubKey && !isBrowserWalletInstalled()) { return (
{lead &&

{lead}

}