dope

src/transaction/components/TransactionProvider.test.tsx

@@ -133,18 +133,18 @@ describe('TransactionProvider', () => {
     });
   });
 
-  it('should call onsuccess when receipt exists', async () => {
+  it('should call onSuccess when one receipt exist', async () => {
     const onSuccessMock = vi.fn();
     (useWaitForTransactionReceipt as ReturnType<typeof vi.fn>).mockReturnValue({
-      data: '123',
+      data: { status: 'success' },
     });
     (useCallsStatus as ReturnType<typeof vi.fn>).mockReturnValue({
       transactionHash: 'hash',
     });
     render(
       <TransactionProvider
         address="0x123"
-        contracts={[]}
+        contracts={[{ address: '0x123', method: 'method' }]}
         onSuccess={onSuccessMock}
       >
         <TestComponent />
@@ -154,9 +154,16 @@ describe('TransactionProvider', () => {
     fireEvent.click(button);
     await waitFor(() => {
       expect(onSuccessMock).toHaveBeenCalled();
+      expect(onSuccessMock).toHaveBeenCalledWith({
+        transactionReceipts: [{ status: 'success' }],
+      });
     });
   });
 
+  it('should call onSuccess when many receipts are available', async () => {
+    // todo: implement test
+  });
+
   it('should handle errors during submission', async () => {
     const writeContractsAsyncMock = vi
       .fn()
@@ -252,30 +259,6 @@ describe('TransactionProvider', () => {
     });
   });
 
-  it('should call onSuccess when receipts are available', async () => {
-    const onSuccessMock = vi.fn();
-    (useWaitForTransactionReceipt as ReturnType<typeof vi.fn>).mockReturnValue({
-      data: { status: 'success' },
-    });
-    (useCallsStatus as ReturnType<typeof vi.fn>).mockReturnValue({
-      transactionHash: 'hash',
-    });
-    render(
-      <TransactionProvider
-        address="0x123"
-        contracts={[]}
-        onSuccess={onSuccessMock}
-      >
-        <TestComponent />
-      </TransactionProvider>,
-    );
-    await waitFor(() => {
-      expect(onSuccessMock).toHaveBeenCalledWith({
-        transactionReceipts: [{ status: 'success' }],
-      });
-    });
-  });
-
   it('should handle chain switching', async () => {
     const switchChainAsyncMock = vi.fn();
     (useSwitchChain as ReturnType<typeof vi.fn>).mockReturnValue({
@@ -382,34 +365,6 @@ describe('TransactionProvider', () => {
       );
     });
   });
-
-  it('should call onSuccess when receiptArray has receipts', async () => {
-    const onSuccessMock = vi.fn();
-    const mockReceipt = { status: 'success' };
-
-    (useWaitForTransactionReceipt as ReturnType<typeof vi.fn>).mockReturnValue({
-      data: mockReceipt,
-    });
-
-    render(
-      <TransactionProvider
-        address="0x123"
-        contracts={[]}
-        onSuccess={onSuccessMock}
-      >
-        <TestComponent />
-      </TransactionProvider>,
-    );
-
-    const button = screen.getByText('Submit');
-    fireEvent.click(button);
-
-    await waitFor(() => {
-      expect(onSuccessMock).toHaveBeenCalledWith({
-        transactionReceipts: [mockReceipt],
-      });
-    });
-  });
 });
 
 describe('useTransactionContext', () => {

src/transaction/components/TransactionProvider.tsx

@@ -106,6 +106,7 @@ export function TransactionProvider({
         transactionReceipts: lifeCycleStatus.statusData.transactionReceipts,
       });
     }
+    console.log('lifeCycleStatus', lifeCycleStatus);
     // Emit State
     onStatus?.(lifeCycleStatus);
   }, [
@@ -137,6 +138,7 @@ export function TransactionProvider({
         });
       }
     }
+    console.log('getTransactionReceipts', receipts?.length);
     setLifeCycleStatus({
       statusName: 'success',
       statusData: {
@@ -147,6 +149,7 @@ export function TransactionProvider({
 
   // Trigger success status when receipts are generated from waitForTransactionReceipt
   useEffect(() => {
+    console.log('transactionHashArray', transactionHashArray?.length);
     if (
       transactionHashArray.length === contracts.length &&
       contracts?.length > 1