fix: typo fix in token readme

fix: typo fix in explorer readme
chore: add readmes for token and explorer e2e
2022-12-29 10:05:46 +00:00 · 2022-12-29 10:05:35 +00:00 · 2022-12-27 17:26:32 -08:00 · 2022-12-27 18:08:12 +00:00 · 2022-12-27 15:46:44 +00:00 · 2022-12-27 15:18:42 +00:00
958 changed files with 32130 additions and 27098 deletions
@@ -1,28 +0,0 @@
-inputs:
-  all:
-    description: 'Install all binaries'
-    default: false
-  version:
-    description: 'Vega version'
-  gobin:
-    description: 'GOBIN path'
-    default: '/home/runner/go/bin'
-runs:
-  using: 'composite'
-  steps:
-    - name: Install Vega binaries
-      shell: bash
-      run: |
-        wget 'https://github.com/vegaprotocol/vega/releases/download/${{ inputs.version }}/vega-linux-amd64.zip' -q
-        unzip vega-linux-amd64.zip -d ${{ inputs.gobin }}
-
-    - name: Checkout vegawallet-dummy
-      uses: actions/checkout@v3
-      with:
-        repository: 'vegaprotocol/vegawallet-dummy'
-        path: './dummy'
-
-    - name: Install vegawallet-dummy binaries
-      shell: bash
-      run: go install
-      working-directory: ./dummy
@@ -1,26 +1,6 @@
-inputs:
-  github-token:
-    description: 'github token'
 runs:
  using: 'composite'
  steps:
-    - name: Checkout capsule
-      uses: actions/checkout@v2
-      with:
-        repository: vegaprotocol/vegacapsule
-        ref: main
-        token: ${{ inputs.github-token }}
-        path: './capsule'
-
-    - name: Build capsule
-      run: go install
-      shell: bash
-      working-directory: capsule
-
-    - name: Login to docker
-      shell: bash
-      run: echo -n ${{ inputs.github-token }} | docker login https://ghcr.io -u vega-ci-bot --password-stdin
-
    - name: Start nomad
      shell: bash
      run: vegacapsule nomad &
@@ -1,25 +1,38 @@
 inputs:
  passphrase:
    description: 'Wallet password'
+outputs:
+  token:
+    description: 'api-token of wallet'
+    value: ${{ steps.generate-api-token.outputs.api-token }}
 runs:
  using: 'composite'
  steps:
-    - name: Create passphrase
-      shell: bash
-      run: echo "${{ inputs.passphrase }}" > ./passphrase
-
    - name: Initialize wallet
      shell: bash
      run: vega wallet init -f --home ~/.vegacapsule/testnet/wallet

    - name: Import wallet
      shell: bash
-      run: vega wallet import -w capsule_wallet --recovery-phrase-file ./frontend-monorepo/vegacapsule/recovery -p ./passphrase --home ~/.vegacapsule/testnet/wallet
+      run: vega wallet import -w capsule_wallet --recovery-phrase-file ./frontend-monorepo/vegacapsule/recovery -p ./frontend-monorepo/vegacapsule/passphrase --home ~/.vegacapsule/testnet/wallet
+
+    - name: Generate second public key
+      shell: bash
+      run: vega wallet key generate -w capsule_wallet -p ./frontend-monorepo/vegacapsule/passphrase --home ~/.vegacapsule/testnet/wallet

    - name: Import network
      shell: bash
      run: vega wallet network import --force --from-file ./frontend-monorepo/vegacapsule/wallet-config.toml --home ~/.vegacapsule/testnet/wallet

+    - name: Init api-token
+      shell: bash
+      run: vega wallet api-token init --home ~/.vegacapsule/testnet/wallet --passphrase-file ./frontend-monorepo/vegacapsule/passphrase
+
+    - name: Generate api-token
+      id: generate-api-token
+      shell: bash
+      run: echo api-token=$(vega wallet api-token generate --wallet-name capsule_wallet --tokens-passphrase-file ./frontend-monorepo/vegacapsule/passphrase  --wallet-passphrase-file ./frontend-monorepo/vegacapsule/passphrase --home ~/.vegacapsule/testnet/wallet | grep -Eo '[a-zA-Z0-9]{64}') >> $GITHUB_OUTPUT
+
    - name: Start service using capsule network
      shell: bash
-      run: vegawallet-dummy service run --network DV --wallet capsule_wallet --passphrase-file ./passphrase --home ~/.vegacapsule/testnet/wallet &
+      run: vega wallet service run -n DV --load-tokens --tokens-passphrase-file ./frontend-monorepo/vegacapsule/passphrase --no-version-check --automatic-consent --home ~/.vegacapsule/testnet/wallet &
@@ -3,6 +3,10 @@ inputs:
    description: 'Recovery phrase'
  passphrase:
    description: 'Wallet password'
+outputs:
+  token:
+    description: 'api-token of wallet'
+    value: ${{ steps.generate-api-token.outputs.api-token }}
 runs:
  using: 'composite'
  steps:
@@ -30,6 +34,15 @@ runs:
      shell: bash
      run: vega wallet network import --from-url="https://raw.githubusercontent.com/vegaprotocol/networks-internal/main/stagnet3/vegawallet-stagnet3.toml" --force --home ~/.vegacapsule/testnet/wallet

+    - name: Init api-token
+      shell: bash
+      run: vega wallet api-token init --home ~/.vegacapsule/testnet/wallet --passphrase-file passphrase
+
+    - name: Generate api-token
+      id: generate-api-token
+      shell: bash
+      run: echo api-token=$(vega wallet api-token generate --wallet-name UI_Trading_Test --tokens-passphrase-file passphrase  --wallet-passphrase-file passphrase --home ~/.vegacapsule/testnet/wallet | grep -Eo '[a-zA-Z0-9]{64}') >> $GITHUB_OUTPUT
+
    - name: Start service using stagnet3 network
      shell: bash
-      run: vegawallet-dummy service run --network stagnet3 --wallet UI_Trading_Test --passphrase-file ./passphrase --home ~/.vegacapsule/testnet/wallet &
+      run: vega wallet service run -n stagnet3 --load-tokens --tokens-passphrase-file passphrase --no-version-check --automatic-consent --home ~/.vegacapsule/testnet/wallet &
@@ -26,10 +26,6 @@ on:
        required: false
        type: boolean
        default: false
-env:
-  GOBIN: /home/runner/go/bin
-  VEGA_VERSION: 'v0.62.1'
-
 jobs:
  manual:
    name: Run Cypress tests -- manual trigger
@@ -43,8 +39,6 @@ jobs:
        run: echo SKIP_NX_CACHE="--skip-nx-cache" >> $GITHUB_ENV

    outputs:
-      vega-version: ${{env.VEGA_VERSION}}
-      gobin: ${{env.GOBIN}}
      skip-cache: ${{env.SKIP_NX_CACHE}}
      tags: ${{env.TAGS}}

@@ -54,7 +48,5 @@ jobs:
    secrets: inherit
    with:
      project: ${{ inputs.project }}
-      vega-version: ${{needs.manual.outputs.vega-version}}
-      gobin: ${{needs.manual.outputs.gobin}}
      skip-cache: ${{needs.manual.outputs.skip-cache}}
      tags: ${{needs.manual.outputs.tags}}
@@ -13,7 +13,5 @@ jobs:
    secrets: inherit
    with:
      project: '[console-lite-e2e, explorer-e2e, liquidity-provision-dashboard-e2e, stats-e2e, token-e2e, trading-e2e]'
-      vega-version: 'v0.62.1'
-      gobin: /home/runner/go/bin
      tags: --env.grepTags '[ @smoke, @regression, @slow ]'
      night-run: true
@@ -11,11 +11,6 @@ on:
      - reopened
      - synchronize
      - ready_for_review
-
-env:
-  GOBIN: /home/runner/go/bin
-  VEGA_VERSION: 'v0.62.1'
-
 jobs:
  pr:
    runs-on: ubuntu-latest
@@ -56,8 +51,6 @@ jobs:

    outputs:
      projects: ${{ env.AFFECTED }}
-      vega-version: ${{ env.VEGA_VERSION }}
-      gobin: ${{ env.GOBIN }}

  dispatch:
    needs: pr
@@ -65,6 +58,4 @@ jobs:
    secrets: inherit
    with:
      project: ${{ needs.pr.outputs.projects }}
-      vega-version: ${{needs.pr.outputs.vega-version}}
-      gobin: ${{needs.pr.outputs.gobin}}
-      tags: "--env.grepTags='@smoke'"
+      tags: "--env.grepTags='[ @smoke, @regression ]'"
@@ -7,13 +7,6 @@ on:
        required: true
        type: string
        default: 'false'
-      vega-version:
-        required: true
-        type: string
-      gobin:
-        required: false
-        type: string
-        default: /home/runner/go/bin
      skip-cache:
        required: false
        type: string
@@ -26,9 +19,8 @@ jobs:
    if: ${{ inputs.trigger == 'true' }}
    runs-on: self-hosted
    steps:
-      # Add GOBIN to PATH
-      - name: Add GOBIN to PATH
-        run: echo ${{ inputs.gobin }} >> $GITHUB_PATH
+      - name: Vega version
+        run: vega version

      # Checkout front ends
      - name: Checkout frontend mono repo
@@ -51,21 +43,12 @@ jobs:
        run: yarn install --frozen-lockfile
        working-directory: frontend-monorepo

-      #######
-      ## Build and run Vegacapsule network
-      #######
-
-      - name: Install Vega binaries
-        uses: ./frontend-monorepo/.github/actions/install-vega-binaries
-        with:
-          version: ${{ inputs.vega-version }}
-          gobin: ${{ inputs.gobin }}
-
      ######
      ## Setup a Vega wallet for our user
      ######

      - name: Set up Vegawallet
+        id: setup-vega
        uses: ./frontend-monorepo/.github/actions/setup-vegawallet
        with:
          recovery: ${{ secrets.TRADING_TEST_VEGA_WALLET_RECOVERY }}
@@ -83,3 +66,4 @@ jobs:
          CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE: ${{ secrets.CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE }}
          CYPRESS_SLACK_WEBHOOK: ${{ secrets.CYPRESS_SLACK_WEBHOOK }}
          CYPRESS_ETH_WALLET_MNEMONIC: ${{ secrets.CYPRESS_ETH_WALLET_MNEMONIC }}
+          CYPRESS_VEGA_WALLET_API_TOKEN: ${{ steps.setup-vega.outputs.token }}
@@ -7,13 +7,6 @@ on:
        required: true
        type: string
        default: 'false'
-      vega-version:
-        required: true
-        type: string
-      gobin:
-        required: false
-        type: string
-        default: /home/runner/go/bin
      skip-cache:
        required: false
        type: string
@@ -31,9 +24,11 @@ jobs:
    runs-on: self-hosted
    timeout-minutes: 30
    steps:
-      # Add GOBIN to PATH
-      - name: Add GOBIN to PATH
-        run: echo ${{ inputs.gobin }} >> $GITHUB_PATH
+      - name: Vega version
+        run: vega version
+
+      - name: Vegacapsule version
+        run: vegacapsule version

      # Checkout front ends
      - name: Checkout frontend mono repo
@@ -60,22 +55,15 @@ jobs:
      ## Build and run Vegacapsule network
      #######

-      - name: Install Vega binaries
-        uses: ./frontend-monorepo/.github/actions/install-vega-binaries
-        with:
-          version: ${{ inputs.vega-version }}
-          gobin: ${{ inputs.gobin }}
-
      - name: Build and run Vegacapsule network
        uses: ./frontend-monorepo/.github/actions/run-vegacapsule
-        with:
-          github-token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}

      ######
      ## Setup a Vega wallet for our user
      ######

      - name: Set up Vegawallet for docker
+        id: setup-vega
        uses: ./frontend-monorepo/.github/actions/setup-vegawallet-docker
        with:
          passphrase: ${{ secrets.CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE }}
@@ -97,15 +85,22 @@ jobs:
          CYPRESS_SLACK_WEBHOOK: ${{ secrets.CYPRESS_SLACK_WEBHOOK }}
          CYPRESS_ETH_WALLET_MNEMONIC: ${{ secrets.CYPRESS_ETH_WALLET_MNEMONIC }}
          CYPRESS_NIGHTLY_RUN: ${{ inputs.night-run }}
+          CYPRESS_VEGA_WALLET_API_TOKEN: ${{ steps.setup-vega.outputs.token }}

      ######
      ## Upload logs
      ######

-      - name: Logs
-        run: vegacapsule network logs > vega-capsule-logs.txt
+      # Artifact path is not valid: /ganache-1/capsule-logscolletor.stderr-2022-12-22T10:20:30Z.log. Contains the following character:  Colon :
+      - name: Rename files to allow archive
+        if: ${{ always() }}
+        run: |
+          while read -r file; do
+            mv "${file}" "$(echo ${file} | sed 's|:|-|g')"
+          done< <(find /home/runner/.vegacapsule/testnet/logs -type f)

      - uses: actions/upload-artifact@v2
+        if: ${{ always() }}
        with:
          name: logs
-          path: ./vega-capsule-logs.txt
+          path: /home/runner/.vegacapsule/testnet/logs
@@ -7,13 +7,6 @@ on:
        required: true
        type: string
        default: 'false'
-      vega-version:
-        required: true
-        type: string
-      gobin:
-        required: false
-        type: string
-        default: /home/runner/go/bin
      skip-cache:
        required: false
        type: string
@@ -27,9 +20,11 @@ jobs:
    runs-on: self-hosted
    timeout-minutes: 60
    steps:
-      # Add GOBIN to PATH
-      - name: Add GOBIN to PATH
-        run: echo ${{ inputs.gobin }} >> $GITHUB_PATH
+      - name: Vega version
+        run: vega version
+
+      - name: Vegacapsule version
+        run: vegacapsule version

      # Checkout front ends
      - name: Checkout frontend mono repo
@@ -56,22 +51,15 @@ jobs:
      ## Build and run Vegacapsule network
      #######

-      - name: Install Vega binaries
-        uses: ./frontend-monorepo/.github/actions/install-vega-binaries
-        with:
-          version: ${{ inputs.vega-version }}
-          gobin: ${{ inputs.gobin }}
-
      - name: Build and run Vegacapsule network
        uses: ./frontend-monorepo/.github/actions/run-vegacapsule
-        with:
-          github-token: ${{ secrets.VEGA_CI_BOT_GITHUB_TOKEN }}

      ######
      ## Setup a Vega wallet for our user
      ######

      - name: Set up Vegawallet for docker
+        id: setup-vega
        uses: ./frontend-monorepo/.github/actions/setup-vegawallet-docker
        with:
          passphrase: ${{ secrets.CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE }}
@@ -92,15 +80,22 @@ jobs:
          CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE: ${{ secrets.CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE }}
          CYPRESS_SLACK_WEBHOOK: ${{ secrets.CYPRESS_SLACK_WEBHOOK }}
          CYPRESS_ETH_WALLET_MNEMONIC: ${{ secrets.CYPRESS_ETH_WALLET_MNEMONIC }}
+          CYPRESS_VEGA_WALLET_API_TOKEN: ${{ steps.setup-vega.outputs.token }}

      ######
      ## Upload logs
      ######

-      - name: Logs
-        run: vegacapsule network logs > vega-capsule-logs.txt
+      # Artifact path is not valid: /ganache-1/capsule-logscolletor.stderr-2022-12-22T10:20:30Z.log. Contains the following character:  Colon :
+      - name: Rename files to allow archive
+        if: ${{ always() }}
+        run: |
+          while read -r file; do
+            mv "${file}" "$(echo ${file} | sed 's|:|-|g')"
+          done< <(find /home/runner/.vegacapsule/testnet/logs -type f)

      - uses: actions/upload-artifact@v2
+        if: ${{ always() }}
        with:
          name: logs
-          path: ./vega-capsule-logs.txt
+          path: /home/runner/.vegacapsule/testnet/logs
@@ -7,13 +7,6 @@ on:
        required: true
        type: string
        default: 'false'
-      vega-version:
-        required: true
-        type: string
-      gobin:
-        required: false
-        type: string
-        default: /home/runner/go/bin
      skip-cache:
        required: false
        type: string
@@ -27,9 +20,8 @@ jobs:
    timeout-minutes: 30
    runs-on: self-hosted
    steps:
-      # Add GOBIN to PATH
-      - name: Add GOBIN to PATH
-        run: echo ${{ inputs.gobin }} >> $GITHUB_PATH
+      - name: Vega version
+        run: vega version

      # Checkout front ends
      - name: Checkout frontend mono repo
@@ -52,21 +44,12 @@ jobs:
        run: yarn install --frozen-lockfile
        working-directory: frontend-monorepo

-      #######
-      ## Build and run Vegacapsule network
-      #######
-
-      - name: Install Vega binaries
-        uses: ./frontend-monorepo/.github/actions/install-vega-binaries
-        with:
-          version: ${{ inputs.vega-version }}
-          gobin: ${{ inputs.gobin }}
-
      ######
      ## Setup a Vega wallet for our user
      ######

      - name: Set up Vegawallet
+        id: setup-vega
        uses: ./frontend-monorepo/.github/actions/setup-vegawallet
        with:
          recovery: ${{ secrets.TRADING_TEST_VEGA_WALLET_RECOVERY }}
@@ -84,3 +67,4 @@ jobs:
          CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE: ${{ secrets.CYPRESS_TRADING_TEST_VEGA_WALLET_PASSPHRASE }}
          CYPRESS_SLACK_WEBHOOK: ${{ secrets.CYPRESS_SLACK_WEBHOOK }}
          CYPRESS_ETH_WALLET_MNEMONIC: ${{ secrets.CYPRESS_ETH_WALLET_MNEMONIC }}
+          CYPRESS_VEGA_WALLET_API_TOKEN: ${{ steps.setup-vega.outputs.token }}
@@ -4,7 +4,7 @@ name: Publish docker containers
  push:
    tags:
      - 'v[0-9]+.[0-9]+.[0-9]+'
-      - 'v[0-9]+.[0-9]+.[0-9]+-pre[0-9]+'
+      - 'v[0-9]+.[0-9]+.[0-9]+-*'

  workflow_dispatch:
    inputs:
@@ -4,13 +4,6 @@ on:
      project:
        required: true
        type: string
-      vega-version:
-        required: true
-        type: string
-      gobin:
-        required: false
-        type: string
-        default: /home/runner/go/bin
      skip-cache:
        required: false
        type: string
@@ -27,8 +20,6 @@ jobs:
    secrets: inherit
    with:
      trigger: ${{ contains(inputs.project, 'console-lite-e2e') || contains(inputs.project, 'console-lite') }}
-      vega-version: ${{ inputs.vega-version }}
-      gobin: ${{ inputs.gobin }}
      skip-cache: ${{ inputs.skip-cache }}
      tags: ${{ inputs.tags }}

@@ -37,8 +28,6 @@ jobs:
    secrets: inherit
    with:
      trigger: ${{ contains(inputs.project, 'explorer-e2e') || contains(inputs.project, 'explorer') }}
-      vega-version: ${{ inputs.vega-version }}
-      gobin: ${{ inputs.gobin }}
      skip-cache: ${{ inputs.skip-cache }}
      tags: ${{ inputs.tags }}
      night-run: ${{ inputs.night-run }}
@@ -60,8 +49,6 @@ jobs:
    secrets: inherit
    with:
      trigger: ${{ contains(inputs.project, 'token-e2e') || contains(inputs.project, 'token') }}
-      vega-version: ${{ inputs.vega-version }}
-      gobin: ${{ inputs.gobin }}
      skip-cache: ${{ inputs.skip-cache }}
      tags: ${{ inputs.tags }}

@@ -70,7 +57,5 @@ jobs:
    secrets: inherit
    with:
      trigger: ${{ contains(inputs.project, 'trading-e2e') || contains(inputs.project, 'trading') }}
-      vega-version: ${{ inputs.vega-version }}
-      gobin: ${{ inputs.gobin }}
      skip-cache: ${{ inputs.skip-cache }}
      tags: ${{ inputs.tags }}
@@ -1 +1,2 @@
 * @vegaprotocol/frontend
+*.graphql @vegaprotocol/core
@@ -88,12 +88,12 @@ Run `nx test my-app` to execute the unit tests with [Jest](https://jestjs.io), o

 ### Using wallet

-To run tests locally using your own wallets you can add the following environment variables to `cypress.json`
+To run tests locally using your own wallets make sure you have generated at least two public keys and update the following environment variables in `cypress.config.js` to match your wallet.

-1. Change `TRADING_TEST_VEGA_WALLET_NAME` to your Vega wallet name
-2. Add `TRADING_TEST_VEGA_WALLET_PASSPHRASE` as your wallet passphrase
-3. Add `ETH_WALLET_MNEMONIC` as your Ethereum wallet mnemonic
-4. Use [vegawallet-dummy](https://github.com/vegaprotocol/vegawallet-dummy) to avoid being prompted in CLI during test execution.
+1. Set `VEGA_PUBLIC_KEY` and `TRUNCATED_VEGA_PUBLIC_KEY` to your first public key.
+2. Set `VEGA_PUBLIC_KEY2` and `TRUNCATED_VEGA_PUBLIC_KEY2` to your second public key.
+3. Set `TRADING_TEST_VEGA_WALLET_PASSPHRASE` as your wallet passphrase
+4. Add `ETH_WALLET_MNEMONIC` as your Ethereum wallet mnemonic

 ### Formatting

@@ -156,6 +156,23 @@ In order to run the bootstrap command to generate and start a new network, we mu
 vegacapsule network bootstrap --config-path=../frontend-monorepo/vegacapsule/config.hcl
 ```

+In order to setup and run vegawallet for e2e capsule tests, in a separate terminal window:
+
+1. cd into `./vegacapsule`
+2. run:
+
+```bash
+bash setup-vegawallet.sh
+```
+
+3. copy generated `api-token` and paste the token into `CYPRESS_VEGA_WALLET_API_TOKEN` environment variable in either `apps/token-e2e/.env` or `apps/explorer-e2e/.env` depending on which project needs testing.
+
+Note: The script is only needed if capsule was built for first time or fresh. To run existing wallet service for capsule:
+
+```bash
+vega wallet service run -n DV --load-tokens --tokens-passphrase-file passphrase --no-version-check --automatic-consent --home ~/.vegacapsule/testnet/wallet
+```
+
 # 📑 License

 [MIT](./LICENSE)
@@ -7,3 +7,4 @@ NX_ETHERSCAN_URL=https://sepolia.etherscan.io
 NX_VEGA_EXPLORER_URL=https://stagnet3.explorer.vega.xyz
 NX_VEGA_WALLET_URL=http://localhost:1789
 CYPRESS_VEGA_ENV=STAGNET3
+CYPRESS_VEGA_WALLET_API_TOKEN=
@@ -4,7 +4,7 @@ module.exports = defineConfig({

  e2e: {
    setupNodeEvents(on, config) {
-      require('cypress-grep/src/plugin')(config);
+      require('@cypress/grep/src/plugin')(config);
      return config;
    },
    baseUrl: 'http://localhost:4200',
@@ -23,7 +23,6 @@ module.exports = defineConfig({
    viewportHeight: 900,
  },
  env: {
-    TRADING_TEST_VEGA_WALLET_NAME: 'UI_Trading_Test',
    ETHEREUM_PROVIDER_URL:
      'https://sepolia.infura.io/v3/4f846e79e13f44d1b51bbd7ed9edefb8',
    VEGA_PUBLIC_KEY:
@@ -0,0 +1,20 @@
+/// <reference types="cypress" />
+
+declare namespace Cypress {
+  // specify additional properties in the TestConfig object
+  // in our case we will add "tags" property
+  interface SuiteConfigOverrides {
+    /**
+     * List of tags for this test
+     * @example a single tag
+     *  it('logs in', { tags: '@smoke' }, () => { ... })
+     * @example multiple tags
+     *  it('works', { tags: ['@smoke', '@slow'] }, () => { ... })
+     */
+    tags?: string | string[];
+  }
+
+  interface Cypress {
+    grep?: (grep?: string, tags?: string, burn?: string) => void;
+  }
+}
@@ -1,15 +1,6 @@
-import { aliasQuery } from '@vegaprotocol/cypress';
-import {
-  generateSimpleMarkets,
-  generateMarketsCandles,
-} from '../support/mocks/generate-markets';
-
 describe('simple trading app', { tags: '@smoke' }, () => {
  beforeEach(() => {
-    cy.mockGQL((req) => {
-      aliasQuery(req, 'Markets', generateSimpleMarkets());
-      aliasQuery(req, 'MarketsCandles', generateMarketsCandles());
-    });
+    cy.mockConsole();
    cy.visit('/');
  });

@@ -1,18 +1,11 @@
-import { aliasQuery } from '@vegaprotocol/cypress';
+import { aliasGQLQuery } from '@vegaprotocol/cypress';
 import type { MarketsQuery } from '@vegaprotocol/market-list';
-import {
-  generateLongListMarkets,
-  generateSimpleMarkets,
-  generateMarketsCandles,
-} from '../support/mocks/generate-markets';
+import { marketCandlesQuery, marketsQuery } from '@vegaprotocol/mock';

 describe('market list', { tags: '@smoke' }, () => {
  describe('simple url', () => {
    beforeEach(() => {
-      cy.mockGQL((req) => {
-        aliasQuery(req, 'Markets', generateSimpleMarkets());
-        aliasQuery(req, 'MarketsCandles', generateMarketsCandles());
-      });
+      cy.mockConsole();
      cy.visit('/markets');
    });

@@ -64,10 +57,7 @@ describe('market list', { tags: '@smoke' }, () => {

  describe('url params should select filters', () => {
    beforeEach(() => {
-      cy.mockGQL((req) => {
-        aliasQuery(req, 'Markets', generateSimpleMarkets());
-        aliasQuery(req, 'MarketsCandles', generateMarketsCandles());
-      });
+      cy.mockConsole();
    });

    it('suspended status', () => {
@@ -100,14 +90,26 @@ describe('market list', { tags: '@smoke' }, () => {
  });

  describe('long list of results should be handled properly', () => {
-    it('handles 1000 markets', () => {
+    beforeEach(() => {
+      cy.mockConsole();
      cy.viewport(1440, 900);
+      const market = marketsQuery().marketsConnection?.edges[0];
+      const edges = new Array(1000)
+        .fill('')
+        .map(() => Object.assign({}, market));
      cy.mockGQL((req) => {
-        aliasQuery(req, 'Markets', generateLongListMarkets(1000));
-        aliasQuery(req, 'MarketsCandles', generateMarketsCandles());
+        aliasGQLQuery(
+          req,
+          'Markets',
+          marketsQuery({ marketsConnection: { edges } })
+        );
+        aliasGQLQuery(req, 'MarketsCandles', marketCandlesQuery());
      });
      performance.mark('start-1k');
      cy.visit('/markets');
+      cy.wait('@Markets');
+    });
+    it('handles 1000 markets', () => {
      cy.get('.ag-center-cols-container', { timeout: 50000 }).then(() => {
        performance.mark('end-1k');
        performance.measure('load-1k', 'start-1k', 'end-1k');
@@ -1,156 +1,84 @@
-import { connectVegaWallet } from '../support/vega-wallet';
-import { aliasQuery } from '@vegaprotocol/cypress';
-import {
-  generateMarket,
-  generateMarketData,
-  generateMarketsCandles,
-  generateMarketsData,
-  generateSimpleMarkets,
-} from '../support/mocks/generate-markets';
-import { generateMarketTags } from '../support/mocks/generate-market-tags';
-import { generateMarketPositions } from '../support/mocks/generate-market-positions';
-import { generateEstimateOrder } from '../support/mocks/generate-estimate-order';
-import { generatePartyBalance } from '../support/mocks/generate-party-balance';
-import { generatePartyMarketData } from '../support/mocks/generate-party-market-data';
-import { generateMarketMarkPrice } from '../support/mocks/generate-market-mark-price';
-import { generateMarketNames } from '../support/mocks/generate-market-names';
-import { generateMarketDepth } from '../support/mocks/generate-market-depth';
-import type { Market, MarketsQuery } from '@vegaprotocol/market-list';
-import { generateChainId } from '../support/mocks/generate-chain-id';
-import { generateStatistics } from '../support/mocks/generate-statistics';
+const marketId = 'market-0';
+const marketName = 'ACTIVE MARKET';

 describe('market selector', { tags: '@smoke' }, () => {
-  let markets: Market[];
  beforeEach(() => {
-    cy.mockGQL((req) => {
-      aliasQuery(req, 'ChainId', generateChainId());
-      aliasQuery(req, 'Statistics', generateStatistics());
-      aliasQuery(req, 'Markets', generateSimpleMarkets());
-      aliasQuery(req, 'MarketsCandles', generateMarketsCandles());
-      aliasQuery(req, 'MarketsData', generateMarketsData());
-      aliasQuery(req, 'MarketData', generateMarketData());
-      aliasQuery(req, 'Market', generateMarket());
-      aliasQuery(req, 'MarketTags', generateMarketTags());
-      aliasQuery(req, 'MarketPositions', generateMarketPositions());
-      aliasQuery(req, 'EstimateOrder', generateEstimateOrder());
-      aliasQuery(req, 'PartyBalance', generatePartyBalance());
-      aliasQuery(req, 'PartyMarketData', generatePartyMarketData());
-      aliasQuery(req, 'MarketMarkPrice', generateMarketMarkPrice());
-      aliasQuery(req, 'MarketNames', generateMarketNames());
-      aliasQuery(req, 'MarketDepth', generateMarketDepth());
-    });
-
-    cy.visit('/markets');
-    cy.wait('@Markets').then((response) => {
-      const data: MarketsQuery | undefined = response?.response?.body?.data;
-      if (data?.marketsConnection?.edges.length) {
-        markets = data?.marketsConnection?.edges.map((edge) => edge.node);
-      }
-    });
+    cy.mockConsole();
+    cy.visit(`/trading/${marketId}`);
+    cy.connectVegaWallet();
+    cy.wait('@Markets');
  });

  it('should be properly rendered', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[0].id}`);
-      connectVegaWallet();
-      cy.get('input[placeholder="Search"]').should(
-        'have.value',
-        markets[0].tradableInstrument.instrument.name
-      );
-      cy.getByTestId('arrow-button').click();
-      cy.getByTestId('market-pane').should('be.visible');
-      cy.getByTestId('market-pane')
-        .children()
-        .find('[role="button"]')
-        .first()
-        .should('contain.text', markets[0].tradableInstrument.instrument.name);
-      cy.getByTestId('market-pane')
-        .children()
-        .find('[role="button"]')
-        .first()
-        .click();
-      cy.getByTestId('market-pane').should('not.be.visible');
-    }
+    cy.get('input[placeholder="Search"]').should('have.value', marketName);
+    cy.getByTestId('arrow-button').click();
+    cy.getByTestId('market-pane').should('be.visible');
+    cy.getByTestId('market-pane')
+      .children()
+      .find('[role="button"]')
+      .first()
+      .should('contain.text', marketName);
+    cy.getByTestId('market-pane')
+      .children()
+      .find('[role="button"]')
+      .first()
+      .click();
+    cy.getByTestId('market-pane').should('not.be.visible');
  });

  it('typing should change list', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[0].id}`);
-      connectVegaWallet();
-      cy.get('input[placeholder="Search"]').type('{backspace}');
-      cy.getByTestId('market-pane')
-        .children()
-        .find('[role="button"]')
-        .should('have.length.at.least', 1);
-      cy.get('input[placeholder="Search"]').clear();
-      cy.get('input[placeholder="Search"]').type('aa');
-      const filtered = markets.filter(
-        (market) =>
-          market.state === 'STATE_ACTIVE' &&
-          market.tradableInstrument.instrument.name.match(/aa/i)
-      );
-      cy.getByTestId('market-pane')
-        .children()
-        .find('[role="button"]')
-        .should('have.length', filtered.length);
-      cy.getByTestId('market-pane')
-        .children()
-        .find('[role="button"]')
-        .last()
-        .click();
-      cy.location('pathname').should(
-        'eq',
-        `/trading/${filtered[filtered.length - 1].id}`
-      );
-      cy.get('input[placeholder="Search"]').should(
-        'have.value',
-        filtered[filtered.length - 1].tradableInstrument.instrument.name
-      );
-    }
+    cy.get('input[placeholder="Search"]').type('{backspace}');
+    cy.getByTestId('market-pane')
+      .children()
+      .find('[role="button"]')
+      .should('have.length.at.least', 1);
+    cy.get('input[placeholder="Search"]').clear();
+    cy.get('input[placeholder="Search"]').type('ACTIVE');
+    cy.getByTestId('market-pane')
+      .children()
+      .find('[role="button"]')
+      .should('have.length', 1);
+    cy.getByTestId('market-pane')
+      .children()
+      .find('[role="button"]')
+      .last()
+      .click();
+    cy.location('pathname').should('eq', `/trading/${marketId}`);
+    cy.get('input[placeholder="Search"]').should('have.value', marketName);
  });
  // constantly failing on ci
  it.skip('keyboard navigation should work well', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[0].id}`);
-      connectVegaWallet();
-      cy.get('input[placeholder="Search"]').type('{backspace}');
-      cy.get('input[placeholder="Search"]').clear();
-      cy.focused().realPress('ArrowDown');
-      cy.focused().should('contain.text', 'AAVEDAI Monthly');
-      cy.focused().realPress('ArrowDown');
-      cy.focused().should('contain.text', 'ETHBTC').realPress('Enter');
-      cy.location('pathname').should('eq', '/trading/ethbtc-quaterly');
+    cy.get('input[placeholder="Search"]').type('{backspace}');
+    cy.get('input[placeholder="Search"]').clear();
+    cy.focused().realPress('ArrowDown');
+    cy.focused().should('contain.text', marketName);
+    cy.focused().realPress('ArrowDown');
+    cy.focused().should('contain.text', 'ETHBTC').realPress('Enter');
+    cy.location('pathname').should('eq', '/trading/ethbtc-quaterly');

-      cy.get('input[placeholder="Search"]').type('{backspace}');
-      cy.get('input[placeholder="Search"]').clear();
-      cy.getByTestId('market-pane').should('be.visible');
-      cy.get('body').realPress('ArrowDown');
-      cy.get('body').realPress('Tab');
-      cy.getByTestId('market-pane').should('not.be.visible');
-    }
+    cy.get('input[placeholder="Search"]').type('{backspace}');
+    cy.get('input[placeholder="Search"]').clear();
+    cy.getByTestId('market-pane').should('be.visible');
+    cy.get('body').realPress('ArrowDown');
+    cy.get('body').realPress('Tab');
+    cy.getByTestId('market-pane').should('not.be.visible');
  });

  it('mobile view', () => {
-    if (markets?.length) {
-      cy.viewport('iphone-xr');
-      cy.visit(`/trading/${markets[0].id}`);
-      connectVegaWallet();
-      cy.get('[role="dialog"]').should('not.exist');
-      cy.getByTestId('arrow-button').click();
-      cy.get('[role="dialog"]').should('be.visible');
-      cy.get('input[placeholder="Search"]').then((search) => {
-        cy.wrap(search).clear();
-      });
-      cy.getByTestId('market-pane')
-        .children()
-        .find('[role="button"]')
-        .should('have.length', 9);
-      cy.get('div[role="dialog"]').should('have.class', 'w-screen');
-      cy.getByTestId('dialog-close').click();
-      cy.get('input[placeholder="Search"]').should(
-        'have.value',
-        markets[0].tradableInstrument.instrument.name
-      );
-    }
+    cy.viewport('iphone-xr');
+    cy.visit(`/trading/${marketId}`);
+    cy.get('[role="dialog"]').should('not.exist');
+    cy.getByTestId('arrow-button').click();
+    cy.get('[role="dialog"]').should('be.visible');
+    cy.get('input[placeholder="Search"]').then((search) => {
+      cy.wrap(search).clear();
+    });
+    cy.getByTestId('market-pane')
+      .children()
+      .find('[role="button"]')
+      .should('have.length', 3);
+    cy.get('div[role="dialog"]').should('have.class', 'w-screen');
+    cy.getByTestId('dialog-close').click();
+    cy.get('input[placeholder="Search"]').should('have.value', marketName);
  });
 });
@@ -1,54 +1,38 @@
-import { connectVegaWallet } from '../support/vega-wallet';
-import { aliasQuery } from '@vegaprotocol/cypress';
-import {
-  generateSimpleMarkets,
-  generateMarketsCandles,
-  generateMarketsData,
-  generateMarket,
-  generateMarketData,
-} from '../support/mocks/generate-markets';
-import { generateMarketTags } from '../support/mocks/generate-market-tags';
-import { generateMarketPositions } from '../support/mocks/generate-market-positions';
-import { generateEstimateOrder } from '../support/mocks/generate-estimate-order';
-import { generatePartyBalance } from '../support/mocks/generate-party-balance';
-import { generatePartyMarketData } from '../support/mocks/generate-party-market-data';
-import { generateMarketMarkPrice } from '../support/mocks/generate-market-mark-price';
-import { generateMarketDepth } from '../support/mocks/generate-market-depth';
-import type { MarketsQuery, Market } from '@vegaprotocol/market-list';
-import { generateChainId } from '../support/mocks/generate-chain-id';
-import { generateStatistics } from '../support/mocks/generate-statistics';
+import { aliasGQLQuery } from '@vegaprotocol/cypress';
+import { marketQuery, marketsQuery } from '@vegaprotocol/mock';

-describe('Market trade', { tags: '@smoke' }, () => {
-  let markets: Market[];
-  beforeEach(() => {
-    cy.mockGQL((req) => {
-      aliasQuery(req, 'ChainId', generateChainId());
-      aliasQuery(req, 'Statistics', generateStatistics());
-      aliasQuery(req, 'Markets', generateSimpleMarkets());
-      aliasQuery(req, 'MarketsCandles', generateMarketsCandles());
-      aliasQuery(req, 'MarketsData', generateMarketsData());
-      aliasQuery(req, 'SimpleMarkets', generateSimpleMarkets());
-      aliasQuery(req, 'MarketTags', generateMarketTags());
-      aliasQuery(req, 'MarketPositions', generateMarketPositions());
-      aliasQuery(req, 'EstimateOrder', generateEstimateOrder());
-      aliasQuery(req, 'PartyBalance', generatePartyBalance());
-      aliasQuery(req, 'PartyMarketData', generatePartyMarketData());
-      aliasQuery(req, 'MarketMarkPrice', generateMarketMarkPrice());
-      aliasQuery(req, 'MarketDepth', generateMarketDepth());
-      aliasQuery(req, 'Market', generateMarket());
-      aliasQuery(req, 'MarketData', generateMarketData());
-    });
-    cy.visit('/markets');
-    cy.wait('@Markets').then((response) => {
-      const data: MarketsQuery | undefined = response?.response?.body?.data;
-      if (data?.marketsConnection?.edges.length) {
-        markets = data?.marketsConnection?.edges.map((edge) => edge.node);
-      }
-    });
+const marketId =
+  marketsQuery().marketsConnection?.edges[1].node.id || 'market-1';
+const marketOverride = {
+  market: {
+    depth: {
+      lastTrade: {
+        price: '9893006',
+      },
+    },
+    id: marketId,
+    tradableInstrument: {
+      instrument: {
+        product: {
+          settlementAsset: {
+            id: 'asset-id-2',
+            name: 'DAI Name',
+            symbol: 'tDAI',
+          },
+        },
+      },
+    },
+  },
+};
+
+describe('Market trade with wallet disconnected', { tags: '@smoke' }, () => {
+  before(() => {
+    cy.mockConsole();
+    cy.visit(`/trading/${marketId}`);
+    cy.wait('@Market');
+    console.log('marketId', marketId);
  });
-
-  it('should not display steps if wallet is disconnected', () => {
-    cy.visit(`/trading/${markets[0].id}`);
+  it('should not display steps', () => {
    cy.getByTestId('trading-connect-wallet')
      .find('h3')
      .should('have.text', 'Please connect your Vega wallet to make a trade');
@@ -59,273 +43,236 @@ describe('Market trade', { tags: '@smoke' }, () => {
      .find('a')
      .should('have.text', 'https://vega.xyz/wallet');
  });
+});
+
+describe('Market trade', { tags: '@regression' }, () => {
+  beforeEach(() => {
+    cy.mockConsole();
+    cy.mockGQL((req) => {
+      aliasGQLQuery(req, 'Market', marketQuery(marketOverride));
+    });
+    cy.visit(`/trading/${marketId}`);
+    cy.connectVegaWallet();
+    cy.wait('@Market');
+  });

  it('side selector should work well', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[0].id}`);
-      connectVegaWallet();
-      cy.get('#step-1-control [aria-label^="Selected value"]').should(
-        'have.text',
-        'Long'
-      );
-      cy.get('#step-1-control [aria-label^="Selected value"]').click();
-      cy.get('button[aria-label="Open short position"]').click();
-      cy.get('#step-2-control').click();
-      cy.get('#step-1-control [aria-label^="Selected value"]').should(
-        'have.text',
-        'Short'
-      );
-    }
+    cy.get('#step-1-control [aria-label^="Selected value"]').should(
+      'have.text',
+      'Long'
+    );
+    cy.get('#step-1-control [aria-label^="Selected value"]').click();
+    cy.get('button[aria-label="Open short position"]').click();
+    cy.get('#step-2-control').click();
+    cy.get('#step-1-control [aria-label^="Selected value"]').should(
+      'have.text',
+      'Short'
+    );
  });

  it('side selector mobile view should work well', () => {
-    if (markets?.length) {
-      cy.viewport('iphone-xr');
-      cy.visit(`/trading/${markets[0].id}`);
-      connectVegaWallet();
-      cy.getByTestId('next-button').scrollIntoView().click();
+    cy.viewport('iphone-xr');
+    cy.getByTestId('next-button').scrollIntoView().click();

-      cy.get('button[aria-label="Open long position"]').should(
-        'have.class',
-        'selected'
-      );
-      cy.get('button[aria-label="Open short position"]').should(
-        'not.have.class',
-        'selected'
-      );
+    cy.get('button[aria-label="Open long position"]').should(
+      'have.class',
+      'selected'
+    );
+    cy.get('button[aria-label="Open short position"]').should(
+      'not.have.class',
+      'selected'
+    );

-      cy.get('button[aria-label="Open short position"]').click();
-      cy.get('button[aria-label="Open long position"]').should(
-        'not.have.class',
-        'selected'
-      );
-      cy.get('button[aria-label="Open short position"]').should(
-        'have.class',
-        'selected'
-      );
-      cy.getByTestId('next-button').scrollIntoView().click();
-      cy.get('#step-1-control').should(
-        'contain.html',
-        'aria-label="Selected value Short"'
-      );
-    }
+    cy.get('button[aria-label="Open short position"]').click();
+    cy.get('button[aria-label="Open long position"]').should(
+      'not.have.class',
+      'selected'
+    );
+    cy.get('button[aria-label="Open short position"]').should(
+      'have.class',
+      'selected'
+    );
+    cy.getByTestId('next-button').scrollIntoView().click();
+    cy.get('#step-1-control').should(
+      'contain.html',
+      'aria-label="Selected value Short"'
+    );
  });

  it('size slider should work well', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[1].id}`);
-      connectVegaWallet();
-      cy.get('#step-1-control [aria-label^="Selected value"]').click();
-      cy.get('button[aria-label="Open short position"]').click();
-      cy.get('#step-2-control').click();
-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(0)
-        .find('button')
-        .should('have.text', '1');
-      cy.get('#step-2-panel').find('[role="slider"]').type('{rightarrow}');
+    cy.get('#step-1-control [aria-label^="Selected value"]').click();
+    cy.get('button[aria-label="Open short position"]').click();
+    cy.get('#step-2-control').click();
+    cy.get('#step-2-panel')
+      .find('dd')
+      .eq(0)
+      .find('button')
+      .should('have.text', '1');
+    cy.get('#step-2-panel').find('[role="slider"]').type('{rightarrow}');

-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(0)
-        .find('button')
-        .should('have.text', '2');
-    }
+    cy.get('#step-2-panel')
+      .find('dd')
+      .eq(0)
+      .find('button')
+      .should('have.text', '2');
  });

  it('percentage selection should work well', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[1].id}`);
-      connectVegaWallet();
-      cy.get('#step-1-control [aria-label^="Selected value"]').click();
-      cy.get('button[aria-label="Open short position"]').click();
-      cy.get('#step-2-control').click();
-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(0)
-        .find('button')
-        .should('have.text', '1');
+    cy.get('#step-1-control [aria-label^="Selected value"]').click();
+    cy.get('button[aria-label="Open short position"]').click();
+    cy.get('#step-2-control').click();
+    cy.get('#step-2-panel')
+      .find('dd')
+      .eq(0)
+      .find('button')
+      .should('have.text', '1');

-      cy.getByTestId('max-label').should('have.text', '21');
+    cy.getByTestId('max-label').should('have.text', '10');

-      cy.getByTestId('percentage-selector')
-        .find('button')
-        .contains('Max')
-        .click();
-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(0)
-        .find('button')
-        .should('have.text', '21');
-    }
+    cy.getByTestId('percentage-selector')
+      .find('button')
+      .contains('Max')
+      .click();
+    cy.get('#step-2-panel')
+      .find('dd')
+      .eq(0)
+      .find('button')
+      .should('have.text', '10');
  });

  it('size input should work well', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[1].id}`);
-      connectVegaWallet();
-      cy.get('#step-1-control [aria-label^="Selected value"]').click();
-      cy.get('button[aria-label="Open short position"]').click();
-      cy.get('#step-2-control').click();
-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(0)
-        .find('button')
-        .should('have.text', '1');
-      cy.get('#step-2-panel').find('dd').eq(0).find('button').click();
-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(0)
-        .find('input')
-        .type('{backspace}2');
-      cy.get('#step-2-panel').find('dd').eq(0).find('button').click();
-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(0)
-        .find('button')
-        .should('have.text', '2');
-      cy.get('button').contains('Max').click();
-    }
+    cy.get('#step-1-control [aria-label^="Selected value"]').click();
+    cy.get('button[aria-label="Open short position"]').click();
+    cy.get('#step-2-control').click();
+    cy.get('#step-2-panel')
+      .find('dd')
+      .eq(0)
+      .find('button')
+      .should('have.text', '1');
+    cy.get('#step-2-panel').find('dd').eq(0).find('button').click();
+    cy.get('#step-2-panel').find('dd').eq(0).find('input').type('{backspace}2');
+    cy.get('#step-2-panel').find('dd').eq(0).find('button').click();
+    cy.get('#step-2-panel')
+      .find('dd')
+      .eq(0)
+      .find('button')
+      .should('have.text', '2');
+    cy.get('button').contains('Max').click();
  });

  it('slippage value should be displayed', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[1].id}`);
-      connectVegaWallet();
-      cy.get('#step-1-control [aria-label^="Selected value"]').click();
-      cy.get('button[aria-label="Open short position"]').click();
-      cy.get('#step-2-control').click();
-      cy.get('button').contains('Max').click();
-      cy.get('#step-2-panel')
-        .find('dl')
-        .eq(2)
-        .find('dd')
-        .should('have.text', '0.02%');
-    }
+    cy.get('#step-1-control [aria-label^="Selected value"]').click();
+    cy.get('button[aria-label="Open short position"]').click();
+    cy.get('#step-2-control').click();
+    cy.get('button').contains('Max').click();
+    cy.get('#step-2-panel')
+      .find('dl')
+      .eq(2)
+      .find('dd')
+      .should('have.text', '0.01%');
  });

  it('allow slippage value to be adjusted', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[1].id}`);
-      connectVegaWallet();
-      cy.get('#step-1-control [aria-label^="Selected value"]').click();
-      cy.get('button[aria-label="Open short position"]').click();
-      cy.get('#step-2-control').click();
-      cy.get('button').contains('Max').click();
-      cy.get('#step-2-panel')
-        .find('dl')
-        .eq(2)
-        .find('dd')
-        .should('have.text', '0.02%');
-      cy.get('#step-2-panel').find('dl').eq(2).find('button').click();
-      cy.get('#input-order-slippage')
-        .focus()
-        .type('{backspace}{backspace}{backspace}1');
+    cy.get('#step-1-control [aria-label^="Selected value"]').click();
+    cy.get('button[aria-label="Open short position"]').click();
+    cy.get('#step-2-control').click();
+    cy.get('button').contains('Max').click();
+    cy.get('#step-2-panel')
+      .find('dl')
+      .eq(2)
+      .find('dd')
+      .should('have.text', '0.01%');
+    cy.get('#step-2-panel').find('dl').eq(2).find('button').click();
+    cy.get('#input-order-slippage')
+      .focus()
+      .type('{backspace}{backspace}{backspace}1');

-      cy.getByTestId('slippage-dialog').find('button').click();
+    cy.getByTestId('slippage-dialog').find('button').click();

-      cy.get('#step-2-panel')
-        .find('dl')
-        .eq(2)
-        .find('dd')
-        .should('have.text', '1%');
-    }
+    cy.get('#step-2-panel')
+      .find('dl')
+      .eq(2)
+      .find('dd')
+      .should('have.text', '1%');
  });

  it('notional position size should be present', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[1].id}`);
-      connectVegaWallet();
-      cy.get('#step-1-control [aria-label^="Selected value"]').click();
-      cy.get('button[aria-label="Open short position"]').click();
-      cy.get('#step-2-control').click();
-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(0)
-        .find('button')
-        .should('have.text', '1');
-      cy.get('#step-2-panel').find('dd').eq(0).find('button').click();
-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(0)
-        .find('input')
-        .type('{backspace}2');
-      cy.get('#step-2-panel').find('dd').eq(0).find('button').click();
-      cy.get('#step-2-panel')
-        .find('dt')
-        .eq(2)
-        .should('have.text', 'Est. Position Size (tDAI)');
-      cy.get('#step-2-panel').find('dd').eq(2).should('have.text', '197.86012');
-    }
+    cy.get('#step-1-control [aria-label^="Selected value"]').click();
+    cy.get('button[aria-label="Open short position"]').click();
+    cy.get('#step-2-control').click();
+    cy.get('#step-2-panel')
+      .find('dd')
+      .eq(0)
+      .find('button')
+      .should('have.text', '1');
+    cy.get('#step-2-panel').find('dd').eq(0).find('button').click();
+    cy.get('#step-2-panel').find('dd').eq(0).find('input').type('{backspace}2');
+    cy.get('#step-2-panel').find('dd').eq(0).find('button').click();
+    cy.get('#step-2-panel')
+      .find('dt')
+      .eq(2)
+      .should('have.text', 'Est. Position Size (tDAI)');
+    cy.get('#step-2-panel').find('dd').eq(2).should('have.text', '197.86012');
  });

  it('total fees should be displayed', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[1].id}`);
-      connectVegaWallet();
-      cy.get('#step-1-control [aria-label^="Selected value"]').click();
-      cy.get('button[aria-label="Open short position"]').click();
-      cy.get('#step-2-control').click();
-      cy.get('#step-2-panel')
-        .find('dt')
-        .eq(3)
-        .should('have.text', 'Est. Fees (tDAI)');
-      cy.get('#step-2-panel')
-        .find('dd')
-        .eq(3)
-        .should('have.text', '3.00 (3.03%)');
-    }
+    cy.get('#step-1-control [aria-label^="Selected value"]').click();
+    cy.get('button[aria-label="Open short position"]').click();
+    cy.get('#step-2-control').click();
+    cy.get('#step-2-panel')
+      .find('dt')
+      .eq(3)
+      .should('have.text', 'Est. Fees (tDAI)');
+    cy.get('#step-2-panel')
+      .find('dd')
+      .eq(3)
+      .should('have.text', '3.00 (3.03%)');
  });

  it('order review should display proper calculations', () => {
-    if (markets?.length) {
-      cy.visit(`/trading/${markets[0].id}`);
-      connectVegaWallet();
-      cy.get('#step-3-control').click();
+    cy.get('#step-3-control').click();

-      cy.getByTestId('review-trade')
-        .get('#contracts_tooltip_trigger')
-        .trigger('click')
-        .realTouch();
+    cy.getByTestId('review-trade')
+      .get('#contracts_tooltip_trigger')
+      .trigger('click')
+      .realTouch();

-      cy.get('[data-radix-popper-content-wrapper]').contains(
-        'The number of contracts determines'
-      );
-      cy.get('#step-3-panel').find('dd').eq(1).should('have.text', '1');
+    cy.get('[data-radix-popper-content-wrapper]').contains(
+      'The number of contracts determines'
+    );
+    cy.get('#step-3-panel').find('dd').eq(1).should('have.text', '1');

-      cy.get('#step-3-panel').find('dd').eq(2).should('have.text', '98.93006');
+    cy.get('#step-3-panel').find('dd').eq(2).should('have.text', '98.93006');

-      cy.get('#step-3-panel')
-        .find('dd')
-        .eq(3)
-        .should('have.text', '3.00 (3.03%)');
+    cy.get('#step-3-panel')
+      .find('dd')
+      .eq(3)
+      .should('have.text', '3.00 (3.03%)');

-      cy.get('#step-3-panel').find('dd').eq(4).should('have.text', ' - ');
+    cy.get('#step-3-panel')
+      .find('dd')
+      .eq(4)
+      .should('have.text', '45,126.90058');

-      cy.getByTestId('place-order').should('be.enabled').click();
-    }
+    cy.getByTestId('place-order').should('be.enabled').click();
  });

  it('info tooltip on mobile view should work well', () => {
-    if (markets?.length) {
-      cy.viewport('iphone-xr');
-      cy.visit(`/trading/${markets[0].id}`);
-      connectVegaWallet();
-      cy.get('#step-3-control').click();
+    cy.viewport('iphone-xr');
+    cy.get('#step-3-control').click();

-      // Start from the bottom tooltip to ensure the tooltip above
-      // can be interacted with
-      cy.getByTestId('review-trade').get('div.cursor-help').eq(1).realTouch();
-      cy.get('[data-radix-popper-content-wrapper]').contains(
-        'The notional size represents the position size'
-      );
+    // Start from the bottom tooltip to ensure the tooltip above
+    // can be interacted with
+    cy.getByTestId('review-trade').get('div.cursor-help').eq(1).realTouch();
+    cy.get('[data-radix-popper-content-wrapper]').contains(
+      'The notional size represents the position size'
+    );

-      cy.getByTestId('review-trade')
-        .get('#contracts_tooltip_trigger')
-        .realTouch();
-      cy.get('[data-radix-popper-content-wrapper]').contains(
-        'The number of contracts determines'
-      );
-    }
+    cy.getByTestId('review-trade')
+      .get('#contracts_tooltip_trigger')
+      .realTouch();
+    cy.get('[data-radix-popper-content-wrapper]').contains(
+      'The number of contracts determines'
+    );
  });
 });
@@ -1,28 +1,23 @@
-import { connectVegaWallet } from '../support/vega-wallet';
-import { aliasQuery } from '@vegaprotocol/cypress';
+import { aliasGQLQuery } from '@vegaprotocol/cypress';
 import {
-  generatePositions,
-  emptyPositions,
-  generateMargins,
-} from '../support/mocks/generate-positions';
-import { generateAccounts } from '../support/mocks/generate-accounts';
-import { generateAssets } from '../support/mocks/generate-assets';
-import { generateOrders } from '../support/mocks/generate-orders';
-import { generateFills } from '../support/mocks/generate-fills';
-import {
-  generateFillsMarkets,
-  generateMarketsData,
-  generatePositionsMarkets,
-} from '../support/mocks/generate-markets';
-import { generateChainId } from '../support/mocks/generate-chain-id';
-import { generateStatistics } from '../support/mocks/generate-statistics';
+  accountsQuery,
+  assetsQuery,
+  chainIdQuery,
+  fillsQuery,
+  marginsQuery,
+  marketsDataQuery,
+  marketsQuery,
+  ordersQuery,
+  positionsQuery,
+  statisticsQuery,
+} from '@vegaprotocol/mock';

 describe('Portfolio page - wallet', { tags: '@smoke' }, () => {
  it('button for wallet connect should work', () => {
    cy.visit('/');
    cy.get('[href="/portfolio"]').eq(0).click();
    cy.getByTestId('trading-connect-wallet').should('be.visible');
-    connectVegaWallet();
+    cy.connectVegaWallet();
    cy.getByTestId('trading-connect-wallet').should('not.exist');
  });
 });
@@ -30,20 +25,20 @@ describe('Portfolio page - wallet', { tags: '@smoke' }, () => {
 describe('Portfolio page tabs', { tags: '@smoke' }, () => {
  before(() => {
    cy.mockGQL((req) => {
-      aliasQuery(req, 'ChainId', generateChainId());
-      aliasQuery(req, 'Statistics', generateStatistics());
-      aliasQuery(req, 'Positions', generatePositions());
-      aliasQuery(req, 'Margins', generateMargins());
-      aliasQuery(req, 'Markets', generatePositionsMarkets());
-      aliasQuery(req, 'MarketsData', generateMarketsData());
-      aliasQuery(req, 'Accounts', generateAccounts());
-      aliasQuery(req, 'Assets', generateAssets());
+      aliasGQLQuery(req, 'ChainId', chainIdQuery());
+      aliasGQLQuery(req, 'Statistics', statisticsQuery());
+      aliasGQLQuery(req, 'Positions', positionsQuery());
+      aliasGQLQuery(req, 'Margins', marginsQuery());
+      aliasGQLQuery(req, 'Markets', marketsQuery());
+      aliasGQLQuery(req, 'MarketsData', marketsDataQuery());
+      aliasGQLQuery(req, 'Accounts', accountsQuery());
+      aliasGQLQuery(req, 'Assets', assetsQuery());
    });
  });

  it('certain tabs should exist', () => {
    cy.visit('/portfolio');
-    connectVegaWallet();
+    cy.connectVegaWallet();

    cy.getByTestId('assets').click();
    cy.location('pathname').should('eq', '/portfolio/assets');
@@ -64,21 +59,21 @@ describe('Portfolio page tabs', { tags: '@smoke' }, () => {
  describe('Assets view', () => {
    before(() => {
      cy.mockGQL((req) => {
-        aliasQuery(req, 'ChainId', generateChainId());
-        aliasQuery(req, 'Statistics', generateStatistics());
-        aliasQuery(req, 'Positions', generatePositions());
-        aliasQuery(req, 'Margins', generateMargins());
-        aliasQuery(req, 'Markets', generatePositionsMarkets());
-        aliasQuery(req, 'MarketsData', generateMarketsData());
-        aliasQuery(req, 'Accounts', generateAccounts());
-        aliasQuery(req, 'Assets', generateAssets());
+        aliasGQLQuery(req, 'ChainId', chainIdQuery());
+        aliasGQLQuery(req, 'Statistics', statisticsQuery());
+        aliasGQLQuery(req, 'Positions', positionsQuery());
+        aliasGQLQuery(req, 'Margins', marginsQuery());
+        aliasGQLQuery(req, 'Markets', marketsQuery());
+        aliasGQLQuery(req, 'MarketsData', marketsDataQuery());
+        aliasGQLQuery(req, 'Accounts', accountsQuery());
+        aliasGQLQuery(req, 'Assets', assetsQuery());
      });
      cy.visit('/portfolio/assets');
-      connectVegaWallet();
+      cy.connectVegaWallet();
    });

    it('data should be properly rendered', () => {
-      cy.get('.ag-center-cols-container .ag-row').should('have.length', 3);
+      cy.get('.ag-center-cols-container .ag-row').should('have.length', 5);
      cy.get(
        '.ag-center-cols-container [row-id="ACCOUNT_TYPE_GENERAL-asset-id-null"]'
      )
@@ -95,17 +90,17 @@ describe('Portfolio page tabs', { tags: '@smoke' }, () => {
  describe('Positions view', () => {
    beforeEach(() => {
      cy.mockGQL((req) => {
-        aliasQuery(req, 'ChainId', generateChainId());
-        aliasQuery(req, 'Statistics', generateStatistics());
-        aliasQuery(req, 'Positions', generatePositions());
-        aliasQuery(req, 'Accounts', generateAccounts());
-        aliasQuery(req, 'Margins', generateMargins());
-        aliasQuery(req, 'Markets', generatePositionsMarkets());
-        aliasQuery(req, 'MarketsData', generateMarketsData());
-        aliasQuery(req, 'Assets', generateAssets());
+        aliasGQLQuery(req, 'ChainId', chainIdQuery());
+        aliasGQLQuery(req, 'Statistics', statisticsQuery());
+        aliasGQLQuery(req, 'Positions', positionsQuery());
+        aliasGQLQuery(req, 'Margins', marginsQuery());
+        aliasGQLQuery(req, 'Markets', marketsQuery());
+        aliasGQLQuery(req, 'MarketsData', marketsDataQuery());
+        aliasGQLQuery(req, 'Accounts', accountsQuery());
+        aliasGQLQuery(req, 'Assets', assetsQuery());
      });
      cy.visit('/portfolio/positions');
-      connectVegaWallet();
+      cy.connectVegaWallet();
    });

    it('data should be properly rendered', () => {
@@ -116,13 +111,13 @@ describe('Portfolio page tabs', { tags: '@smoke' }, () => {
  describe('Orders view', () => {
    beforeEach(() => {
      cy.mockGQL((req) => {
-        aliasQuery(req, 'ChainId', generateChainId());
-        aliasQuery(req, 'Statistics', generateStatistics());
-        aliasQuery(req, 'Orders', generateOrders());
-        aliasQuery(req, 'Markets', generateFillsMarkets());
+        aliasGQLQuery(req, 'ChainId', chainIdQuery());
+        aliasGQLQuery(req, 'Statistics', statisticsQuery());
+        aliasGQLQuery(req, 'Orders', ordersQuery());
+        aliasGQLQuery(req, 'Markets', marketsQuery());
      });
      cy.visit('/portfolio/orders');
-      connectVegaWallet();
+      cy.connectVegaWallet();
    });

    it('data should be properly rendered', () => {
@@ -133,13 +128,14 @@ describe('Portfolio page tabs', { tags: '@smoke' }, () => {
  describe('Fills view', () => {
    beforeEach(() => {
      cy.mockGQL((req) => {
-        aliasQuery(req, 'ChainId', generateChainId());
-        aliasQuery(req, 'Statistics', generateStatistics());
-        aliasQuery(req, 'Fills', generateFills());
-        aliasQuery(req, 'Markets', generateFillsMarkets());
+        aliasGQLQuery(req, 'ChainId', chainIdQuery());
+        aliasGQLQuery(req, 'Statistics', statisticsQuery());
+        aliasGQLQuery(req, 'Orders', ordersQuery());
+        aliasGQLQuery(req, 'Markets', marketsQuery());
+        aliasGQLQuery(req, 'Fills', fillsQuery());
      });
      cy.visit('/portfolio/fills');
-      connectVegaWallet();
+      cy.connectVegaWallet();
    });

    it('data should be properly rendered', () => {
@@ -150,23 +146,23 @@ describe('Portfolio page tabs', { tags: '@smoke' }, () => {
  describe('Empty views', () => {
    beforeEach(() => {
      cy.mockGQL((req) => {
-        aliasQuery(req, 'ChainId', generateChainId());
-        aliasQuery(req, 'Statistics', generateStatistics());
-        aliasQuery(req, 'Positions', emptyPositions());
-        aliasQuery(req, 'Accounts', { party: null });
-        aliasQuery(req, 'Orders', { party: null });
-        aliasQuery(req, 'Fills', { party: null });
-        aliasQuery(req, 'Markets', {
+        aliasGQLQuery(req, 'ChainId', chainIdQuery());
+        aliasGQLQuery(req, 'Statistics', statisticsQuery());
+        aliasGQLQuery(req, 'Positions', { party: null });
+        aliasGQLQuery(req, 'Accounts', { party: null });
+        aliasGQLQuery(req, 'Orders', { party: null });
+        aliasGQLQuery(req, 'Fills', { party: null });
+        aliasGQLQuery(req, 'Markets', {
          marketsConnection: { edges: [], __typename: 'MarketConnection' },
        });
-        aliasQuery(req, 'Assets', {
+        aliasGQLQuery(req, 'Assets', {
          assetsConnection: { edges: null, __typename: 'AssetsConnection' },
        });
-        aliasQuery(req, 'Margins', generateMargins());
-        aliasQuery(req, 'MarketsData', generateMarketsData());
+        aliasGQLQuery(req, 'Margins', marginsQuery());
+        aliasGQLQuery(req, 'MarketsData', marketsDataQuery());
      });
      cy.visit('/portfolio');
-      connectVegaWallet();
+      cy.connectVegaWallet();
    });

    it('"No data to display" should be always displayed', () => {
@@ -1,9 +0,0 @@
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
@@ -0,0 +1,56 @@
+import { aliasGQLQuery } from '@vegaprotocol/cypress';
+import type { CyHttpMessages } from 'cypress/types/net-stubbing';
+import {
+  accountsQuery,
+  assetsQuery,
+  chainIdQuery,
+  estimateOrderQuery,
+  fillsQuery,
+  marginsQuery,
+  marketDataQuery,
+  marketDepthQuery,
+  marketQuery,
+  marketsCandlesQuery,
+  marketsDataQuery,
+  marketsQuery,
+  ordersQuery,
+  positionsQuery,
+  statisticsQuery,
+} from '@vegaprotocol/mock';
+
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace Cypress {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    interface Chainable<Subject> {
+      mockConsole(): void;
+    }
+  }
+}
+
+const mockPage = (req: CyHttpMessages.IncomingHttpRequest) => {
+  aliasGQLQuery(req, 'ChainId', chainIdQuery());
+  aliasGQLQuery(req, 'Statistics', statisticsQuery());
+  aliasGQLQuery(req, 'Markets', marketsQuery());
+  aliasGQLQuery(req, 'MarketsCandles', marketsCandlesQuery());
+  aliasGQLQuery(req, 'MarketsData', marketsDataQuery());
+  aliasGQLQuery(req, 'MarketData', marketDataQuery());
+  aliasGQLQuery(req, 'Market', marketQuery());
+  aliasGQLQuery(req, 'MarketTags', {});
+  aliasGQLQuery(req, 'EstimateOrder', estimateOrderQuery());
+  aliasGQLQuery(req, 'MarketNames', {});
+  aliasGQLQuery(req, 'MarketDepth', marketDepthQuery());
+  aliasGQLQuery(req, 'Positions', positionsQuery());
+  aliasGQLQuery(req, 'Margins', marginsQuery());
+  aliasGQLQuery(req, 'Accounts', accountsQuery());
+  aliasGQLQuery(req, 'Assets', assetsQuery());
+  aliasGQLQuery(req, 'SimpleMarkets', marketsQuery());
+  aliasGQLQuery(req, 'Orders', ordersQuery());
+  aliasGQLQuery(req, 'Fills', fillsQuery());
+};
+
+export const addMockConsole = () => {
+  Cypress.Commands.add('mockConsole', () => {
+    cy.mockGQL(mockPage);
+  });
+};
@@ -1,36 +1,7 @@
-// ***********************************************************
-// This example support/index.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
 import '@vegaprotocol/cypress';
 import 'cypress-real-events/support';
-// Import commands.js using ES2015 syntax:
-import './commands';
-import registerCypressGrep from 'cypress-grep';
-import { aliasQuery } from '@vegaprotocol/cypress';
-registerCypressGrep();
+import registerCypressGrep from '@cypress/grep';
+import { addMockConsole } from './console-mock';

-before(() => {
-  // Mock chainId fetch which happens on every page for wallet connection
-  cy.mockGQL((req) => {
-    aliasQuery(req, 'ChainId', {
-      statistics: {
-        __typename: 'Statistics',
-        chainId:
-          Cypress.env('VEGA_ENV').toLowerCase() ||
-          'vega-fairground-202210041151',
-      },
-    });
-  });
-});
+registerCypressGrep();
+addMockConsole();
@@ -1,156 +0,0 @@
-import type { Market } from '@vegaprotocol/market-list';
-import { Schema } from '@vegaprotocol/types';
-import type { SingleMarketFieldsFragment } from '@vegaprotocol/market-list';
-
-export const protoCandles = [
-  { open: '9556163', close: '9587028', __typename: 'Candle' },
-  {
-    open: '9587028',
-    close: '9769899',
-    __typename: 'Candle',
-  },
-  { open: '9769899', close: '9586292', __typename: 'Candle' },
-  {
-    open: '9586292',
-    close: '9261774',
-    __typename: 'Candle',
-  },
-  { open: '9261773', close: '9236369', __typename: 'Candle' },
-  {
-    open: '9236369',
-    close: '9226070',
-    __typename: 'Candle',
-  },
-  { open: '9226077', close: '9233252', __typename: 'Candle' },
-  {
-    open: '9249854',
-    close: '9333038',
-    __typename: 'Candle',
-  },
-  { open: '9333038', close: '9410371', __typename: 'Candle' },
-  {
-    open: '9410371',
-    close: '9626249',
-    __typename: 'Candle',
-  },
-  { open: '9626247', close: '9493253', __typename: 'Candle' },
-  {
-    open: '9493253',
-    close: '9309054',
-    __typename: 'Candle',
-  },
-  { open: '9309054', close: '9378428', __typename: 'Candle' },
-  {
-    open: '9378428',
-    close: '9352996',
-    __typename: 'Candle',
-  },
-  { open: '9352996', close: '9451142', __typename: 'Candle' },
-  {
-    open: '9451142',
-    close: '9691070',
-    __typename: 'Candle',
-  },
-  { open: '9691071', close: '9622031', __typename: 'Candle' },
-  {
-    open: '9622034',
-    close: '9519285',
-    __typename: 'Candle',
-  },
-  { open: '9528904', close: '9671275', __typename: 'Candle' },
-  {
-    open: '9671275',
-    close: '9988454',
-    __typename: 'Candle',
-  },
-  { open: '9982457', close: '10085537', __typename: 'Candle' },
-  {
-    open: '10085537',
-    close: '9967390',
-    __typename: 'Candle',
-  },
-  { open: '9967390', close: '9974844', __typename: 'Candle' },
-  {
-    open: '9974844',
-    close: '9940706',
-    __typename: 'Candle',
-  },
-];
-
-export const protoMarket: Market = {
-  id: 'ca7768f6de84bf86a21bbb6b0109d9659c81917b0e0339b2c262566c9b581a15',
-  tradingMode: Schema.MarketTradingMode.TRADING_MODE_CONTINUOUS,
-  state: Schema.MarketState.STATE_ACTIVE,
-  decimalPlaces: 5,
-  positionDecimalPlaces: 0,
-  marketTimestamps: {
-    __typename: 'MarketTimestamps',
-    close: '',
-    open: '',
-  },
-  fees: {
-    __typename: 'Fees',
-    factors: {
-      __typename: 'FeeFactors',
-      makerFee: '',
-      infrastructureFee: '',
-      liquidityFee: '',
-    },
-  },
-  tradableInstrument: {
-    instrument: {
-      id: '',
-      code: 'AAVEDAI.MF21',
-      name: 'AAVEDAI Monthly (30 Jun 2022)',
-      metadata: {
-        tags: [
-          'formerly:2839D9B2329C9E70',
-          'base:AAVE',
-          'quote:DAI',
-          'class:fx/crypto',
-          'monthly',
-          'sector:defi',
-        ],
-        __typename: 'InstrumentMetadata',
-      },
-      product: {
-        __typename: 'Future',
-        quoteName: 'DAI',
-        settlementAsset: {
-          __typename: 'Asset',
-          id: 'asset-id',
-          symbol: 'tDAI',
-          decimals: 5,
-        },
-      },
-      __typename: 'Instrument',
-    },
-    __typename: 'TradableInstrument',
-  },
-  __typename: 'Market',
-};
-
-export const singleMarket: SingleMarketFieldsFragment = {
-  ...protoMarket,
-  tradableInstrument: {
-    ...protoMarket.tradableInstrument,
-    instrument: {
-      ...protoMarket.tradableInstrument.instrument,
-      product: {
-        ...protoMarket.tradableInstrument.instrument.product,
-        settlementAsset: {
-          ...protoMarket.tradableInstrument.instrument.product.settlementAsset,
-          id: 'dai-id',
-          name: 'DAI Name',
-        },
-        dataSourceSpecForTradingTermination: {
-          id: 'oid',
-        },
-      },
-    },
-  },
-  depth: {
-    __typename: 'MarketDepth',
-    lastTrade: { price: '9893006', __typename: 'Trade' },
-  },
-};
@@ -1,95 +0,0 @@
-import merge from 'lodash/merge';
-import type { AccountsQuery } from '@vegaprotocol/accounts';
-import { Schema as Types } from '@vegaprotocol/types';
-import type { PartialDeep } from 'type-fest';
-
-export const generateAccounts = (
-  override?: PartialDeep<AccountsQuery>
-): AccountsQuery => {
-  const defaultAccounts: AccountsQuery = {
-    party: {
-      __typename: 'Party',
-      id: Cypress.env('VEGA_PUBLIC_KEY'),
-      accountsConnection: {
-        __typename: 'AccountsConnection',
-        edges: [
-          {
-            __typename: 'AccountEdge',
-            node: {
-              __typename: 'AccountBalance',
-              type: Types.AccountType.ACCOUNT_TYPE_GENERAL,
-              balance: '100000000',
-              market: null,
-              asset: {
-                __typename: 'Asset',
-                id: 'asset-id',
-              },
-            },
-          },
-          {
-            __typename: 'AccountEdge',
-            node: {
-              __typename: 'AccountBalance',
-              type: Types.AccountType.ACCOUNT_TYPE_GENERAL,
-              balance: '100000000',
-              market: {
-                id: '0604e8c918655474525e1a95367902266ade70d318c2c908f0cca6e3d11dcb13',
-                __typename: 'Market',
-              },
-              asset: {
-                __typename: 'Asset',
-                id: 'asset-id-2',
-              },
-            },
-          },
-          {
-            __typename: 'AccountEdge',
-            node: {
-              __typename: 'AccountBalance',
-              type: Types.AccountType.ACCOUNT_TYPE_MARGIN,
-              balance: '1000',
-              market: {
-                __typename: 'Market',
-                id: '5a4b0b9e9c0629f0315ec56fcb7bd444b0c6e4da5ec7677719d502626658a376',
-              },
-              asset: {
-                __typename: 'Asset',
-                id: 'asset-id',
-              },
-            },
-          },
-          {
-            __typename: 'AccountEdge',
-            node: {
-              __typename: 'AccountBalance',
-              type: Types.AccountType.ACCOUNT_TYPE_MARGIN,
-              balance: '1000',
-              market: {
-                __typename: 'Market',
-                id: 'c9f5acd348796011c075077e4d58d9b7f1689b7c1c8e030a5e886b83aa96923d',
-              },
-              asset: {
-                __typename: 'Asset',
-                id: 'asset-id-2',
-              },
-            },
-          },
-          {
-            __typename: 'AccountEdge',
-            node: {
-              __typename: 'AccountBalance',
-              type: Types.AccountType.ACCOUNT_TYPE_GENERAL,
-              balance: '100000000',
-              market: null,
-              asset: {
-                __typename: 'Asset',
-                id: 'asset-0',
-              },
-            },
-          },
-        ],
-      },
-    },
-  };
-  return merge(defaultAccounts, override);
-};
@@ -1,120 +0,0 @@
-import merge from 'lodash/merge';
-import type { AssetsQuery } from '@vegaprotocol/assets';
-import { Schema as Types } from '@vegaprotocol/types';
-import type { PartialDeep } from 'type-fest';
-
-export const generateAssets = (override?: PartialDeep<AssetsQuery>) => {
-  const defaultAssets: AssetsQuery = {
-    assetsConnection: {
-      edges: [
-        {
-          node: {
-            id: 'asset-id',
-            symbol: 'tEURO',
-            decimals: 5,
-            name: 'Euro',
-            source: {
-              __typename: 'ERC20',
-              contractAddress: '0x0158031158Bb4dF2AD02eAA31e8963E84EA978a4',
-              lifetimeLimit: '1',
-              withdrawThreshold: '2',
-            },
-            quantum: '',
-            status: Types.AssetStatus.STATUS_ENABLED,
-            infrastructureFeeAccount: {
-              balance: '1',
-              __typename: 'AccountBalance',
-            },
-            globalRewardPoolAccount: {
-              balance: '2',
-              __typename: 'AccountBalance',
-            },
-            takerFeeRewardAccount: {
-              balance: '3',
-              __typename: 'AccountBalance',
-            },
-            makerFeeRewardAccount: {
-              balance: '4',
-              __typename: 'AccountBalance',
-            },
-            lpFeeRewardAccount: {
-              balance: '5',
-              __typename: 'AccountBalance',
-            },
-            marketProposerRewardAccount: {
-              balance: '6',
-              __typename: 'AccountBalance',
-            },
-            __typename: 'Asset',
-          },
-        },
-        {
-          node: {
-            id: 'asset-id-2',
-            symbol: 'tDAI',
-            decimals: 5,
-            name: 'DAI',
-            source: {
-              __typename: 'ERC20',
-              contractAddress: '0x0158031158Bb4dF2AD02eAA31e8963E84EA978a4',
-              lifetimeLimit: '1',
-              withdrawThreshold: '2',
-            },
-            quantum: '',
-            status: Types.AssetStatus.STATUS_ENABLED,
-            infrastructureFeeAccount: {
-              balance: '1',
-              __typename: 'AccountBalance',
-            },
-            globalRewardPoolAccount: {
-              balance: '2',
-              __typename: 'AccountBalance',
-            },
-            takerFeeRewardAccount: {
-              balance: '3',
-              __typename: 'AccountBalance',
-            },
-            makerFeeRewardAccount: {
-              balance: '4',
-              __typename: 'AccountBalance',
-            },
-            lpFeeRewardAccount: {
-              balance: '5',
-              __typename: 'AccountBalance',
-            },
-            marketProposerRewardAccount: {
-              balance: '6',
-              __typename: 'AccountBalance',
-            },
-            __typename: 'Asset',
-          },
-        },
-        {
-          node: {
-            id: 'asset-0',
-            symbol: 'AST0',
-            decimals: 5,
-            name: 'Asto',
-            source: {
-              __typename: 'BuiltinAsset',
-              maxFaucetAmountMint: '3',
-            },
-            quantum: '',
-            status: Types.AssetStatus.STATUS_ENABLED,
-            infrastructureFeeAccount: {
-              balance: '0',
-              __typename: 'AccountBalance',
-            },
-            globalRewardPoolAccount: null,
-            takerFeeRewardAccount: null,
-            makerFeeRewardAccount: null,
-            lpFeeRewardAccount: null,
-            marketProposerRewardAccount: null,
-            __typename: 'Asset',
-          },
-        },
-      ],
-    },
-  };
-  return merge(defaultAssets, override);
-};
@@ -1,16 +0,0 @@
-import type { ChainIdQuery } from '@vegaprotocol/react-helpers';
-import merge from 'lodash/merge';
-import type { PartialDeep } from 'type-fest';
-
-export const generateChainId = (
-  override?: PartialDeep<ChainIdQuery>
-): ChainIdQuery => {
-  const defaultResult = {
-    statistics: {
-      __typename: 'Statistics',
-      chainId: Cypress.env('VEGA_ENV').toLowerCase() || 'test-chain-id',
-    },
-  };
-
-  return merge(defaultResult, override);
-};
@@ -1,17 +0,0 @@
-export const generateEstimateOrder = () => {
-  return {
-    estimateOrder: {
-      fee: {
-        __typename: 'TradeFee',
-        makerFee: '100000',
-        liquidityFee: '100000',
-        infrastructureFee: '100000',
-      },
-      marginLevels: {
-        initialLevel: '2844054.80937741220203',
-        __typename: 'MarginLevels',
-      },
-      __typename: 'OrderEstimate',
-    },
-  };
-};
@@ -1,111 +0,0 @@
-import type { FillsQuery, FillFieldsFragment } from '@vegaprotocol/fills';
-import { Schema } from '@vegaprotocol/types';
-import merge from 'lodash/merge';
-import type { PartialDeep } from 'type-fest';
-
-export const generateFills = (
-  override?: PartialDeep<FillsQuery>
-): FillsQuery => {
-  const fills: FillFieldsFragment[] = [
-    generateFill({
-      buyer: {
-        id: Cypress.env('VEGA_PUBLIC_KEY'),
-      },
-    }),
-    generateFill({
-      id: '1',
-      seller: {
-        id: Cypress.env('VEGA_PUBLIC_KEY'),
-      },
-      aggressor: Schema.Side.SIDE_SELL,
-      buyerFee: {
-        infrastructureFee: '5000',
-      },
-      market: {
-        id: 'market-1',
-      },
-    }),
-    generateFill({
-      id: '2',
-      seller: {
-        id: Cypress.env('VEGA_PUBLIC_KEY'),
-      },
-      aggressor: Schema.Side.SIDE_BUY,
-    }),
-    generateFill({
-      id: '3',
-      aggressor: Schema.Side.SIDE_SELL,
-      market: {
-        id: 'market-2',
-      },
-      buyer: {
-        id: Cypress.env('VEGA_PUBLIC_KEY'),
-      },
-    }),
-  ];
-
-  const defaultResult: FillsQuery = {
-    party: {
-      id: 'buyer-id',
-      tradesConnection: {
-        __typename: 'TradeConnection',
-        edges: fills.map((f) => {
-          return {
-            __typename: 'TradeEdge',
-            node: f,
-            cursor: '3',
-          };
-        }),
-        pageInfo: {
-          __typename: 'PageInfo',
-          startCursor: '1',
-          endCursor: '2',
-          hasNextPage: false,
-          hasPreviousPage: false,
-        },
-      },
-      __typename: 'Party',
-    },
-  };
-
-  return merge(defaultResult, override);
-};
-
-export const generateFill = (override?: PartialDeep<FillFieldsFragment>) => {
-  const defaultFill: FillFieldsFragment = {
-    __typename: 'Trade',
-    id: '0',
-    createdAt: new Date().toISOString(),
-    price: '10000000',
-    size: '50000',
-    buyOrder: 'buy-order',
-    sellOrder: 'sell-order',
-    aggressor: Schema.Side.SIDE_BUY,
-    buyer: {
-      __typename: 'Party',
-      id: 'buyer-id',
-    },
-    seller: {
-      __typename: 'Party',
-      id: 'seller-id',
-    },
-    buyerFee: {
-      __typename: 'TradeFee',
-      makerFee: '100',
-      infrastructureFee: '100',
-      liquidityFee: '100',
-    },
-    sellerFee: {
-      __typename: 'TradeFee',
-      makerFee: '200',
-      infrastructureFee: '200',
-      liquidityFee: '200',
-    },
-    market: {
-      __typename: 'Market',
-      id: 'market-0',
-    },
-  };
-
-  return merge(defaultFill, override);
-};
@@ -1,210 +0,0 @@
-import merge from 'lodash/merge';
-import type { PartialDeep } from 'type-fest';
-// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
-import type { MarketDepthQuery } from '../../../../../libs/market-depth/src/lib/__generated___/MarketDepth';
-
-export const generateMarketDepth = (
-  override?: PartialDeep<MarketDepthQuery>
-): MarketDepthQuery => {
-  const defaultResult: MarketDepthQuery = {
-    market: {
-      id: 'a46bd7e5277087723b7ab835844dec3cef8b4445738101269624bf5537d5d423',
-      depth: {
-        sell: [
-          {
-            price: '9893007',
-            volume: '3',
-            numberOfOrders: '3',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893010',
-            volume: '4',
-            numberOfOrders: '4',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893012',
-            volume: '1',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893015',
-            volume: '1',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893017',
-            volume: '2',
-            numberOfOrders: '2',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893021',
-            volume: '4',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893025',
-            volume: '5',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893125',
-            volume: '4',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893135',
-            volume: '2',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893165',
-            volume: '5',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893175',
-            volume: '3',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893185',
-            volume: '3',
-            numberOfOrders: '3',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9894185',
-            volume: '1',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9894585',
-            volume: '1',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9895585',
-            volume: '4',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9896585',
-            volume: '2',
-            numberOfOrders: '2',
-            __typename: 'PriceLevel',
-          },
-        ],
-        buy: [
-          {
-            price: '9893005',
-            volume: '4',
-            numberOfOrders: '3',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893003',
-            volume: '2',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9893001',
-            volume: '1',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9892006',
-            volume: '3',
-            numberOfOrders: '2',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9891006',
-            volume: '2',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9891001',
-            volume: '1',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9890101',
-            volume: '2',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9890091',
-            volume: '5',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9890081',
-            volume: '4',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9890050',
-            volume: '2',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9890040',
-            volume: '6',
-            numberOfOrders: '3',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9890030',
-            volume: '6',
-            numberOfOrders: '2',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9890021',
-            volume: '3',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9890011',
-            volume: '1',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-          {
-            price: '9890001',
-            volume: '11',
-            numberOfOrders: '1',
-            __typename: 'PriceLevel',
-          },
-        ],
-        sequenceNumber: '1661773865550746910',
-        __typename: 'MarketDepth',
-      },
-      __typename: 'Market',
-    },
-  };
-  return merge(defaultResult, override);
-};
@@ -1,9 +0,0 @@
-export const generateMarketMarkPrice = () => {
-  return {
-    market: {
-      decimalPlaces: 5,
-      data: { markPrice: '692748', __typename: 'MarketData' },
-      __typename: 'Market',
-    },
-  };
-};
@@ -1,136 +0,0 @@
-import { protoMarket } from './commons';
-
-export const generateMarketNames = () => {
-  return {
-    markets: [
-      { ...protoMarket },
-      {
-        id: '1d7ddf67dac4924db03f5bf58571a7bcb1908d70c66580467717aabc5345b68a',
-        state: 'STATE_SUSPENDED',
-        tradableInstrument: {
-          instrument: {
-            code: 'AAPL.MF21',
-            name: 'Apple Monthly (30 Jun 2022)',
-            metadata: {
-              tags: [
-                'formerly:4899E01009F1A721',
-                'quote:USD',
-                'ticker:AAPL',
-                'class:equities/single-stock-futures',
-                'sector:tech',
-                'listing_venue:NASDAQ',
-                'country:US',
-              ],
-              __typename: 'InstrumentMetadata',
-            },
-            product: { quoteName: 'USD', __typename: 'Future' },
-            __typename: 'Instrument',
-          },
-          __typename: 'TradableInstrument',
-        },
-        __typename: 'Market',
-      },
-      {
-        id: '87ae87cd3244fc1fab4b0e2dad2437879864192bb969f3109b69293421644c8b',
-        state: 'STATE_SUSPENDED',
-        tradableInstrument: {
-          instrument: {
-            code: 'TSLA.QM21',
-            name: 'Tesla Quarterly (30 Jun 2022)',
-            metadata: {
-              tags: [
-                'formerly:5A86B190C384997F',
-                'quote:EURO',
-                'ticker:TSLA',
-                'class:equities/single-stock-futures',
-                'sector:tech',
-                'listing_venue:NASDAQ',
-                'country:US',
-              ],
-              __typename: 'InstrumentMetadata',
-            },
-            product: { quoteName: 'EURO', __typename: 'Future' },
-            __typename: 'Instrument',
-          },
-          __typename: 'TradableInstrument',
-        },
-        __typename: 'Market',
-      },
-      {
-        id: '69205712a854f1bbfb69fa3d11b60e01a1e249bafb5ece88115e7451e8ef07b3',
-        state: 'STATE_SUSPENDED',
-        tradableInstrument: {
-          instrument: {
-            code: 'BTCUSD.MF21',
-            name: 'BTCUSD Monthly (30 Jun 2022)',
-            metadata: {
-              tags: [
-                'formerly:076BB86A5AA41E3E',
-                'base:BTC',
-                'quote:USD',
-                'class:fx/crypto',
-                'monthly',
-                'sector:crypto',
-              ],
-              __typename: 'InstrumentMetadata',
-            },
-            product: { quoteName: 'USD', __typename: 'Future' },
-            __typename: 'Instrument',
-          },
-          __typename: 'TradableInstrument',
-        },
-        __typename: 'Market',
-      },
-      {
-        id: 'ethbtc-quaterly',
-        state: 'STATE_ACTIVE',
-        tradableInstrument: {
-          instrument: {
-            code: 'ETHBTC.QM21',
-            name: 'ETHBTC Quarterly (30 Jun 2022)',
-            metadata: {
-              tags: [
-                'formerly:1F0BB6EB5703B099',
-                'base:ETH',
-                'quote:BTC',
-                'class:fx/crypto',
-                'quarterly',
-                'sector:crypto',
-              ],
-              __typename: 'InstrumentMetadata',
-            },
-            product: { quoteName: 'BTC', __typename: 'Future' },
-            __typename: 'Instrument',
-          },
-          __typename: 'TradableInstrument',
-        },
-        __typename: 'Market',
-      },
-      {
-        id: '3c62b2714c4332d1a689a5352bff090e6aabccfd6bd87ce018936b38372530c9',
-        state: 'STATE_ACTIVE',
-        tradableInstrument: {
-          instrument: {
-            code: 'UNIDAI.MF21',
-            name: 'UNIDAI Monthly (30 Jun 2022)',
-            metadata: {
-              tags: [
-                'formerly:3C58ED2A4A6C5D7E',
-                'base:UNI',
-                'quote:DAI',
-                'class:fx/crypto',
-                'monthly',
-                'sector:defi',
-              ],
-              __typename: 'InstrumentMetadata',
-            },
-            product: { quoteName: 'DAI', __typename: 'Future' },
-            __typename: 'Instrument',
-          },
-          __typename: 'TradableInstrument',
-        },
-        __typename: 'Market',
-      },
-    ],
-  };
-};
@@ -1,72 +0,0 @@
-import type { MarketPositionsQuery } from '@vegaprotocol/deal-ticket';
-import { Schema } from '@vegaprotocol/types';
-
-export const generateMarketPositions = (): MarketPositionsQuery => {
-  return {
-    party: {
-      id: '2e1ef32e5804e14232406aebaad719087d326afa5c648b7824d0823d8a46c8d1',
-      accountsConnection: {
-        __typename: 'AccountsConnection',
-        edges: [
-          {
-            __typename: 'AccountEdge',
-            node: {
-              __typename: 'AccountBalance',
-              type: Schema.AccountType.ACCOUNT_TYPE_GENERAL,
-              asset: {
-                decimals: 5,
-              },
-              balance: '400000000000000000000',
-              market: {
-                id: '2751c508f9759761f912890f37fb3f97a00300bf7685c02a56a86e05facfe221',
-                __typename: 'Market',
-              },
-            },
-          },
-          {
-            __typename: 'AccountEdge',
-            node: {
-              type: Schema.AccountType.ACCOUNT_TYPE_MARGIN,
-              asset: {
-                decimals: 5,
-              },
-              balance: '265329',
-              market: {
-                id: 'ca7768f6de84bf86a21bbb6b0109d9659c81917b0e0339b2c262566c9b581a15',
-                __typename: 'Market',
-              },
-            },
-          },
-        ],
-      },
-      positionsConnection: {
-        edges: [
-          {
-            node: {
-              openVolume: '3',
-              market: {
-                id: '2751c508f9759761f912890f37fb3f97a00300bf7685c02a56a86e05facfe221',
-                __typename: 'Market',
-              },
-              __typename: 'Position',
-            },
-            __typename: 'PositionEdge',
-          },
-          {
-            node: {
-              openVolume: '12',
-              market: {
-                id: 'ca7768f6de84bf86a21bbb6b0109d9659c81917b0e0339b2c262566c9b581a15',
-                __typename: 'Market',
-              },
-              __typename: 'Position',
-            },
-            __typename: 'PositionEdge',
-          },
-        ],
-        __typename: 'PositionConnection',
-      },
-      __typename: 'Party',
-    },
-  };
-};
@@ -1,25 +0,0 @@
-export const generateMarketTags = () => {
-  return {
-    market: {
-      tradableInstrument: {
-        instrument: {
-          metadata: {
-            tags: [
-              'formerly:2839D9B2329C9E70',
-              'base:AAVE',
-              'quote:DAI',
-              'class:fx/crypto',
-              'monthly',
-              'sector:defi',
-              'settlement:2022-08-01',
-            ],
-            __typename: 'InstrumentMetadata',
-          },
-          __typename: 'Instrument',
-        },
-        __typename: 'TradableInstrument',
-      },
-      __typename: 'Market',
-    },
-  };
-};
@@ -1,143 +0,0 @@
-import merge from 'lodash/merge';
-import type { PartialDeep } from 'type-fest';
-import type { OrdersQuery, OrderFieldsFragment } from '@vegaprotocol/orders';
-import { Schema } from '@vegaprotocol/types';
-
-export const generateOrders = (
-  override?: PartialDeep<OrdersQuery>
-): OrdersQuery => {
-  const orders: OrderFieldsFragment[] = [
-    {
-      __typename: 'Order',
-      id: '066468C06549101DAF7BC51099E1412A0067DC08C246B7D8013C9D0CBF1E8EE7',
-      market: {
-        __typename: 'Market',
-        id: 'market-0',
-      },
-      size: '10',
-      type: Schema.OrderType.TYPE_LIMIT,
-      status: Schema.OrderStatus.STATUS_FILLED,
-      side: Schema.Side.SIDE_BUY,
-      remaining: '0',
-      price: '20000000',
-      timeInForce: Schema.OrderTimeInForce.TIME_IN_FORCE_GTC,
-      createdAt: new Date(2020, 1, 30).toISOString(),
-      updatedAt: null,
-      expiresAt: null,
-      rejectionReason: null,
-      liquidityProvision: null,
-      peggedOrder: null,
-    },
-    {
-      __typename: 'Order',
-      id: '48DB6767E4E4E0F649C5A13ABFADE39F8451C27DA828DAF14B7A1E8E5EBDAD99',
-      market: {
-        __typename: 'Market',
-        id: 'market-1',
-      },
-      size: '1',
-      type: Schema.OrderType.TYPE_LIMIT,
-      status: Schema.OrderStatus.STATUS_FILLED,
-      side: Schema.Side.SIDE_BUY,
-      remaining: '0',
-      price: '100',
-      timeInForce: Schema.OrderTimeInForce.TIME_IN_FORCE_GTC,
-      createdAt: new Date(2020, 1, 29).toISOString(),
-      updatedAt: null,
-      expiresAt: null,
-      rejectionReason: null,
-      liquidityProvision: null,
-      peggedOrder: null,
-    },
-    {
-      __typename: 'Order',
-      id: '4e93702990712c41f6995fcbbd94f60bb372ad12d64dfa7d96d205c49f790336',
-      market: {
-        __typename: 'Market',
-        id: 'market-2',
-      },
-      size: '1',
-      type: Schema.OrderType.TYPE_LIMIT,
-      status: Schema.OrderStatus.STATUS_FILLED,
-      side: Schema.Side.SIDE_BUY,
-      remaining: '0',
-      price: '20000',
-      timeInForce: Schema.OrderTimeInForce.TIME_IN_FORCE_GTC,
-      createdAt: new Date(2020, 1, 28).toISOString(),
-      updatedAt: null,
-      expiresAt: null,
-      rejectionReason: null,
-      liquidityProvision: null,
-      peggedOrder: null,
-    },
-    {
-      __typename: 'Order',
-      id: '94737d2bafafa4bc3b80a56ef084ae52a983b91aa067c31e243c61a0f962a836',
-      market: {
-        __typename: 'Market',
-        id: 'market-3',
-      },
-      size: '1',
-      type: Schema.OrderType.TYPE_LIMIT,
-      status: Schema.OrderStatus.STATUS_ACTIVE,
-      side: Schema.Side.SIDE_BUY,
-      remaining: '0',
-      price: '100000',
-      timeInForce: Schema.OrderTimeInForce.TIME_IN_FORCE_GTC,
-      createdAt: new Date(2020, 1, 27).toISOString(),
-      updatedAt: null,
-      expiresAt: null,
-      rejectionReason: null,
-      liquidityProvision: null,
-      peggedOrder: null,
-    },
-    {
-      __typename: 'Order',
-      id: '94aead3ca92dc932efcb503631b03a410e2a5d4606cae6083e2406dc38e52f78',
-      market: {
-        __typename: 'Market',
-        id: 'market-3',
-      },
-      size: '10',
-      type: Schema.OrderType.TYPE_LIMIT,
-      status: Schema.OrderStatus.STATUS_PARTIALLY_FILLED,
-      side: Schema.Side.SIDE_SELL,
-      remaining: '3',
-      price: '100000',
-      timeInForce: Schema.OrderTimeInForce.TIME_IN_FORCE_GTC,
-      createdAt: new Date(2020, 1, 27).toISOString(),
-      updatedAt: null,
-      expiresAt: null,
-      liquidityProvision: null,
-      peggedOrder: null,
-      rejectionReason: null,
-    },
-  ];
-
-  const defaultResult: OrdersQuery = {
-    party: {
-      id: Cypress.env('VEGA_PUBLIC_KEY'),
-      ordersConnection: {
-        __typename: 'OrderConnection',
-        edges: orders.map((f) => {
-          return {
-            __typename: 'OrderEdge',
-            node: f,
-            cursor: f.id,
-          };
-        }),
-        pageInfo: {
-          __typename: 'PageInfo',
-          startCursor:
-            '066468C06549101DAF7BC51099E1412A0067DC08C246B7D8013C9D0CBF1E8EE7',
-          endCursor:
-            '94737d2bafafa4bc3b80a56ef084ae52a983b91aa067c31e243c61a0f962a836',
-          hasNextPage: false,
-          hasPreviousPage: false,
-        },
-      },
-      __typename: 'Party',
-    },
-  };
-  return merge(defaultResult, override);
-};
@@ -1,81 +0,0 @@
-import merge from 'lodash/merge';
-import type { PartyBalanceQuery } from '@vegaprotocol/deal-ticket';
-import type { PartialDeep } from 'type-fest';
-import { Schema as Types } from '@vegaprotocol/types';
-
-export const generatePartyBalance = (
-  override?: PartialDeep<PartyBalanceQuery>
-): PartyBalanceQuery => {
-  const defaultResult: PartyBalanceQuery = {
-    party: {
-      accountsConnection: {
-        __typename: 'AccountsConnection',
-        edges: [
-          {
-            __typename: 'AccountEdge',
-            node: {
-              balance: '88474051',
-              type: Types.AccountType.ACCOUNT_TYPE_GENERAL,
-              asset: {
-                id: 'dai-id',
-                symbol: 'tDAI',
-                name: 'tDAI TEST',
-                decimals: 5,
-                __typename: 'Asset',
-              },
-              __typename: 'AccountBalance',
-            },
-          },
-          {
-            __typename: 'AccountEdge',
-            node: {
-              balance: '100000000',
-              type: Types.AccountType.ACCOUNT_TYPE_GENERAL,
-              asset: {
-                id: '8b52d4a3a4b0ffe733cddbc2b67be273816cfeb6ca4c8b339bac03ffba08e4e4',
-                symbol: 'tEURO',
-                name: 'tEURO TEST',
-                decimals: 5,
-                __typename: 'Asset',
-              },
-              __typename: 'AccountBalance',
-            },
-          },
-          {
-            __typename: 'AccountEdge',
-            node: {
-              balance: '3412867',
-              type: Types.AccountType.ACCOUNT_TYPE_GENERAL,
-              asset: {
-                id: 'dai-id',
-                symbol: 'tDAI',
-                name: 'tDAI TEST',
-                decimals: 5,
-                __typename: 'Asset',
-              },
-              __typename: 'AccountBalance',
-            },
-          },
-          {
-            __typename: 'AccountEdge',
-            node: {
-              balance: '70007',
-              type: Types.AccountType.ACCOUNT_TYPE_GENERAL,
-              asset: {
-                id: 'dai-id',
-                symbol: 'tDAI',
-                name: 'tDAI TEST',
-                decimals: 5,
-                __typename: 'Asset',
-              },
-              __typename: 'AccountBalance',
-            },
-          },
-        ],
-      },
-      __typename: 'Party',
-    },
-  };
-
-  return merge(defaultResult, override);
-};
@@ -1,40 +0,0 @@
-import type { PartyMarketDataQuery } from '@vegaprotocol/deal-ticket';
-import { Schema as Types } from '@vegaprotocol/types';
-
-export const generatePartyMarketData = (): PartyMarketDataQuery => {
-  return {
-    party: {
-      id: '2e1ef32e5804e14232406aebaad719087d326afa5c648b7824d0823d8a46c8d1',
-      accountsConnection: {
-        __typename: 'AccountsConnection',
-        edges: [
-          {
-            __typename: 'AccountEdge',
-            node: {
-              type: Types.AccountType.ACCOUNT_TYPE_GENERAL,
-              balance: '1200000',
-              asset: { id: 'fBTC', decimals: 5, __typename: 'Asset' },
-              market: null,
-              __typename: 'AccountBalance',
-            },
-          },
-          {
-            __typename: 'AccountEdge',
-            node: {
-              __typename: 'AccountBalance',
-              type: Types.AccountType.ACCOUNT_TYPE_GENERAL,
-              balance: '0.000000001',
-              asset: {
-                __typename: 'Asset',
-                id: '5cfa87844724df6069b94e4c8a6f03af21907d7bc251593d08e4251043ee9f7c',
-                decimals: 0,
-              },
-            },
-          },
-        ],
-      },
-      marginsConnection: { edges: null, __typename: 'MarginConnection' },
-      __typename: 'Party',
-    },
-  };
-};
@@ -1,145 +0,0 @@
-import merge from 'lodash/merge';
-import type { PartialDeep } from 'type-fest';
-import type {
-  PositionsQuery,
-  PositionFieldsFragment,
-  MarginsQuery,
-} from '@vegaprotocol/positions';
-
-export const generatePositions = (
-  override?: PartialDeep<PositionsQuery>
-): PositionsQuery => {
-  const nodes: PositionFieldsFragment[] = [
-    {
-      __typename: 'Position',
-      realisedPNL: '0',
-      openVolume: '6',
-      unrealisedPNL: '895000',
-      averageEntryPrice: '1129935',
-      updatedAt: '2022-07-28T15:09:34.441143Z',
-      market: {
-        id: 'c9f5acd348796011c075077e4d58d9b7f1689b7c1c8e030a5e886b83aa96923d',
-        __typename: 'Market',
-      },
-    },
-    {
-      __typename: 'Position',
-      realisedPNL: '100',
-      openVolume: '20',
-      unrealisedPNL: '895000',
-      averageEntryPrice: '8509338',
-      updatedAt: '2022-07-28T15:09:34.441143Z',
-      market: {
-        id: '0604e8c918655474525e1a95367902266ade70d318c2c908f0cca6e3d11dcb13',
-        __typename: 'Market',
-      },
-    },
-    {
-      realisedPNL: '0',
-      openVolume: '1',
-      unrealisedPNL: '-22519',
-      averageEntryPrice: '84400088',
-      updatedAt: '2022-07-28T14:53:54.725477Z',
-      market: {
-        id: '5a4b0b9e9c0629f0315ec56fcb7bd444b0c6e4da5ec7677719d502626658a376',
-        __typename: 'Market',
-      },
-      __typename: 'Position',
-    },
-  ];
-
-  const defaultResult: PositionsQuery = {
-    party: {
-      __typename: 'Party',
-      id: Cypress.env('VEGA_PUBLIC_KEY'),
-      positionsConnection: {
-        __typename: 'PositionConnection',
-        edges: nodes.map((node) => {
-          return {
-            __typename: 'PositionEdge',
-            node,
-          };
-        }),
-      },
-    },
-  };
-
-  return merge(defaultResult, override);
-};
-
-export const emptyPositions = (): PositionsQuery => {
-  return {
-    party: {
-      id: Cypress.env('VEGA_PUBLIC_KEY'),
-      positionsConnection: { edges: null, __typename: 'PositionConnection' },
-      __typename: 'Party',
-    },
-  };
-};
-
-export const generateMargins = (): MarginsQuery => {
-  return {
-    party: {
-      id: Cypress.env('VEGA_PUBLIC_KEY'),
-      marginsConnection: {
-        edges: [
-          {
-            node: {
-              __typename: 'MarginLevels',
-              maintenanceLevel: '0',
-              searchLevel: '0',
-              initialLevel: '0',
-              collateralReleaseLevel: '0',
-              market: {
-                __typename: 'Market',
-                id: 'c9f5acd348796011c075077e4d58d9b7f1689b7c1c8e030a5e886b83aa96923d',
-              },
-              asset: {
-                __typename: 'Asset',
-                id: 'tDAI-id',
-              },
-            },
-          },
-          {
-            node: {
-              __typename: 'MarginLevels',
-              maintenanceLevel: '0',
-              searchLevel: '0',
-              initialLevel: '0',
-              collateralReleaseLevel: '0',
-              market: {
-                __typename: 'Market',
-                id: '0604e8c918655474525e1a95367902266ade70d318c2c908f0cca6e3d11dcb13',
-              },
-              asset: {
-                __typename: 'Asset',
-                id: 'tDAI-id',
-              },
-            },
-            __typename: 'MarginEdge',
-          },
-          {
-            node: {
-              __typename: 'MarginLevels',
-              maintenanceLevel: '0',
-              searchLevel: '0',
-              initialLevel: '0',
-              collateralReleaseLevel: '0',
-              market: {
-                __typename: 'Market',
-                id: '5a4b0b9e9c0629f0315ec56fcb7bd444b0c6e4da5ec7677719d502626658a376',
-              },
-              asset: {
-                __typename: 'Asset',
-                id: 'tEURO-id',
-              },
-            },
-            __typename: 'MarginEdge',
-          },
-        ],
-        __typename: 'MarginConnection',
-      },
-      __typename: 'Party',
-    },
-  };
-};
@@ -1,17 +0,0 @@
-import type { StatisticsQuery } from '@vegaprotocol/environment';
-import merge from 'lodash/merge';
-import type { PartialDeep } from 'type-fest';
-
-export const generateStatistics = (
-  override?: PartialDeep<StatisticsQuery>
-): StatisticsQuery => {
-  const defaultResult = {
-    statistics: {
-      __typename: 'Statistics',
-      chainId: Cypress.env('VEGA_ENV').toLowerCase() || 'test-chain-id',
-      blockHeight: '11',
-    },
-  };
-
-  return merge(defaultResult, override);
-};
@@ -1,12 +0,0 @@
-export const connectVegaWallet = () => {
-  const form = 'rest-connector-form';
-  const walletName = Cypress.env('TRADING_TEST_VEGA_WALLET_NAME');
-  const walletPassphrase = Cypress.env('TRADING_TEST_VEGA_WALLET_PASSPHRASE');
-  cy.getByTestId('connect-vega-wallet').click();
-  cy.getByTestId('connectors-list')
-    .find('[data-testid="connector-gui"]')
-    .click();
-  cy.getByTestId(form).find('#wallet').click().type(walletName);
-  cy.getByTestId(form).find('#passphrase').click().type(walletPassphrase);
-  cy.getByTestId('rest-connector-form').find('button[type=submit]').click();
-};
@@ -7,7 +7,7 @@
    "allowSyntheticDefaultImports": true,
    "outDir": "../../dist/out-tsc",
    "allowJs": true,
-    "types": ["cypress", "node", "cypress-real-events", "cypress-grep"]
+    "types": ["cypress", "node", "cypress-real-events", "@cypress/grep"]
  },
-  "include": ["src/**/*.ts", "src/**/*.js", "./declaration.d.ts"]
+  "include": ["src/**/*.ts", "src/**/*.js", "./declaration.d.ts", "index.d.ts"]
 }
@@ -1,7 +1,5 @@
 import { useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
-import { ThemeContext } from '@vegaprotocol/react-helpers';
-import { useThemeSwitcher } from '@vegaprotocol/react-helpers';
 import { EnvironmentProvider, NetworkLoader } from '@vegaprotocol/environment';
 import {
  VegaConnectDialog,
@@ -18,8 +16,7 @@ import useLocalValues from './hooks/use-local-values';
 import type { InMemoryCacheConfig } from '@apollo/client';

 function App() {
-  const [theme, toggleTheme] = useThemeSwitcher();
-  const localValues = useLocalValues(theme, toggleTheme);
+  const localValues = useLocalValues();
  const {
    vegaWalletDialog,
    menu: { setMenuOpen },
@@ -56,25 +53,23 @@ function App() {

  return (
    <EnvironmentProvider>
-      <ThemeContext.Provider value={theme}>
-        <NetworkLoader cache={cacheConfig}>
-          <VegaWalletProvider>
-            <LocalContext.Provider value={localValues}>
-              <AppLoader>
-                <div className="max-h-full min-h-full dark:bg-lite-black dark:text-neutral-200 bg-white text-neutral-800 grid grid-rows-[min-content,1fr]">
-                  <Header />
-                  <Main />
-                  <VegaConnectDialog connectors={Connectors} />
-                  <VegaManageDialog
-                    dialogOpen={vegaWalletDialog.manage}
-                    setDialogOpen={vegaWalletDialog.setManage}
-                  />
-                </div>
-              </AppLoader>
-            </LocalContext.Provider>
-          </VegaWalletProvider>
-        </NetworkLoader>
-      </ThemeContext.Provider>
+      <NetworkLoader cache={cacheConfig}>
+        <VegaWalletProvider>
+          <LocalContext.Provider value={localValues}>
+            <AppLoader>
+              <div className="max-h-full min-h-full dark:bg-lite-black dark:text-neutral-200 bg-white text-neutral-800 grid grid-rows-[min-content,1fr]">
+                <Header />
+                <Main />
+                <VegaConnectDialog connectors={Connectors} />
+                <VegaManageDialog
+                  dialogOpen={vegaWalletDialog.manage}
+                  setDialogOpen={vegaWalletDialog.setManage}
+                />
+              </div>
+            </AppLoader>
+          </LocalContext.Provider>
+        </VegaWalletProvider>
+      </NetworkLoader>
    </EnvironmentProvider>
  );
 }
@@ -1,14 +1,11 @@
-import React, {
-  forwardRef,
-  useCallback,
-  useContext,
-  useMemo,
-  useRef,
-} from 'react';
+import React, { forwardRef, useCallback, useMemo, useRef } from 'react';
 import classNames from 'classnames';
 import type { AgGridReact } from 'ag-grid-react';
 import { AgGridDynamic as AgGrid } from '@vegaprotocol/ui-toolkit';
-import { ThemeContext, useScreenDimensions } from '@vegaprotocol/react-helpers';
+import {
+  useScreenDimensions,
+  useThemeSwitcher,
+} from '@vegaprotocol/react-helpers';
 import type {
  GridOptions,
  GetRowIdParams,
@@ -43,7 +40,7 @@ const ConsoleLiteGrid = <T extends { id?: string }>(
 ) => {
  const { isMobile, screenSize } = useScreenDimensions();
  const gridRef = useRef<AgGridReact | null>(null);
-  const theme = useContext(ThemeContext);
+  const { theme } = useThemeSwitcher();
  const handleOnGridReady = useCallback(() => {
    (
      (ref as React.RefObject<AgGridReact>) || gridRef
@@ -1,18 +0,0 @@
-query PartyBalanceQuery($partyId: ID!) {
-  party(id: $partyId) {
-    accountsConnection {
-      edges {
-        node {
-          type
-          balance
-          asset {
-            id
-            symbol
-            name
-            decimals
-          }
-        }
-      }
-    }
-  }
-}
@@ -1,51 +1,54 @@
-/* tslint:disable */
-/* eslint-disable */
-// @generated
-// This file was automatically generated and should not be edited.
+import * as Types from '@vegaprotocol/types';

-// ====================================================
-// GraphQL query operation: MarketTags
-// ====================================================
+import { gql } from '@apollo/client';
+import * as Apollo from '@apollo/client';
+const defaultOptions = {} as const;
+export type MarketTagsQueryVariables = Types.Exact<{
+  marketId: Types.Scalars['ID'];
+}>;

-export interface MarketTags_market_tradableInstrument_instrument_metadata {
-  __typename: "InstrumentMetadata";
-  /**
-   * An arbitrary list of tags to associated to associate to the Instrument (string list)
-   */
-  tags: string[] | null;
+
+export type MarketTagsQuery = { __typename?: 'Query', market?: { __typename?: 'Market', tradableInstrument: { __typename?: 'TradableInstrument', instrument: { __typename?: 'Instrument', metadata: { __typename?: 'InstrumentMetadata', tags?: Array<string> | null } } } } | null };
+
+
+export const MarketTagsDocument = gql`
+    query MarketTags($marketId: ID!) {
+  market(id: $marketId) {
+    tradableInstrument {
+      instrument {
+        metadata {
+          tags
+        }
+      }
+    }
+  }
 }
+    `;

-export interface MarketTags_market_tradableInstrument_instrument {
-  __typename: "Instrument";
-  /**
-   * Metadata for this instrument
-   */
-  metadata: MarketTags_market_tradableInstrument_instrument_metadata;
-}
-
-export interface MarketTags_market_tradableInstrument {
-  __typename: "TradableInstrument";
-  /**
-   * An instance of, or reference to, a fully specified instrument.
-   */
-  instrument: MarketTags_market_tradableInstrument_instrument;
-}
-
-export interface MarketTags_market {
-  __typename: "Market";
-  /**
-   * An instance of, or reference to, a tradable instrument.
-   */
-  tradableInstrument: MarketTags_market_tradableInstrument;
-}
-
-export interface MarketTags {
-  /**
-   * An instrument that is trading on the Vega network
-   */
-  market: MarketTags_market | null;
-}
-
-export interface MarketTagsVariables {
-  marketId: string;
-}
+/**
+ * __useMarketTagsQuery__
+ *
+ * To run a query within a React component, call `useMarketTagsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useMarketTagsQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useMarketTagsQuery({
+ *   variables: {
+ *      marketId: // value for 'marketId'
+ *   },
+ * });
+ */
+export function useMarketTagsQuery(baseOptions: Apollo.QueryHookOptions<MarketTagsQuery, MarketTagsQueryVariables>) {
+        const options = {...defaultOptions, ...baseOptions}
+        return Apollo.useQuery<MarketTagsQuery, MarketTagsQueryVariables>(MarketTagsDocument, options);
+      }
+export function useMarketTagsLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<MarketTagsQuery, MarketTagsQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return Apollo.useLazyQuery<MarketTagsQuery, MarketTagsQueryVariables>(MarketTagsDocument, options);
+        }
+export type MarketTagsQueryHookResult = ReturnType<typeof useMarketTagsQuery>;
+export type MarketTagsLazyQueryHookResult = ReturnType<typeof useMarketTagsLazyQuery>;
+export type MarketTagsQueryResult = Apollo.QueryResult<MarketTagsQuery, MarketTagsQueryVariables>;
@@ -1,54 +0,0 @@
-import { Schema as Types } from '@vegaprotocol/types';
-
-import { gql } from '@apollo/client';
-import * as Apollo from '@apollo/client';
-const defaultOptions = {} as const;
-export type MarketTagsQueryVariables = Types.Exact<{
-  marketId: Types.Scalars['ID'];
-}>;
-
-
-export type MarketTagsQuery = { __typename?: 'Query', market?: { __typename?: 'Market', tradableInstrument: { __typename?: 'TradableInstrument', instrument: { __typename?: 'Instrument', metadata: { __typename?: 'InstrumentMetadata', tags?: Array<string> | null } } } } | null };
-
-
-export const MarketTagsDocument = gql`
-    query MarketTags($marketId: ID!) {
-  market(id: $marketId) {
-    tradableInstrument {
-      instrument {
-        metadata {
-          tags
-        }
-      }
-    }
-  }
-}
-    `;
-
-/**
- * __useMarketTagsQuery__
- *
- * To run a query within a React component, call `useMarketTagsQuery` and pass it any options that fit your needs.
- * When your component renders, `useMarketTagsQuery` returns an object from Apollo Client that contains loading, error, and data properties
- * you can use to render your UI.
- *
- * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
- *
- * @example
- * const { data, loading, error } = useMarketTagsQuery({
- *   variables: {
- *      marketId: // value for 'marketId'
- *   },
- * });
- */
-export function useMarketTagsQuery(baseOptions: Apollo.QueryHookOptions<MarketTagsQuery, MarketTagsQueryVariables>) {
-        const options = {...defaultOptions, ...baseOptions}
-        return Apollo.useQuery<MarketTagsQuery, MarketTagsQueryVariables>(MarketTagsDocument, options);
-      }
-export function useMarketTagsLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<MarketTagsQuery, MarketTagsQueryVariables>) {
-          const options = {...defaultOptions, ...baseOptions}
-          return Apollo.useLazyQuery<MarketTagsQuery, MarketTagsQueryVariables>(MarketTagsDocument, options);
-        }
-export type MarketTagsQueryHookResult = ReturnType<typeof useMarketTagsQuery>;
-export type MarketTagsLazyQueryHookResult = ReturnType<typeof useMarketTagsLazyQuery>;
-export type MarketTagsQueryResult = Apollo.QueryResult<MarketTagsQuery, MarketTagsQueryVariables>;
@@ -1,61 +0,0 @@
-import { Schema as Types } from '@vegaprotocol/types';
-
-import { gql } from '@apollo/client';
-import * as Apollo from '@apollo/client';
-const defaultOptions = {} as const;
-export type PartyBalanceQueryQueryVariables = Types.Exact<{
-  partyId: Types.Scalars['ID'];
-}>;
-
-
-export type PartyBalanceQueryQuery = { __typename?: 'Query', party?: { __typename?: 'Party', accountsConnection?: { __typename?: 'AccountsConnection', edges?: Array<{ __typename?: 'AccountEdge', node: { __typename?: 'AccountBalance', type: Types.AccountType, balance: string, asset: { __typename?: 'Asset', id: string, symbol: string, name: string, decimals: number } } } | null> | null } | null } | null };
-
-
-export const PartyBalanceQueryDocument = gql`
-    query PartyBalanceQuery($partyId: ID!) {
-  party(id: $partyId) {
-    accountsConnection {
-      edges {
-        node {
-          type
-          balance
-          asset {
-            id
-            symbol
-            name
-            decimals
-          }
-        }
-      }
-    }
-  }
-}
-    `;
-
-/**
- * __usePartyBalanceQueryQuery__
- *
- * To run a query within a React component, call `usePartyBalanceQueryQuery` and pass it any options that fit your needs.
- * When your component renders, `usePartyBalanceQueryQuery` returns an object from Apollo Client that contains loading, error, and data properties
- * you can use to render your UI.
- *
- * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
- *
- * @example
- * const { data, loading, error } = usePartyBalanceQueryQuery({
- *   variables: {
- *      partyId: // value for 'partyId'
- *   },
- * });
- */
-export function usePartyBalanceQueryQuery(baseOptions: Apollo.QueryHookOptions<PartyBalanceQueryQuery, PartyBalanceQueryQueryVariables>) {
-        const options = {...defaultOptions, ...baseOptions}
-        return Apollo.useQuery<PartyBalanceQueryQuery, PartyBalanceQueryQueryVariables>(PartyBalanceQueryDocument, options);
-      }
-export function usePartyBalanceQueryLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<PartyBalanceQueryQuery, PartyBalanceQueryQueryVariables>) {
-          const options = {...defaultOptions, ...baseOptions}
-          return Apollo.useLazyQuery<PartyBalanceQueryQuery, PartyBalanceQueryQueryVariables>(PartyBalanceQueryDocument, options);
-        }
-export type PartyBalanceQueryQueryHookResult = ReturnType<typeof usePartyBalanceQueryQuery>;
-export type PartyBalanceQueryLazyQueryHookResult = ReturnType<typeof usePartyBalanceQueryLazyQuery>;
-export type PartyBalanceQueryQueryResult = Apollo.QueryResult<PartyBalanceQueryQuery, PartyBalanceQueryQueryVariables>;
@@ -1,9 +1,13 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import type { AccountFragment } from '@vegaprotocol/deal-ticket';
-import { DealTicketBalance } from './deal-ticket-balance';
-import { Schema } from '@vegaprotocol/types';
+import { MockedProvider } from '@apollo/client/testing';
 import type { MarketDealTicketAsset } from '@vegaprotocol/market-list';
+import { DealTicketBalance } from './deal-ticket-balance';
+
+jest.mock('@vegaprotocol/wallet', () => ({
+  ...jest.requireActual('@vegaprotocol/wallet'),
+  useVegaWallet: jest.fn().mockReturnValue('wallet-pub-key'),
+}));

 const tDAI: MarketDealTicketAsset = {
  __typename: 'Asset',
@@ -13,23 +17,20 @@ const tDAI: MarketDealTicketAsset = {
  decimals: 2,
 };

-const accounts: AccountFragment[] = [
-  {
-    __typename: 'AccountBalance',
-    type: Schema.AccountType.ACCOUNT_TYPE_GENERAL,
-    balance: '1000000',
-    asset: tDAI,
-  },
-];
+let mockAccountBalance: {
+  accountBalance: string;
+  accountDecimals: number | null;
+} = { accountBalance: '1000000', accountDecimals: 2 };
+jest.mock('@vegaprotocol/accounts', () => ({
+  ...jest.requireActual('@vegaprotocol/accounts'),
+  useAccountBalance: jest.fn(() => mockAccountBalance),
+}));

 describe('DealTicketBalance', function () {
  it('should render the balance', () => {
    const { getByText, getByRole } = render(
-      <DealTicketBalance
-        settlementAsset={tDAI}
-        accounts={accounts}
-        isWalletConnected
-      />
+      <DealTicketBalance settlementAsset={tDAI} isWalletConnected />,
+      { wrapper: MockedProvider }
    );

    expect(getByRole('complementary')).toHaveAccessibleName('tDAI Balance');
@@ -39,11 +40,8 @@ describe('DealTicketBalance', function () {

  it('should prompt to connect wallet', () => {
    const { getByText } = render(
-      <DealTicketBalance
-        settlementAsset={tDAI}
-        accounts={accounts}
-        isWalletConnected={false}
-      />
+      <DealTicketBalance settlementAsset={tDAI} isWalletConnected={false} />,
+      { wrapper: MockedProvider }
    );

    expect(
@@ -52,12 +50,10 @@ describe('DealTicketBalance', function () {
  });

  it('should display zero balance', () => {
+    mockAccountBalance = { accountBalance: '', accountDecimals: null };
    const { getByText } = render(
-      <DealTicketBalance
-        settlementAsset={tDAI}
-        accounts={[]}
-        isWalletConnected={true}
-      />
+      <DealTicketBalance settlementAsset={tDAI} isWalletConnected={true} />,
+      { wrapper: MockedProvider }
    );

    expect(getByText('No tDAI left to trade')).toBeInTheDocument();
@@ -1,41 +1,38 @@
 import classNames from 'classnames';
-import { addDecimalsFormatNumber, t } from '@vegaprotocol/react-helpers';
-import { Schema } from '@vegaprotocol/types';
-import type { AccountFragment } from '@vegaprotocol/deal-ticket';
+import {
+  addDecimalsFormatNumber,
+  t,
+  toBigNum,
+} from '@vegaprotocol/react-helpers';
 import type { MarketDealTicket } from '@vegaprotocol/market-list';
-import { useSettlementAccount } from '@vegaprotocol/deal-ticket';
+import { useAccountBalance } from '@vegaprotocol/accounts';

 interface DealTicketBalanceProps {
  settlementAsset: MarketDealTicket['tradableInstrument']['instrument']['product']['settlementAsset'];
-  accounts: AccountFragment[];
  isWalletConnected: boolean;
  className?: string;
 }

 export const DealTicketBalance = ({
  settlementAsset,
-  accounts,
  isWalletConnected,
  className = '',
 }: DealTicketBalanceProps) => {
  const settlementAssetId = settlementAsset?.id;
  const settlementAssetSymbol = settlementAsset?.symbol;
-  const settlementAccount = useSettlementAccount(
-    settlementAssetId,
-    accounts,
-    Schema.AccountType.ACCOUNT_TYPE_GENERAL
-  );
+
+  const { accountBalance, accountDecimals } =
+    useAccountBalance(settlementAssetId) || {};
+  const settlementBalance = toBigNum(accountBalance || 0, accountDecimals || 0);
+
  const formattedNumber =
-    settlementAccount?.balance &&
-    settlementAccount.asset.decimals &&
-    addDecimalsFormatNumber(
-      settlementAccount.balance,
-      settlementAccount.asset.decimals
-    );
+    accountBalance &&
+    accountDecimals &&
+    addDecimalsFormatNumber(accountBalance, accountDecimals);

  const balance = (
    <p className="text-blue text-lg font-semibold">
-      {settlementAccount
+      {!settlementBalance.isZero()
        ? t(`${formattedNumber}`)
        : `No ${settlementAssetSymbol} left to trade`}
    </p>
@@ -1,9 +1,5 @@
 import { useParams } from 'react-router-dom';
-import compact from 'lodash/compact';
-import {
-  DealTicketManager,
-  usePartyBalanceQuery,
-} from '@vegaprotocol/deal-ticket';
+import { DealTicketManager } from '@vegaprotocol/deal-ticket';
 import { Loader, Splash } from '@vegaprotocol/ui-toolkit';
 import { t, useDataProvider } from '@vegaprotocol/react-helpers';
 import { useVegaWallet } from '@vegaprotocol/wallet';
@@ -26,11 +22,6 @@ export const DealTicketContainer = () => {
  const { marketId } = useParams<{ marketId: string }>();
  const { pubKey } = useVegaWallet();

-  const { data: partyData } = usePartyBalanceQuery({
-    variables: { partyId: pubKey || '' },
-    skip: !pubKey,
-  });
-
  const variables = useMemo(
    () => ({
      marketId: marketId || '',
@@ -46,10 +37,6 @@ export const DealTicketContainer = () => {
    skip: !marketId,
  });

-  const accounts = compact(partyData?.party?.accountsConnection?.edges).map(
-    (e) => e.node
-  );
-
  const loader = <Loader />;
  if (marketId && data) {
    const balance = (
@@ -58,7 +45,6 @@ export const DealTicketContainer = () => {
        settlementAsset={
          data.tradableInstrument.instrument.product?.settlementAsset
        }
-        accounts={accounts || []}
        isWalletConnected={!!pubKey}
      />
    );
@@ -1,13 +1,11 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useForm, Controller } from 'react-hook-form';
-import compact from 'lodash/compact';
 import { Stepper } from '../stepper';
 import {
  getDefaultOrder,
  useOrderCloseOut,
  useOrderMargin,
-  usePartyBalanceQuery,
  useMaximumPositionSize,
  useCalculateSlippage,
  validateAmount,
@@ -37,7 +35,7 @@ import { DealTicketSize } from './deal-ticket-size';
 import MarketNameRenderer from '../simple-market-list/simple-market-renderer';
 import SideSelector, { SIDE_NAMES } from './side-selector';
 import ReviewTrade from './review-trade';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import { DealTicketSlippage } from './deal-ticket-slippage';
 import { useOrderValidation } from './use-order-validation';
 import type { MarketDealTicket } from '@vegaprotocol/market-list';
@@ -70,11 +68,6 @@ export const DealTicketSteps = ({ market }: DealTicketMarketProps) => {
  const step = toDecimal(market.positionDecimalPlaces);
  const order = watch();
  const { pubKey } = useVegaWallet();
-  const estMargin = useOrderMargin({
-    order,
-    market,
-    partyId: pubKey || '',
-  });
  const { message: invalidText, isDisabled } = useOrderValidation({
    market,
    order,
@@ -82,17 +75,7 @@ export const DealTicketSteps = ({ market }: DealTicketMarketProps) => {
  });
  const { submit, transaction, finalizedOrder, Dialog } = useOrderSubmit();

-  const { data: partyBalance } = usePartyBalanceQuery({
-    variables: { partyId: pubKey || '' },
-    skip: !pubKey,
-  });
-
-  const accounts = compact(partyBalance?.party?.accountsConnection?.edges).map(
-    (e) => e.node
-  );
  const maxTrade = useMaximumPositionSize({
-    partyId: pubKey || '',
-    accounts: accounts,
    marketId: market.id,
    settlementAssetId:
      market.tradableInstrument.instrument.product.settlementAsset.id,
@@ -103,7 +86,6 @@ export const DealTicketSteps = ({ market }: DealTicketMarketProps) => {
  const estCloseOut = useOrderCloseOut({
    order,
    market,
-    partyData: partyBalance,
  });
  const slippage = useCalculateSlippage({ marketId: market.id, order });
  const [slippageValue, setSlippageValue] = useState(
@@ -127,11 +109,18 @@ export const DealTicketSteps = ({ market }: DealTicketMarketProps) => {
      );
      return new BigNumber(market?.depth?.lastTrade?.price)
        .multipliedBy(multiplier)
-        .toNumber();
+        .toString();
    }
-    return null;
+    return undefined;
  }, [market?.depth?.lastTrade?.price, order.side, slippage]);

+  const estMargin = useOrderMargin({
+    order,
+    market,
+    partyId: pubKey || '',
+    derivedPrice: price,
+  });
+
  const formattedPrice =
    price && addDecimalsFormatNumber(price, market.decimalPlaces);

@@ -8,28 +8,10 @@ import classNames from 'classnames';
 import { DealTicketEstimates } from '@vegaprotocol/deal-ticket';
 import type { OrderSubmissionBody } from '@vegaprotocol/wallet';
 import { SIDE_NAMES } from './side-selector';
-import { gql, useQuery } from '@apollo/client';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import { MarketExpires } from '@vegaprotocol/market-info';
 import type { MarketDealTicket } from '@vegaprotocol/market-list';
-import type {
-  MarketTags,
-  MarketTagsVariables,
-} from './__generated__/MarketTags';
-
-export const MARKET_TAGS_QUERY = gql`
-  query MarketTags($marketId: ID!) {
-    market(id: $marketId) {
-      tradableInstrument {
-        instrument {
-          metadata {
-            tags
-          }
-        }
-      }
-    }
-  }
-`;
+import { useMarketTagsQuery } from './__generated__/MarketTags';

 interface Props {
  market: MarketDealTicket;
@@ -57,12 +39,9 @@ export default ({
  notionalSize,
  slippage,
 }: Props) => {
-  const { data: tagsData } = useQuery<MarketTags, MarketTagsVariables>(
-    MARKET_TAGS_QUERY,
-    {
-      variables: { marketId: market.id },
-    }
-  );
+  const { data: tagsData } = useMarketTagsQuery({
+    variables: { marketId: market.id },
+  });

  return (
    <div className="mb-8 text-black dark:text-white" data-testid="review-trade">
@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { FormGroup } from '@vegaprotocol/ui-toolkit';
 import { t } from '@vegaprotocol/react-helpers';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';

 interface SideSelectorProps {
  value: Schema.Side;
@@ -3,11 +3,7 @@ import { renderHook } from '@testing-library/react';
 import { useVegaWallet } from '@vegaprotocol/wallet';
 import { MockedProvider } from '@apollo/client/testing';
 import type { VegaWalletContextShape } from '@vegaprotocol/wallet';
-import {
-  MarketStateMapping,
-  Schema as Types,
-  Schema,
-} from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import type { ValidationProps } from './use-order-validation';
 import { marketTranslations, useOrderValidation } from './use-order-validation';
 import type { MarketDealTicket } from '@vegaprotocol/market-list';
@@ -78,9 +74,10 @@ const market: MarketDealTicket = {
    bestBidPrice: '1605489971',
    bestOfferPrice: '1606823730',
    markPrice: '1606823730',
-    trigger: Types.AuctionTrigger.AUCTION_TRIGGER_UNSPECIFIED,
+    trigger: Schema.AuctionTrigger.AUCTION_TRIGGER_UNSPECIFIED,
    staticMidPrice: '1606156850',
    marketTradingMode: Schema.MarketTradingMode.TRADING_MODE_CONTINUOUS,
+    marketState: Schema.MarketState.STATE_ACTIVE,
    indicativeVolume: '0',
    indicativePrice: '0',
    bestStaticBidPrice: '1605489971',
@@ -91,7 +88,11 @@ const market: MarketDealTicket = {
    auctionEnd: null,
    market: { __typename: 'Market', id: 'market-id' },
  },
-  marketTimestamps: {},
+  marketTimestamps: {
+    __typename: 'MarketTimestamps',
+    close: null,
+    open: null,
+  },
 };

 const defaultWalletContext = {
@@ -193,7 +194,11 @@ describe('useOrderValidation', () => {
  `(
    'Returns an error message for market state when not accepting orders',
    ({ state }) => {
-      const { result } = setup({ market: { ...defaultOrder.market, state } });
+      const market = {
+        ...defaultOrder.market,
+        data: { ...defaultOrder.market.data, marketState: state },
+      };
+      const { result } = setup({ market });
      expect(result.current).toStrictEqual({
        isDisabled: true,
        message: `This market is ${marketTranslations(
@@ -215,14 +220,19 @@ describe('useOrderValidation', () => {
        balance: '0',
        margin: '100',
        balanceError: false,
-        // asset,
      });
-      const { result } = setup({
-        market: {
-          ...defaultOrder.market,
-          state,
-          tradingMode: Schema.MarketTradingMode.TRADING_MODE_BATCH_AUCTION,
+
+      const market = {
+        ...defaultOrder.market,
+        data: {
+          ...defaultOrder.market.data,
+          marketState: state,
+          marketTradingMode:
+            Schema.MarketTradingMode.TRADING_MODE_BATCH_AUCTION,
        },
+      };
+      const { result } = setup({
+        market,
        order: {
          ...order,
          type: Schema.OrderType.TYPE_LIMIT,
@@ -231,7 +241,7 @@ describe('useOrderValidation', () => {
      });
      expect(result.current).toStrictEqual({
        isDisabled: false,
-        message: `This market is ${MarketStateMapping[
+        message: `This market is ${Schema.MarketStateMapping[
          state as Schema.MarketState
        ].toLowerCase()} and only accepting liquidity commitment orders`,
        section: 'sec-summary',
@@ -247,8 +257,12 @@ describe('useOrderValidation', () => {
  `(
    `Returns an error message when trying to submit a non-limit order for a "$tradingMode" market`,
    ({ tradingMode, errorMessage }) => {
+      const market = {
+        ...defaultOrder.market,
+        data: { ...defaultOrder.market.data, marketTradingMode: tradingMode },
+      };
      const { result } = setup({
-        market: { ...defaultOrder.market, tradingMode },
+        market,
        order: {
          ...order,
          type: Schema.OrderType.TYPE_MARKET,
@@ -273,8 +287,12 @@ describe('useOrderValidation', () => {
  `(
    `Returns an error message when submitting a limit order with a "$orderTimeInForce" value to a "$tradingMode" market`,
    ({ tradingMode, orderTimeInForce, errorMessage }) => {
+      const market = {
+        ...defaultOrder.market,
+        data: { ...defaultOrder.market.data, marketTradingMode: tradingMode },
+      };
      const { result } = setup({
-        market: { ...defaultOrder.market, tradingMode },
+        market,
        order: {
          ...order,
          type: Schema.OrderType.TYPE_LIMIT,
@@ -377,14 +395,15 @@ describe('useOrderValidation', () => {
  `(
    'Returns error when market state is pending and size is wrong',
    ({ state }) => {
+      const market = {
+        ...defaultOrder.market,
+        data: { ...defaultOrder.market.data, marketState: state },
+      };
      const { result } = setup({
        fieldErrors: {
          size: { type: `validate`, message: DealTicket.ERROR_SIZE_DECIMAL },
        },
-        market: {
-          ...market,
-          state,
-        },
+        market,
      });
      expect(result.current).toStrictEqual({
        isDisabled: true,
@@ -3,7 +3,7 @@ import type { FieldErrors } from 'react-hook-form';
 import { useMemo } from 'react';
 import { t, toDecimal } from '@vegaprotocol/react-helpers';
 import { useVegaWallet } from '@vegaprotocol/wallet';
-import { MarketStateMapping, Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import type { OrderSubmissionBody } from '@vegaprotocol/wallet';
 import { Tooltip } from '@vegaprotocol/ui-toolkit';
 import {
@@ -39,7 +39,7 @@ export const marketTranslations = (marketState: Schema.MarketState) => {
    case Schema.MarketState.STATE_TRADING_TERMINATED:
      return t('terminated');
    default:
-      return t(MarketStateMapping[marketState]).toLowerCase();
+      return t(Schema.MarketStateMapping[marketState]).toLowerCase();
  }
 };

@@ -169,13 +169,13 @@ export const useOrderValidation = ({
        Schema.MarketState.STATE_TRADING_TERMINATED,
        Schema.MarketState.STATE_CANCELLED,
        Schema.MarketState.STATE_CLOSED,
-      ].includes(market.state)
+      ].includes(market.data.marketState)
    ) {
      return {
        isDisabled: true,
        message: t(
          `This market is ${marketTranslations(
-            market.state
+            market.data.marketState
          )} and not accepting orders`
        ),
        section: DEAL_TICKET_SECTION.SUMMARY,
@@ -186,7 +186,7 @@ export const useOrderValidation = ({
      [
        Schema.MarketState.STATE_PROPOSED,
        Schema.MarketState.STATE_PENDING,
-      ].includes(market.state)
+      ].includes(market.data.marketState)
    ) {
      if (fieldErrorChecking) {
        return fieldErrorChecking;
@@ -195,7 +195,7 @@ export const useOrderValidation = ({
        isDisabled: false,
        message: t(
          `This market is ${marketTranslations(
-            market.state
+            market.data.marketState
          )} and only accepting liquidity commitment orders`
        ),
        section: DEAL_TICKET_SECTION.SUMMARY,
@@ -205,9 +205,9 @@ export const useOrderValidation = ({
    if (isMarketInAuction(market)) {
      if (order.type === Schema.OrderType.TYPE_MARKET) {
        if (
-          market.tradingMode ===
+          market.data.marketTradingMode ===
            Schema.MarketTradingMode.TRADING_MODE_MONITORING_AUCTION &&
-          market.data?.trigger ===
+          market.data.trigger ===
            Schema.AuctionTrigger.AUCTION_TRIGGER_LIQUIDITY
        ) {
          return {
@@ -230,9 +230,9 @@ export const useOrderValidation = ({
          };
        }
        if (
-          market.tradingMode ===
+          market.data.marketTradingMode ===
            Schema.MarketTradingMode.TRADING_MODE_MONITORING_AUCTION &&
-          market.data?.trigger === Schema.AuctionTrigger.AUCTION_TRIGGER_PRICE
+          market.data.trigger === Schema.AuctionTrigger.AUCTION_TRIGGER_PRICE
        ) {
          return {
            isDisabled: true,
@@ -270,9 +270,9 @@ export const useOrderValidation = ({
        ].includes(order.timeInForce)
      ) {
        if (
-          market.tradingMode ===
+          market.data.marketTradingMode ===
            Schema.MarketTradingMode.TRADING_MODE_MONITORING_AUCTION &&
-          market.data?.trigger ===
+          market.data.trigger ===
            Schema.AuctionTrigger.AUCTION_TRIGGER_LIQUIDITY
        ) {
          return {
@@ -297,9 +297,9 @@ export const useOrderValidation = ({
          };
        }
        if (
-          market.tradingMode ===
+          market.data.marketTradingMode ===
            Schema.MarketTradingMode.TRADING_MODE_MONITORING_AUCTION &&
-          market.data?.trigger === Schema.AuctionTrigger.AUCTION_TRIGGER_PRICE
+          market.data.trigger === Schema.AuctionTrigger.AUCTION_TRIGGER_PRICE
        ) {
          return {
            isDisabled: true,
@@ -355,7 +355,7 @@ export const useOrderValidation = ({
        Schema.MarketTradingMode.TRADING_MODE_BATCH_AUCTION,
        Schema.MarketTradingMode.TRADING_MODE_MONITORING_AUCTION,
        Schema.MarketTradingMode.TRADING_MODE_OPENING_AUCTION,
-      ].includes(market.tradingMode)
+      ].includes(market.data.marketTradingMode)
    ) {
      return {
        isDisabled: false,
@@ -11,8 +11,6 @@ const Header = () => {
  }));
  const {
    vegaWalletDialog: { setManage },
-    theme,
-    toggleTheme,
  } = useContext(LocalContext);
  return (
    <div
@@ -25,7 +23,7 @@ const Header = () => {
          setConnectDialog={updateVegaWalletDialog}
          setManageDialog={setManage}
        />
-        <ThemeSwitcher theme={theme} onToggle={toggleTheme} className="-my-4" />
+        <ThemeSwitcher className="-my-4" />
      </div>
    </div>
  );
@@ -12,7 +12,7 @@ import {
  t,
 } from '@vegaprotocol/react-helpers';
 import BigNumber from 'bignumber.js';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';

 interface Props {
  partyId: string;
@@ -14,20 +14,14 @@ import {
 import type { OrderFieldsFragment, Order } from '@vegaprotocol/orders';
 import type { OrderCancellationBody } from '@vegaprotocol/wallet';
 import { isOrderActive } from '@vegaprotocol/orders';
-import {
-  OrderRejectionReasonMapping,
-  OrderStatusMapping,
-  OrderTypeMapping,
-  Schema,
-  OrderTimeInForceMapping,
-} from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';

 import BigNumber from 'bignumber.js';
 import { Button } from '@vegaprotocol/ui-toolkit';

-type StatusKey = keyof typeof OrderStatusMapping;
-type RejectReasonKey = keyof typeof OrderRejectionReasonMapping;
-type OrderTimeKey = keyof typeof OrderTimeInForceMapping;
+type StatusKey = keyof typeof Schema.OrderStatusMapping;
+type RejectReasonKey = keyof typeof Schema.OrderRejectionReasonMapping;
+type OrderTimeKey = keyof typeof Schema.OrderTimeInForceMapping;
 interface Props {
  setEditOrder: (order: Order) => void;
  orderCancel: {
@@ -81,7 +75,7 @@ const useColumnDefinitions = ({ setEditOrder, orderCancel }: Props) => {
          value,
        }: ValueFormatterParams & {
          value?: OrderFieldsFragment['type'];
-        }) => OrderTypeMapping[value as Schema.OrderType],
+        }) => Schema.OrderTypeMapping[value as Schema.OrderType],
      },
      {
        colId: 'status',
@@ -95,14 +89,14 @@ const useColumnDefinitions = ({ setEditOrder, orderCancel }: Props) => {
        }) => {
          if (value && data && data.market) {
            if (value === Schema.OrderStatus.STATUS_REJECTED) {
-              return `${OrderStatusMapping[value as StatusKey]}: ${
+              return `${Schema.OrderStatusMapping[value as StatusKey]}: ${
                data.rejectionReason &&
-                OrderRejectionReasonMapping[
+                Schema.OrderRejectionReasonMapping[
                  data.rejectionReason as RejectReasonKey
                ]
              }`;
            }
-            return OrderStatusMapping[value as StatusKey] as string;
+            return Schema.OrderStatusMapping[value as StatusKey] as string;
          }
          return '-';
        },
@@ -176,11 +170,11 @@ const useColumnDefinitions = ({ setEditOrder, orderCancel }: Props) => {
                new Date(data.expiresAt)
              );
              return `${
-                OrderTimeInForceMapping[value as OrderTimeKey]
+                Schema.OrderTimeInForceMapping[value as OrderTimeKey]
              }: ${expiry}`;
            }

-            return OrderTimeInForceMapping[value as OrderTimeKey];
+            return Schema.OrderTimeInForceMapping[value as OrderTimeKey];
          }
          return '-';
        },
@@ -16,7 +16,7 @@ import type {
  GroupCellRendererParams,
  ColDef,
 } from 'ag-grid-community';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import type { VegaValueFormatterParams } from '@vegaprotocol/ui-toolkit';
 import { Intent, ProgressBarCell } from '@vegaprotocol/ui-toolkit';

@@ -1,4 +1,4 @@
-import { Schema as Types } from '@vegaprotocol/types';
+import * as Types from '@vegaprotocol/types';

 import { gql } from '@apollo/client';
 import * as Apollo from '@apollo/client';
@@ -1,6 +1,6 @@
 import { t } from '@vegaprotocol/react-helpers';
 import { themelite as theme } from '@vegaprotocol/tailwindcss-config';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import colors from 'tailwindcss/colors';
 import type { Market } from '@vegaprotocol/market-list';
 import { IS_MARKET_TRADABLE } from '../../constants';
@@ -9,7 +9,7 @@ import {
 } from '@testing-library/react';
 import { MockedProvider } from '@apollo/client/testing';
 import { BrowserRouter } from 'react-router-dom';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import type { Market } from '@vegaprotocol/market-list';
 import SimpleMarketList from './simple-market-list';

@@ -13,7 +13,7 @@ import SimpleMarketToolbar from './simple-market-toolbar';
 import { IS_MARKET_TRADABLE } from '../../constants';
 import { ConsoleLiteGrid } from '../console-lite-grid';
 import type { Market } from '@vegaprotocol/market-list';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import { marketsWithCandlesProvider } from '@vegaprotocol/market-list';

 export type MarketWithPercentChange = Market & {
@@ -4,7 +4,7 @@ import { InView } from 'react-intersection-observer';
 import { useDataProvider, useYesterday } from '@vegaprotocol/react-helpers';
 import type { Candle } from '@vegaprotocol/market-list';
 import { marketCandlesProvider } from '@vegaprotocol/market-list';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';

 interface Props {
  candles: (Candle | null)[] | null;
@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import MarketNameRenderer from './simple-market-renderer';
 import type { Market } from '@vegaprotocol/market-list';

@@ -14,7 +14,7 @@ import {
  getAllByText,
 } from '@testing-library/react';
 import { MockedProvider } from '@apollo/react-testing';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import type { Market } from '@vegaprotocol/market-list';
 import SimpleMarketToolbar from './simple-market-toolbar';
 import { markets as filterData } from './mocks/market-filters.json';
@@ -13,7 +13,7 @@ import {
  DropdownMenuItemIndicator,
  Icon,
 } from '@vegaprotocol/ui-toolkit';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import type { Market } from '@vegaprotocol/market-list';
 import { HorizontalMenu } from '../horizontal-menu';
 import type { HorizontalMenuItem } from '../horizontal-menu';
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import type { MarketWithCandles } from '@vegaprotocol/market-list';
 import type { RouterParams } from './simple-market-list';

@@ -1,4 +1,4 @@
-import { Schema } from '@vegaprotocol/types';
+import * as Schema from '@vegaprotocol/types';
 import { t } from '@vegaprotocol/react-helpers';
 import type { Market } from '@vegaprotocol/market-list';

@@ -14,8 +14,6 @@ interface MenuState {
 export interface LocalValues {
  vegaWalletDialog: VegaWalletDialogState;
  menu: MenuState;
-  theme: 'light' | 'dark';
-  toggleTheme: () => void;
 }

 const LocalContext = createContext<LocalValues>({} as LocalValues);
@@ -3,8 +3,7 @@ import useLocalValues from './use-local-values';

 describe('local values hook', () => {
  it('state of wallet dialog should be properly handled', () => {
-    const setTheme = jest.fn();
-    const { result } = renderHook(() => useLocalValues('light', setTheme));
+    const { result } = renderHook(() => useLocalValues());
    expect(result.current.vegaWalletDialog).toBeDefined();
    expect(result.current.vegaWalletDialog.manage).toBe(false);
    act(() => {
@@ -1,17 +1,15 @@
 import { useMemo, useState } from 'react';
 import type { LocalValues } from '../context/local-context';

-const useLocalValues = (theme: 'light' | 'dark', toggleTheme: () => void) => {
+const useLocalValues = () => {
  const [manage, setManage] = useState<boolean>(false);
  const [menuOpen, setMenuOpen] = useState(false);
  return useMemo<LocalValues>(
    () => ({
      vegaWalletDialog: { manage, setManage },
      menu: { menuOpen, setMenuOpen, onToggle: () => setMenuOpen(!menuOpen) },
-      theme,
-      toggleTheme,
    }),
-    [manage, theme, toggleTheme, menuOpen]
+    [manage, menuOpen]
  );
 };

@@ -16,3 +16,5 @@ NX_EXPLORER_TXS_LIST=0
 NX_EXPLORER_NETWORK_PARAMETERS=1
 NX_EXPLORER_PARTIES=1
 NX_EXPLORER_VALIDATORS=1
+
+CYPRESS_VEGA_WALLET_API_TOKEN=
@@ -0,0 +1,34 @@
+# Vega Explorer E2E tests
+
+To run the UI automation tests with Vega Capsule, run:
+
+```bash
+yarn nx run explorer-e2e:e2e
+```
+
+To open Cypress and run in interactive mode, run:
+
+```bash
+yarn nx run explorer-e2e:e2e --watch
+```
+
+## Vega Capsule Setup
+
+The e2e tests run against a locally running instance of the Vega network, managed and controlled by [Vega Capsule](https://github.com/vegaprotocol/vegacapsule). Vega Capsule will:
+
+- Bootstrap and start up a Vega network
+- Start up [Ganache](https://trufflesuite.com/ganache/) for a local Ethereum network
+- Install the required Vega smart contracts
+- Set up DataNodes with a running GraphQL and REST APIs.
+
+Refer to the [Vega Capsule readme](https://github.com/vegaprotocol/vegacapsule#readme) for setting up and running Capsule. You will need [Go 1.19 or later](https://go.dev/doc/install) and [Docker](https://docs.docker.com/get-docker/) installed.
+
+### Troubleshooting
+
+- You may need to run `vegacapsule nodes unsafe-reset-all` to get a clean network state
+
+## Vega Wallet Setup
+
+Start by [downloading the Vega wallet software here](https://github.com/vegaprotocol/vega/releases).
+
+You can then refer to (or run) `vegacapsule/setup-vegawallet.sh`. This will initialise and configure your wallet to have the correct public keys and network config to run against capsule.
@@ -5,7 +5,7 @@ module.exports = defineConfig({

  e2e: {
    setupNodeEvents(on, config) {
-      require('cypress-grep/src/plugin')(config);
+      require('@cypress/grep/src/plugin')(config);
      return config;
    },
    baseUrl: 'http://localhost:3000',
@@ -47,34 +47,37 @@ context('Asset page', { tags: '@regression' }, function () {
              .then((assetsListedInJson) => {
                const assetInfo = this.assetsInfo[assetName];

-                assert.equal(assetsListedInJson.name, assetInfo.name);
-                assert.equal(assetsListedInJson.id, assetInfo.id);
-                assert.equal(assetsListedInJson.decimals, assetInfo.decimals);
-                assert.equal(assetsListedInJson.symbol, assetInfo.symbol);
+                assert.equal(assetsListedInJson.name, assetInfo.node.name);
+                assert.equal(assetsListedInJson.id, assetInfo.node.id);
+                assert.equal(
+                  assetsListedInJson.decimals,
+                  assetInfo.node.decimals
+                );
+                assert.equal(assetsListedInJson.symbol, assetInfo.node.symbol);
                assert.equal(
                  assetsListedInJson.source.__typename,
-                  assetInfo.source.__typename
+                  assetInfo.node.source.__typename
                );

-                if (assetInfo.source.__typename == 'ERC20') {
+                if (assetInfo.node.source.__typename == 'ERC20') {
                  assert.equal(
                    assetsListedInJson.source.contractAddress,
-                    assetInfo.source.contractAddress
+                    assetInfo.node.source.contractAddress
                  );
                }

-                if (assetInfo.source.__typename == 'BuiltinAsset') {
+                if (assetInfo.node.source.__typename == 'BuiltinAsset') {
                  assert.equal(
                    assetsListedInJson.source.maxFaucetAmountMint,
-                    assetInfo.source.maxFaucetAmountMint
+                    assetInfo.node.source.maxFaucetAmountMint
                  );
                }

                let knownAssetTypes = ['BuiltinAsset', 'ERC20'];
                assert.include(
                  knownAssetTypes,
-                  assetInfo.source.__typename,
-                  `Checking that current asset type of ${assetInfo.source.__typename} /
+                  assetInfo.node.source.__typename,
+                  `Checking that current asset type of ${assetInfo.node.source.__typename} /
                  is one of: ${knownAssetTypes}: /
                  If fail then we need to add extra tests for un-encountered asset types`
                );
@@ -50,7 +50,7 @@ context('Home Page', function () {
        .invoke('text')
        .should('match', /\d+d \d+h \d+m \d+s/i);
      cy.get(statsValue).eq(3).should('have.text', '2');
-      cy.get(statsValue).eq(4).should('have.text', '0');
+      cy.get(statsValue).eq(4).should('have.text', '2');
      cy.get(statsValue)
        .eq(5)
        .invoke('text')
@@ -14,7 +14,9 @@ let assetData = {

 const assetsInTest = Object.keys(assetData);

-context('Parties page', { tags: '@regression' }, function () {
+// skipped due to existing issue
+// https://github.com/vegaprotocol/frontend-monorepo/issues/2243
+context.skip('Parties page', { tags: '@regression' }, function () {
  before('send-faucet assets to connected vega wallet', function () {
    assetsInTest.forEach((asset) => {
      cy.vega_wallet_receive_fauceted_asset(
@@ -279,9 +279,9 @@ context('Validator page', { tags: '@smoke' }, function () {

    Cypress.Commands.add('get_nodes', () => {
      const mutation =
-        '{nodes { id name infoUrl avatarUrl pubkey tmPubkey ethereumAddress \
+        '{nodesConnection { edges { node { id name infoUrl avatarUrl pubkey tmPubkey ethereumAddress \
          location stakedByOperator stakedByDelegates stakedTotal pendingStake \
-          epochData { total offline online __typename } status name __typename}}';
+          epochData { total offline online __typename } status name __typename}}}}';
      cy.request({
        method: 'POST',
        url: `http://localhost:3028/query`,
@@ -290,7 +290,7 @@ context('Validator page', { tags: '@smoke' }, function () {
        },
        headers: { 'content-type': 'application/json' },
      })
-        .its(`body.data.nodes`)
+        .its(`body.data.nodesConnection.edges`)
        .then(function (response) {
          let nodes = [];
          response.forEach((node) => {
@@ -15,5 +15,5 @@

 import '@vegaprotocol/cypress';
 import './common.functions.js';
-import registerCypressGrep from 'cypress-grep';
+import registerCypressGrep from '@cypress/grep';
 registerCypressGrep();
@@ -4,7 +4,7 @@
    "jsx": "react-jsx",
    "sourceMap": false,
    "outDir": "../../dist/out-tsc",
-    "types": ["cypress", "node", "cypress-grep"],
+    "types": ["cypress", "node", "@cypress/grep"],
    "allowJs": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
@@ -1,13 +1,13 @@
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
-NX_TENDERMINT_URL=https://n01.stagnet3.vega.xyz/tm
-NX_TENDERMINT_WEBSOCKET_URL=wss://n01.stagnet3.vega.xyz/tm/websocket
+NX_TENDERMINT_URL=https://tm.n00.stagnet3.vega.xyz
+NX_TENDERMINT_WEBSOCKET_URL=wss://tm.n00.stagnet3.vega.xyz/websocket
 NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/stagnet3-network.json
 NX_VEGA_NETWORKS={\"MAINNET"\:\"https://explorer.vega.xyz"\,\"TESTNET\":\"https://explorer.fairground.wtf\"}
 NX_VEGA_ENV=STAGNET3
 NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
 NX_HOSTED_WALLET_URL=https://wallet.testnet.vega.xyz
 NX_ETHERSCAN_URL=https://sepolia.etherscan.io
-NX_BLOCK_EXPLORER=
+NX_BLOCK_EXPLORER=https://be.stagnet3.vega.xyz/rest
+NX_ETHERSCAN_URL=https://sepolia.etherscan.io

 # App flags
 NX_EXPLORER_ASSETS=1
@@ -1,5 +1,4 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=http://localhost:26617
 NX_TENDERMINT_WEBSOCKET_URL=wss://localhost:26617/websocket
 NX_VEGA_NETWORKS={\"MAINNET"\:\"https://explorer.vega.xyz"\,\"TESTNET\":\"https://explorer.fairground.wtf\"}
@@ -1,5 +1,4 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=https://n04.d.vega.xyz/tm
 NX_TENDERMINT_WEBSOCKET_URL=wss://n04.d.vega.xyz/tm/websocket
 NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/devnet-network.json
@@ -1,5 +1,4 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=https://be.explorer.vega.xyz
 NX_TENDERMINT_WEBSOCKET_URL=wss://be.explorer.vega.xyz
 NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/mainnet-network.json
@@ -1,10 +1,7 @@
-# App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=https://tm.n00.stagnet3.vega.xyz
 NX_TENDERMINT_WEBSOCKET_URL=wss://tm.n00.stagnet3.vega.xyz/websocket
 NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/stagnet3-network.json
 NX_VEGA_NETWORKS={\"MAINNET"\:\"https://explorer.vega.xyz"\,\"TESTNET\":\"https://explorer.fairground.wtf\"}
 NX_VEGA_ENV=STAGNET3
 NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
-NX_BLOCK_EXPLORER=https://be.stagnet3.vega.xyz/rest
-NX_ETHERSCAN_URL=https://be.stagnet3.vega.xyz/rest
+NX_BLOCK_EXPLORER=https://be.stagnet3.vega.xyz/rest
@@ -1,5 +1,4 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=https://tm.be.testnet.vega.xyz
 NX_BLOCK_EXPLORER=https://be.testnet.vega.xyz/rest
 NX_TENDERMINT_WEBSOCKET_URL=wss://tm.be.testnet.vega.xyz/
@@ -1,5 +1,4 @@
 # App configuration variables
-NX_CHAIN_EXPLORER_URL=https://explorer.vega.trading/.netlify/functions/chain-explorer-api
 NX_TENDERMINT_URL=http://localhost:26607/
 NX_TENDERMINT_WEBSOCKET_URL=wss://localhost:26607/websocket
 NX_VEGA_ENV=CUSTOM
@@ -45,21 +45,20 @@ yarn nx run explorer:serve --env={env} # e.g. stagnet3

 There are a few different configuration options offered for this app:

-| **Flag**                         | **Purpose**                                                     |
-| -------------------------------- | --------------------------------------------------------------- | --- |
-| `NX_CHAIN_EXPLORER_URL`          | The URL of the chain explorer service for decoding transactions |
-| `NX_TENDERMINT_URL`              | The Tendermint REST URL for the Vega consesus engine            |
-| `NX_TENDERMINT_WEBSOCKET_URL`    | The Tendermint Websocket URL for the Vega consensus engine      |
-| `NX_VEGA_ENV`                    | The name of the currently connected vega environment            |     |
-| `NX_EXPLORER_ASSETS`             | Enable the assets page for the explorer                         |
-| `NX_EXPLORER_GENESIS`            | Enable the genesis page for the explorer                        |
-| `NX_EXPLORER_GOVERNANCE`         | Enable the governance page for the explorer                     |
-| `NX_EXPLORER_MARKETS`            | Enable the markets page for the explorer                        |
-| `NX_EXPLORER_ORACLES`            | Enable the oracles page for the explorer                        |
-| `NX_EXPLORER_TXS_LIST`           | Enable the transactions list page for the explorer              |
-| `NX_EXPLORER_NETWORK_PARAMETERS` | Enable the network parameters page for the explorer             |
-| `NX_EXPLORER_PARTIES`            | Enable the parties page for the explorer                        |
-| `NX_EXPLORER_VALIDATORS`         | Enable the validators page for the explorer                     |
+| **Flag**                         | **Purpose**                                                |
+| -------------------------------- | ---------------------------------------------------------- | --- |
+| `NX_TENDERMINT_URL`              | The Tendermint REST URL for the Vega consesus engine       |
+| `NX_TENDERMINT_WEBSOCKET_URL`    | The Tendermint Websocket URL for the Vega consensus engine |
+| `NX_VEGA_ENV`                    | The name of the currently connected vega environment       |     |
+| `NX_EXPLORER_ASSETS`             | Enable the assets page for the explorer                    |
+| `NX_EXPLORER_GENESIS`            | Enable the genesis page for the explorer                   |
+| `NX_EXPLORER_GOVERNANCE`         | Enable the governance page for the explorer                |
+| `NX_EXPLORER_MARKETS`            | Enable the markets page for the explorer                   |
+| `NX_EXPLORER_ORACLES`            | Enable the oracles page for the explorer                   |
+| `NX_EXPLORER_TXS_LIST`           | Enable the transactions list page for the explorer         |
+| `NX_EXPLORER_NETWORK_PARAMETERS` | Enable the network parameters page for the explorer        |
+| `NX_EXPLORER_PARTIES`            | Enable the parties page for the explorer                   |
+| `NX_EXPLORER_VALIDATORS`         | Enable the validators page for the explorer                |

 ## Testing

@@ -1,4 +1,5 @@
 /* eslint-disable */
+process.env.TZ = 'UTC';
 export default {
  displayName: 'explorer',
  preset: '../../jest.preset.js',
@@ -3,7 +3,6 @@ import { useState, useEffect } from 'react';
 import * as Sentry from '@sentry/react';
 import { BrowserTracing } from '@sentry/tracing';
 import { useLocation } from 'react-router-dom';
-import { ThemeContext, useThemeSwitcher } from '@vegaprotocol/react-helpers';
 import {
  EnvironmentProvider,
  NetworkLoader,
@@ -19,7 +18,6 @@ import type { InMemoryCacheConfig } from '@apollo/client';

 function App() {
  const { VEGA_ENV } = useEnvironment();
-  const [theme, toggleTheme] = useThemeSwitcher();
  const [menuOpen, setMenuOpen] = useState(false);

  const location = useLocation();
@@ -57,25 +55,18 @@ function App() {
  );

  return (
-    <ThemeContext.Provider value={theme}>
-      <TendermintWebsocketProvider>
-        <NetworkLoader cache={cacheConfig}>
-          <div className={layoutClasses}>
-            <Header
-              theme={theme}
-              toggleTheme={toggleTheme}
-              menuOpen={menuOpen}
-              setMenuOpen={setMenuOpen}
-            />
-            <Nav menuOpen={menuOpen} />
-            <Main />
-            <footer className="grid grid-rows-2 grid-cols-[1fr_auto] text-sm md:text-md md:flex md:col-span-2 p-4 gap-4 border-t border-neutral-700 dark:border-neutral-300">
-              <NetworkInfo />
-            </footer>
-          </div>
-        </NetworkLoader>
-      </TendermintWebsocketProvider>
-    </ThemeContext.Provider>
+    <TendermintWebsocketProvider>
+      <NetworkLoader cache={cacheConfig}>
+        <div className={layoutClasses}>
+          <Header menuOpen={menuOpen} setMenuOpen={setMenuOpen} />
+          <Nav menuOpen={menuOpen} />
+          <Main />
+          <footer className="grid grid-rows-2 grid-cols-[1fr_auto] text-sm md:text-md md:flex md:col-span-2 p-4 gap-4 border-t border-neutral-700 dark:border-neutral-300">
+            <NetworkInfo />
+          </footer>
+        </div>
+      </NetworkLoader>
+    </TendermintWebsocketProvider>
  );
 }

@@ -0,0 +1,5 @@
+query ExplorerGovernanceAsset {
+  networkParameter(key: "reward.asset") {
+    value
+  }
+}
@@ -0,0 +1,45 @@
+import * as Types from '@vegaprotocol/types';
+
+import { gql } from '@apollo/client';
+import * as Apollo from '@apollo/client';
+const defaultOptions = {} as const;
+export type ExplorerGovernanceAssetQueryVariables = Types.Exact<{ [key: string]: never; }>;
+
+
+export type ExplorerGovernanceAssetQuery = { __typename?: 'Query', networkParameter?: { __typename?: 'NetworkParameter', value: string } | null };
+
+
+export const ExplorerGovernanceAssetDocument = gql`
+    query ExplorerGovernanceAsset {
+  networkParameter(key: "reward.asset") {
+    value
+  }
+}
+    `;
+
+/**
+ * __useExplorerGovernanceAssetQuery__
+ *
+ * To run a query within a React component, call `useExplorerGovernanceAssetQuery` and pass it any options that fit your needs.
+ * When your component renders, `useExplorerGovernanceAssetQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useExplorerGovernanceAssetQuery({
+ *   variables: {
+ *   },
+ * });
+ */
+export function useExplorerGovernanceAssetQuery(baseOptions?: Apollo.QueryHookOptions<ExplorerGovernanceAssetQuery, ExplorerGovernanceAssetQueryVariables>) {
+        const options = {...defaultOptions, ...baseOptions}
+        return Apollo.useQuery<ExplorerGovernanceAssetQuery, ExplorerGovernanceAssetQueryVariables>(ExplorerGovernanceAssetDocument, options);
+      }
+export function useExplorerGovernanceAssetLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<ExplorerGovernanceAssetQuery, ExplorerGovernanceAssetQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return Apollo.useLazyQuery<ExplorerGovernanceAssetQuery, ExplorerGovernanceAssetQueryVariables>(ExplorerGovernanceAssetDocument, options);
+        }
+export type ExplorerGovernanceAssetQueryHookResult = ReturnType<typeof useExplorerGovernanceAssetQuery>;
+export type ExplorerGovernanceAssetLazyQueryHookResult = ReturnType<typeof useExplorerGovernanceAssetLazyQuery>;
+export type ExplorerGovernanceAssetQueryResult = Apollo.QueryResult<ExplorerGovernanceAssetQuery, ExplorerGovernanceAssetQueryVariables>;
@@ -0,0 +1,40 @@
+import { addDecimalsFormatNumber } from '@vegaprotocol/react-helpers';
+import { AssetLink } from '../links';
+import { useExplorerAssetQuery } from '../links/asset-link/__generated__/Asset';
+
+export type AssetBalanceProps = {
+  assetId: string;
+  price: string;
+  showAssetLink?: boolean;
+};
+
+/**
+ * Given a market ID and a price it will fetch the market
+ * and format the price in that market's decimal places.
+ */
+const AssetBalance = ({
+  assetId,
+  price,
+  showAssetLink = true,
+}: AssetBalanceProps) => {
+  const { data } = useExplorerAssetQuery({
+    fetchPolicy: 'cache-first',
+    variables: { id: assetId },
+  });
+
+  const label =
+    data && data.asset?.decimals
+      ? addDecimalsFormatNumber(price, data.asset.decimals)
+      : price;
+
+  return (
+    <div className="inline-block">
+      <span>{label}</span>{' '}
+      {showAssetLink && data?.asset?.id ? (
+        <AssetLink id={data.asset.id} />
+      ) : null}
+    </div>
+  );
+};
+
+export default AssetBalance;
@@ -0,0 +1,30 @@
+import { addDecimalsFormatNumber } from '@vegaprotocol/react-helpers';
+import { useExplorerGovernanceAssetQuery } from './__generated__/Governance-asset';
+import AssetBalance from './asset-balance';
+
+export type GovernanceAssetBalanceProps = {
+  price: string;
+};
+
+const DEFAULT_DECIMALS = 18;
+
+/**
+ * Effectively a wrapper around AssetBalance that does an extra query to fetch
+ * the governance asset first, which is set by a network parameter
+ */
+const GovernanceAssetBalance = ({ price }: GovernanceAssetBalanceProps) => {
+  const { data } = useExplorerGovernanceAssetQuery();
+
+  if (data && data.networkParameter?.value) {
+    const governanceAssetId = data.networkParameter.value;
+    return <AssetBalance price={price} assetId={governanceAssetId} />;
+  } else {
+    return (
+      <div className="inline-block">
+        <span>{addDecimalsFormatNumber(price, DEFAULT_DECIMALS)}</span>
+      </div>
+    );
+  }
+};
+
+export default GovernanceAssetBalance;
@@ -14,12 +14,7 @@ jest.mock('../search', () => ({

 const renderComponent = () => (
  <MemoryRouter>
-    <Header
-      theme="dark"
-      toggleTheme={jest.fn()}
-      menuOpen={false}
-      setMenuOpen={jest.fn()}
-    />
+    <Header menuOpen={false} setMenuOpen={jest.fn()} />
  </MemoryRouter>
 );

--- a/Show More
+++ b/Show More