@reown/appkit-scaffold-ui/dist/esm/test/views/w3m-unsupported-chain-view.test.js

The full stack toolkit to build onchain app UX.

import { fixture } from '@open-wc/testing';
import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
import { html } from 'lit';
import { ChainController, ConnectionController, ConnectorController, OptionsController, RouterController, SnackController } from '@reown/appkit-controllers';
import { W3mUnsupportedChainView } from '../../src/views/w3m-unsupported-chain-view/index';
const TEST_CHAIN = 'eip155';
const TEST_CONNECTOR_ID = 'test-connector';
const MOCK_CONNECTION = {
    connectorId: 'other-connector',
    accounts: [{ address: '0x123', type: 'eoa' }]
};
beforeAll(() => {
    global.ResizeObserver = vi.fn().mockImplementation(() => ({
        observe: vi.fn(),
        unobserve: vi.fn(),
        disconnect: vi.fn()
    }));
});
describe('W3mUnsupportedChainView', () => {
    describe('Disconnect Logic', () => {
        let element;
        beforeEach(async () => {
            vi.clearAllMocks();
            vi.spyOn(ChainController, 'state', 'get').mockReturnValue({
                ...ChainController.state,
                activeChain: TEST_CHAIN
            });
            vi.spyOn(ConnectionController, 'disconnect').mockResolvedValue(undefined);
            vi.spyOn(ConnectionController, 'state', 'get').mockReturnValue({
                ...ConnectionController.state,
                connections: new Map([[TEST_CHAIN, []]]),
                recentConnections: new Map()
            });
            vi.spyOn(ConnectorController, 'state', 'get').mockReturnValue({
                ...ConnectorController.state,
                activeConnectorIds: { [TEST_CHAIN]: TEST_CONNECTOR_ID }
            });
            vi.spyOn(RouterController, 'reset').mockImplementation(() => { });
            vi.spyOn(RouterController, 'push').mockImplementation(() => { });
            vi.spyOn(RouterController, 'replace').mockImplementation(() => { });
            vi.spyOn(SnackController, 'showSuccess').mockImplementation(() => { });
            vi.spyOn(SnackController, 'showError').mockImplementation(() => { });
            vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
                ...OptionsController.state,
                remoteFeatures: { multiWallet: true }
            });
            element = await fixture(html `<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`);
        });
        it('should navigate to ProfileWallets and show success message when has connections and multiWallet is enabled', async () => {
            vi.spyOn(ConnectionController, 'getConnections').mockReturnValue([MOCK_CONNECTION]);
            vi.spyOn(ConnectionController, 'disconnect').mockResolvedValue(undefined);
            await element['onDisconnect']();
            expect(ConnectionController.disconnect).toHaveBeenCalledWith({
                id: TEST_CONNECTOR_ID,
                namespace: TEST_CHAIN
            });
            expect(RouterController.push).toHaveBeenCalledWith('ProfileWallets');
            expect(SnackController.showSuccess).toHaveBeenCalledWith('Wallet deleted');
        });
        it('should only disconnect when has no connections and multiWallet is enabled', async () => {
            vi.spyOn(ConnectionController, 'getConnections').mockReturnValue([]);
            vi.spyOn(ConnectionController, 'disconnect').mockResolvedValue(undefined);
            await element['onDisconnect']();
            expect(ConnectionController.disconnect).toHaveBeenCalledWith({
                id: TEST_CONNECTOR_ID,
                namespace: TEST_CHAIN
            });
            expect(RouterController.reset).not.toHaveBeenCalled();
            expect(RouterController.push).not.toHaveBeenCalled();
            expect(SnackController.showSuccess).not.toHaveBeenCalled();
        });
        it('should only disconnect when multiWallet is disabled even with existing connections', async () => {
            vi.spyOn(ConnectionController, 'state', 'get').mockReturnValue({
                ...ConnectionController.state,
                connections: new Map([[TEST_CHAIN, [MOCK_CONNECTION]]])
            });
            vi.spyOn(OptionsController, 'state', 'get').mockReturnValue({
                ...OptionsController.state,
                remoteFeatures: { multiWallet: false }
            });
            vi.spyOn(ConnectionController, 'disconnect').mockResolvedValue(undefined);
            element = await fixture(html `<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`);
            await element['onDisconnect']();
            expect(ConnectionController.disconnect).toHaveBeenCalledWith({});
            expect(RouterController.reset).not.toHaveBeenCalled();
            expect(RouterController.push).not.toHaveBeenCalled();
            expect(SnackController.showSuccess).not.toHaveBeenCalled();
        });
        it('should show error message when disconnect fails', async () => {
            const error = new Error('Disconnect failed');
            vi.spyOn(ConnectionController, 'disconnect').mockRejectedValue(error);
            await element['onDisconnect']();
            expect(SnackController.showError).toHaveBeenCalledWith('Failed to disconnect');
            expect(RouterController.reset).not.toHaveBeenCalled();
            expect(RouterController.push).not.toHaveBeenCalled();
            expect(SnackController.showSuccess).not.toHaveBeenCalled();
        });
    });
});
//# sourceMappingURL=w3m-unsupported-chain-view.test.js.map