test: add test for activeWallet inside ActionSelectionForm

TradeTrust · Jul 1, 2024 · c565a40 · c565a40
1 parent 338deb7
commit c565a40
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/...ntPanel/AssetManagementForm/FormVariants/ActionSelectionForm/ActionSelectionForm.test.tsx b/...ntPanel/AssetManagementForm/FormVariants/ActionSelectionForm/ActionSelectionForm.test.tsx
@@ -29,6 +29,16 @@ const defaultProps = {
 
 describe("ActionSelectionForm", () => {
   it("should display the non-editable beneficiary & holder", async () => {
+    await act(async () => {
+      const container = render(<ActionSelectionForm {...defaultProps} />);
+      const activeWalletComponent = container.getByTestId("activeWallet");
+      const holderText = within(activeWalletComponent).getByText("0xa61B056dA0084a5f391EC137583073096880C2e3");
+      expect(activeWalletComponent).not.toBeNull();
+      expect(holderText).not.toBeNull();
+    });
+  });
+
+  it("should display the active wallet", async () => {
     await act(async () => {
       const container = render(<ActionSelectionForm {...defaultProps} />);
       const beneficiaryComponent = container.getByTestId("asset-title-owner");

diff --git a/...agementPanel/AssetManagementForm/FormVariants/ActionSelectionForm/ActionSelectionForm.tsx b/...agementPanel/AssetManagementForm/FormVariants/ActionSelectionForm/ActionSelectionForm.tsx
@@ -151,6 +151,7 @@ export const ActionSelectionForm: FunctionComponent<ActionSelectionFormProps> =
             {account ? (
               <div
                 onClick={handleWalletInfoClick}
+                data-testid="activeWallet"
                 className="w-44 p-4 ml-auto flex items-center bg-gray-100 text-gray-800 rounded-lg shadow cursor-pointer hover:bg-gray-200 transition duration-300 ease-in-out select-none"
               >
                 <img src={"/static/images/wallet.png"} alt="Wallet Icon" className="w-6 h-6 mr-4" />