Wagmi v2: How to mock the wallet client?

[Max-3-7]

GM,

With wagmi v1, you could override the wallet client using MockConnector but I can't find how to do that with v2?

Here is how we set up the app with v1 to run tests with cypress and anvil:

const testAccount = '0x...'
const testChain = <chain>
const forkRpcUrl = '<rpc_url>'

const testWalletClient = createWalletClient<
  HttpTransport,
  typeof testChain,
  `0x${string}` | Account
>({
  account: testAccount,
  chain: testChain,
  transport: http(forkRpcUrl)
})

const mockConnector = new MockConnector({
  chains: [testChain],
  options: {
    chainId: testChain.id,
    walletClient: testWalletClient
  }
})

mockConnector.connect({ chainId: testChain.id })

Is it still something we can do with v2?

[Max-3-7]

It's possible by implementing getClient in the connector: https://github.com/wevm/wagmi/blob/main/packages/core/src/connectors/createConnector.ts#L54-L56

It'd be cool if the mock connector would support that by default

[DidykDima]

Hey @Max-3-7 do you have a sample of the implementation?

[tmm]

https://wagmi.sh/react/api/connectors/mock

[Max-3-7]

Yeah I tried this but I don't think there is a way to set a wallet client like the mock connector from v1

[SergeyVolynkin]

A working example of how to set up MockConnector (we use it to test with Cypress in headless mode)

import { MockConnector } from 'wagmi/connectors/mock'; // wagmi@1.4.13
// ...
const wagmiConfig = createConfig({
  autoConnect: true,
  connectors: [
    new MockConnector({
      chains: [sepolia],
      options: {
        flags: {
          isAuthorized: true,
        },
        walletClient: createWalletClient({
          account: mnemonicToAccount(testWallet.mnemonic),
          chain: sepolia,
          transport: http(),
        }),
      },
    }),
  ],
  publicClient,
});

[hussmartinez]

But MockConnector is on V1 right?
What wagmi version are you using? and where do you import MockConnector from?

[SergeyVolynkin]

Yes, v1
Added import + version in the original message @hussedev

[hussmartinez]

Thanks for the clarification 🙏
But the issue is with V2, but in this way we can implement it based on V1