Merge branch 'main' into feat/config-provider

.changeset/empty-goats-ring.md

@@ -0,0 +1,5 @@
+---
+'@ant-design/web3': patch
+---
+
+test:Increase ConnectButton test coverage

.changeset/shy-rice-smash.md

@@ -0,0 +1,5 @@
+---
+'@ant-design/web3': patch
+---
+
+fix: fix intl for connect-button

packages/web3/src/connect-button/__tests__/connect.test.tsx

@@ -0,0 +1,93 @@
+import React from 'react';
+import { useProvider } from '@ant-design/web3';
+import { fireEvent, render } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+
+import { ConnectButton, Web3ConfigProvider, type Account } from '../../../../web3/src';
+
+describe('ConnectButton connect', async () => {
+  it('connect', async () => {
+    const CustomConnector = () => {
+      const { connect, account, disconnect } = useProvider();
+
+      return (
+        <ConnectButton
+          className="custom-btn"
+          account={account}
+          onConnectClick={() => {
+            if (account) {
+              disconnect?.();
+              return;
+            }
+            connect?.();
+          }}
+          onDisconnectClick={() => {
+            disconnect?.();
+          }}
+        />
+      );
+    };
+
+    const App = () => {
+      const [account, setAccount] = React.useState<Account | undefined>();
+      return (
+        <Web3ConfigProvider
+          availableWallets={[
+            {
+              name: 'MetaMask',
+              remark: 'Easy-to-use browser extension.',
+              extensions: [
+                {
+                  key: 'Chrome',
+                  browserIcon:
+                    'https://github.com/ant-design/ant-design/assets/10286961/0d4e4ac7-8f89-4147-a06a-de72c02e85cb',
+                  browserName: 'Chrome',
+                  link: 'https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn',
+                  description: 'Access your wallet right from your favorite web browser.',
+                },
+              ],
+            },
+          ]}
+          connect={async () => {
+            const newAccount = {
+              address: '0x1234567890123456789012345678901234567890',
+            };
+            setAccount(newAccount);
+          }}
+          disconnect={async () => {
+            setAccount(undefined);
+          }}
+          account={account}
+        >
+          <CustomConnector />
+        </Web3ConfigProvider>
+      );
+    };
+    const { baseElement } = render(<App />);
+
+    fireEvent.click(baseElement.querySelector('.custom-btn')!);
+    await vi.waitFor(() => {
+      expect(baseElement.querySelector('.ant-web3-address-text')?.textContent).toBe(
+        '0x1234...7890',
+      );
+    });
+
+    fireEvent.click(baseElement.querySelector('.custom-btn')!);
+
+    const btns = baseElement.querySelectorAll('.ant-btn');
+    fireEvent.click(baseElement.querySelector('.ant-modal-close')!);
+
+    await vi.waitFor(() => {
+      expect(
+        baseElement.querySelector('.ant-web3-connect-button-profile-modal')?.className,
+      ).toContain('ant-zoom-leave');
+    });
+
+    fireEvent.click(btns[2]);
+    await vi.waitFor(() => {
+      expect(baseElement.querySelector('.ant-web3-connect-button-text')?.textContent).toBe(
+        'Connect Wallet',
+      );
+    });
+  });
+});

packages/web3/src/connect-button/connect-button.tsx

@@ -147,7 +147,7 @@ export const ConnectButton: React.FC<ConnectButtonProps> = (props) => {
   const defaultMenuItems: MenuItemType[] = useMemo(
     () => [
       {
-        label: 'Copy Address',
+        label: intl.getMessage(intl.messages.copyAddress),
         key: 'copyAddress',
         onClick: () => {
           setProfileOpen(false);