add tests

package.json

@@ -90,12 +90,13 @@
     "prepare": "npx simple-git-hooks"
   },
   "dependencies": {
-    "@eth-optimism/contracts-ts": "^0.15.0"
+    "@eth-optimism/contracts-ts": "^0.15.0",
+    "@testing-library/react-hooks": "^8.0.1"
   },
   "peerDependencies": {
     "@tanstack/query-core": ">=5.0.0",
     "@tanstack/react-query": "beta",
-    "@wagmi/core": "alpha",
+    "@wagmi/core": "2.0.0-alpha.11",
     "op-viem": "1.3.0-alpha",
     "typescript": ">=5.0.4",
     "viem": "2.0.0-alpha.17",

src/_test/config.ts

@@ -1,10 +1,17 @@
 import { createConfig, http } from '@wagmi/core'
 import { mock } from '@wagmi/core/internal'
-import { base as viem_base } from 'viem/chains'
+import { opStackL2ChainContracts } from 'op-viem'
+import { baseAddresses } from 'op-viem/chains'
+import { base as viem_base, mainnet } from 'viem/chains'
+import { type OpConfig } from '../types/OpConfig.js'
 import { accounts } from './constants.js'
 import { getRpcUrls } from './utils.js'
 
 const base = {
+  chainId: viem_base.id,
+  l1ChaindId: mainnet.id,
+  l1Addresses: baseAddresses,
+  l2Addresses: opStackL2ChainContracts,
   ...getRpcUrls({ port: 8547 }),
   ...viem_base,
   fork: {
@@ -15,12 +22,19 @@ const base = {
   },
 }
 
-export const config = createConfig({
-  chains: [base],
-  connectors: [mock({ accounts })],
-  pollingInterval: 100,
-  storage: null,
-  transports: {
-    [base.id]: http(),
+export const config: OpConfig = {
+  l2chains: {
+    // @ts-expect-error this seems to have a mismatch that is likely a bug
+    [base.id]: base,
   },
-})
+
+  ...createConfig({
+    chains: [base],
+    connectors: [mock({ accounts })],
+    pollingInterval: 100,
+    storage: null,
+    transports: {
+      [base.id]: http(),
+    },
+  }),
+}

src/hooks/L1/useSimulateDepositETH.test.ts

@@ -8,7 +8,7 @@ import { useSimulateDepositETH } from './useSimulateDepositETH.js'
 const connector = config.connectors[0]!
 const portal = '0xe93c8cD0D409341205A592f8c4Ac1A5fe5585cfA'
 
-test('default', async () => {
+test('useSimulateDepositETH', async () => {
   await connect(config, { connector })
 
   const { result } = renderHook(() =>

src/hooks/L1/useWriteDepositERC20.test.ts

@@ -0,0 +1,42 @@
+import { connect, disconnect } from '@wagmi/core'
+import { baseAddresses } from 'op-viem/chains'
+import { base } from 'viem/chains'
+import { expect, test } from 'vitest'
+import { config } from '../../_test/config.js'
+import { accounts } from '../../_test/constants.js'
+import { renderHook, waitFor } from '../../_test/react.js'
+import { useWriteDepositERC20 } from './useWriteDepositERC20.js'
+
+const connector = config.connectors[0]!
+
+test(useWriteDepositERC20.name, async () => {
+  await connect(config, { connector })
+
+  const { result } = renderHook(() =>
+    useWriteDepositERC20({
+      l2ChainId: base.id,
+      args: {
+        l1Token: '0xTokenAddressL1',
+        l2Token: '0xTokenAddressL2',
+        to: accounts[0],
+        amount: 100n, // Assuming amount is in BigInt format
+        minGasLimit: 21000,
+        extraData: '0x',
+      },
+      ...baseAddresses,
+    })
+  )
+
+  expect(result.current.writeDepositERC20).toBeDefined()
+  expect(result.current.writeDepositERC20Async).toBeDefined()
+  expect(result.current.data).toBeUndefined()
+  expect(result.current.isIdle).toBe(true)
+
+  result.current.writeDepositERC20()
+
+  await waitFor(() => expect(result.current.isSuccess).toBeTruthy())
+
+  expect(result.current).toMatchInlineSnapshot()
+
+  await disconnect(config, { connector })
+})

src/hooks/L1/useWriteDepositERC20.ts

@@ -20,9 +20,10 @@ export function useWriteDepositERC20(
 ) {
   const config = useOpConfig(rest)
   const l2Chain = config.l2chains[l2ChainId]
-  const { writeContract, writeContractAsync } = useWriteContract()
+  const { writeContract, writeContractAsync, ...result } = useWriteContract()
 
   return {
+    ...result,
     writeDepositERC20: () =>
       writeContract({
         chainId: l2Chain.l1ChaindId,

src/hooks/L1/useWriteDepositETH.test.ts

@@ -0,0 +1,42 @@
+import { baseAddresses } from 'op-viem/chains'
+import { base } from 'viem/chains'
+import { expect, test } from 'vitest'
+import { accounts } from '../../_test/constants.js'
+import { renderHook, waitFor } from '../../_test/react.js'
+import { useWriteDepositETH } from './useWriteDepositETH.js'
+
+test(useWriteDepositETH.name, async () => {
+  const { result } = renderHook(() =>
+    useWriteDepositETH({
+      l2ChainId: base.id,
+      args: {
+        to: accounts[0],
+        gasLimit: 21000,
+        data: '0x',
+        // typescript wasn't compiling for me for some reason
+        ...{ amount: 1n },
+      },
+      ...baseAddresses,
+    })
+  )
+
+  // write contract lazily writes
+  // these are low value checks we are testing wagmi here
+  expect(result.current.writeDepositETH).toBeDefined()
+  expect(result.current.writeDepositETHAsync).toBeDefined()
+  expect(result.current.data).toBeUndefined()
+  expect(result.current.isIdle).toBe(true)
+
+  // go ahead and trigger the write
+  result.current.writeDepositETH()
+
+  // since we didn't use the async wait for it to succeed
+  await waitFor(() => {
+    // check for error first so if one happens we can see it in the test failure
+    expect(result.current.error).toBeUndefined()
+    expect(result.current.isSuccess).toBeTruthy()
+  })
+
+  // now assert the result is what we expect
+  expect(result.current).toMatchInlineSnapshot()
+})