diff --git a/.changeset/short-lies-leave.md b/.changeset/short-lies-leave.md new file mode 100644 index 000000000..ccf72ec03 --- /dev/null +++ b/.changeset/short-lies-leave.md @@ -0,0 +1,5 @@ +--- +'@relayprotocol/relay-kit-ui': patch +--- + +Add test ids for automation diff --git a/packages/ui/src/components/common/CustomAddressModal.tsx b/packages/ui/src/components/common/CustomAddressModal.tsx index 1c19a7fea..d67dfda29 100644 --- a/packages/ui/src/components/common/CustomAddressModal.tsx +++ b/packages/ui/src/components/common/CustomAddressModal.tsx @@ -262,6 +262,7 @@ export const CustomAddressModal: FC = ({ } onOpenChange(false) }} + data-testid="save-button" > Save diff --git a/packages/ui/src/components/common/MultiWalletDropdown.tsx b/packages/ui/src/components/common/MultiWalletDropdown.tsx index ecaa37b94..126ba0470 100644 --- a/packages/ui/src/components/common/MultiWalletDropdown.tsx +++ b/packages/ui/src/components/common/MultiWalletDropdown.tsx @@ -18,6 +18,7 @@ type MultiWalletDropdownProps = { selectedWalletAddress?: string chain?: RelayChain disablePasteWalletAddressOption?: boolean + testId?: string onSelect: (wallet: LinkedWallet) => void onLinkNewWallet: () => void onAnalyticEvent?: (eventName: string, data?: any) => void @@ -30,6 +31,7 @@ export const MultiWalletDropdown: FC = ({ selectedWalletAddress, chain, disablePasteWalletAddressOption, + testId, onSelect, onAnalyticEvent, onLinkNewWallet, @@ -141,6 +143,7 @@ export const MultiWalletDropdown: FC = ({ display: 'flex', alignContent: 'center' }} + data-testid={testId} > {isSupportedSelectedWallet && selectedWallet?.walletLogoUrl ? ( diff --git a/packages/ui/src/components/common/TokenSelector/ChainFilterSidebar.tsx b/packages/ui/src/components/common/TokenSelector/ChainFilterSidebar.tsx index 32e6b8687..0c68a17b5 100644 --- a/packages/ui/src/components/common/TokenSelector/ChainFilterSidebar.tsx +++ b/packages/ui/src/components/common/TokenSelector/ChainFilterSidebar.tsx @@ -131,6 +131,7 @@ export const ChainFilterSidebar: FC = ({ diff --git a/packages/ui/src/components/common/TokenSelector/triggers/TokenTrigger.tsx b/packages/ui/src/components/common/TokenSelector/triggers/TokenTrigger.tsx index febe530d2..cca526b9f 100644 --- a/packages/ui/src/components/common/TokenSelector/triggers/TokenTrigger.tsx +++ b/packages/ui/src/components/common/TokenSelector/triggers/TokenTrigger.tsx @@ -14,15 +14,15 @@ import useRelayClient from '../../../../hooks/useRelayClient.js' type TokenTriggerProps = { token?: Token locked?: boolean - isSingleChainLocked?: boolean address?: string + testId?: string } export const TokenTrigger: FC = ({ token, locked, - isSingleChainLocked, - address + address, + testId }) => { const relayClient = useRelayClient() const chain = relayClient?.chains?.find( @@ -50,6 +50,7 @@ export const TokenTrigger: FC = ({ backgroundColor: 'widget-selector-background' } }} + data-testid={testId} > = ({ alignItems: 'center', gap: '2' }} + data-testid="transaction-link" > {truncateAddress(txHash)} = ({ alignItems: 'center', gap: '2' }} + data-testid="refund-transaction-link" > {truncateAddress(refundTx?.txHash)} diff --git a/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx b/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx index e38445516..5de8ae0fd 100644 --- a/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx +++ b/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx @@ -424,8 +424,9 @@ const OnrampWidget: FC = ({ margin: '0 auto', marginBottom: '16px' }} + data-testid="onramp-token-select-button" > - + } /> @@ -558,6 +559,7 @@ const OnrampWidget: FC = ({ disablePasteWalletAddressOption={ disablePasteWalletAddressOption } + testId="onramp-wallet-select-button" /> ) : null} {!multiWalletSupportEnabled || !toChainWalletVMSupported ? ( diff --git a/packages/ui/src/components/widgets/SwapButton.tsx b/packages/ui/src/components/widgets/SwapButton.tsx index 92a0bdea2..e29767e3a 100644 --- a/packages/ui/src/components/widgets/SwapButton.tsx +++ b/packages/ui/src/components/widgets/SwapButton.tsx @@ -77,6 +77,7 @@ const SwapButton: FC = ({ isSameCurrencySameRecipientSwap || !recipientWalletSupportsChain)) } + data-testid="swap-button" onClick={() => { onClick() }} @@ -101,6 +102,7 @@ const SwapButton: FC = ({ context }) }} + data-testid="widget-connect-wallet-button" > Connect Wallet diff --git a/packages/ui/src/components/widgets/SwapWidget/index.tsx b/packages/ui/src/components/widgets/SwapWidget/index.tsx index 6b8cd2f78..13a22cd2f 100644 --- a/packages/ui/src/components/widgets/SwapWidget/index.tsx +++ b/packages/ui/src/components/widgets/SwapWidget/index.tsx @@ -791,6 +791,7 @@ const SwapWidget: FC = ({ setAddressModalOpen={setAddressModalOpen} wallets={linkedWallets!} onAnalyticEvent={onAnalyticEvent} + testId="origin-wallet-select-button" /> ) : null} @@ -899,8 +900,8 @@ const SwapWidget: FC = ({ } @@ -1274,6 +1275,7 @@ const SwapWidget: FC = ({ setAddressModalOpen={setAddressModalOpen} wallets={linkedWallets!} onAnalyticEvent={onAnalyticEvent} + testId="destination-wallet-select-button" /> ) : null} @@ -1420,8 +1422,8 @@ const SwapWidget: FC = ({ }