@reown/appkit-scaffold-ui/dist/esm/test/partials/w3m-input-token.test.js

#### 🔗 [Website](https://reown.com/appkit)

import { fixture } from '@open-wc/testing';
import { afterEach, beforeAll, describe, expect, it, vi } from 'vitest';
import { html } from 'lit';
import { ConstantsUtil, RouterController, SendController } from '@reown/appkit-controllers';
import { UiHelperUtil } from '@reown/appkit-ui';
import { W3mInputToken } from '../../src/partials/w3m-input-token';
const MOCK_TOKEN = {
    address: '0x123',
    symbol: 'MOCK',
    name: 'Mock Token',
    quantity: {
        decimals: '18',
        numeric: '100'
    },
    price: 1,
    iconUrl: 'https://mock.token/icon.png'
};
const MOCK_NATIVE_TOKEN = {
    address: ConstantsUtil.NATIVE_TOKEN_ADDRESS.eip155,
    chainId: '1',
    symbol: 'ETH',
    name: 'Ethereum',
    quantity: {
        decimals: '18',
        numeric: '10'
    },
    price: 2000,
    iconUrl: 'https://ethereum.org/eth.png'
};
describe('W3mInputToken', () => {
    beforeAll(() => {
        vi.spyOn(UiHelperUtil, 'formatNumberToLocalString').mockImplementation(num => num?.toString() ?? '');
        vi.spyOn(UiHelperUtil, 'roundNumber').mockImplementation(num => num?.toString() ?? '');
    });
    afterEach(() => {
        vi.clearAllMocks();
    });
    it('should render disabled input when no token is selected', async () => {
        const element = await fixture(html `<w3m-input-token></w3m-input-token>`);
        const input = element.shadowRoot?.querySelector('wui-input-amount');
        expect(input?.getAttribute('disabled')).toBe('');
        const selectButton = element.shadowRoot?.querySelector('wui-button');
        expect(selectButton?.textContent?.trim()).toBe('Select token');
    });
    it('should render token button with correct details when token is provided', async () => {
        const element = await fixture(html `<w3m-input-token .token=${MOCK_TOKEN}></w3m-input-token>`);
        const tokenButton = element.shadowRoot?.querySelector('wui-token-button');
        expect(tokenButton?.getAttribute('text')).toBe(MOCK_TOKEN.symbol);
        expect(tokenButton?.getAttribute('imageSrc')).toBe(MOCK_TOKEN.iconUrl);
    });
    it('should navigate to select token view when token button is clicked', async () => {
        const pushSpy = vi.spyOn(RouterController, 'push');
        const element = await fixture(html `<w3m-input-token .token=${MOCK_TOKEN}></w3m-input-token>`);
        const tokenButton = element.shadowRoot?.querySelector('wui-token-button');
        tokenButton?.click();
        expect(pushSpy).toHaveBeenCalledWith('WalletSendSelectToken');
    });
    it('should display total value when token amount is set', async () => {
        const element = await fixture(html `<w3m-input-token .token=${MOCK_TOKEN} .sendTokenAmount=${50}></w3m-input-token>`);
        const totalValue = element.shadowRoot?.querySelector('.totalValue');
        expect(totalValue?.textContent).toBe('$50');
    });
    it('should handle max amount click for non-native token', async () => {
        const setTokenAmountSpy = vi.spyOn(SendController, 'setTokenAmount');
        const element = await fixture(html `<w3m-input-token .token=${MOCK_TOKEN} .gasPrice=${1000000000}></w3m-input-token>`);
        const maxLink = element.shadowRoot?.querySelector('wui-link');
        maxLink?.click();
        expect(setTokenAmountSpy).toHaveBeenCalledWith(100);
    });
    it('should handle max amount click for native token', async () => {
        const setTokenAmountSpy = vi.spyOn(SendController, 'setTokenAmount');
        const element = await fixture(html `<w3m-input-token .token=${MOCK_NATIVE_TOKEN} .gasPrice=${1000000000}></w3m-input-token>`);
        const maxLink = element.shadowRoot?.querySelector('wui-link');
        maxLink?.click();
        expect(setTokenAmountSpy).toHaveBeenCalled();
    });
    it('should show buy link when amount exceeds balance', async () => {
        const element = await fixture(html `<w3m-input-token .token=${MOCK_TOKEN} .sendTokenAmount=${150}></w3m-input-token>`);
        const buyLink = element.shadowRoot?.querySelector('wui-link');
        expect(buyLink?.textContent?.trim()).toBe('Buy');
    });
    it('should navigate to OnRampProviders when buy link is clicked', async () => {
        const pushSpy = vi.spyOn(RouterController, 'push');
        const element = await fixture(html `<w3m-input-token .token=${MOCK_TOKEN} .sendTokenAmount=${150}></w3m-input-token>`);
        const buyLink = element.shadowRoot?.querySelector('wui-link');
        buyLink?.click();
        expect(pushSpy).toHaveBeenCalledWith('OnRampProviders');
    });
    it('should update token amount when input changes', async () => {
        const setTokenAmountSpy = vi.spyOn(SendController, 'setTokenAmount');
        const element = await fixture(html `<w3m-input-token .token=${MOCK_TOKEN}></w3m-input-token>`);
        const input = element.shadowRoot?.querySelector('wui-input-amount');
        input?.dispatchEvent(new CustomEvent('inputChange', { detail: 75 }));
        expect(setTokenAmountSpy).toHaveBeenCalledWith(75);
    });
});
//# sourceMappingURL=w3m-input-token.test.js.map