polkadot-js/extension

// Copyright 2019-2024 @polkadot/extension-ui authors & contributors
// SPDX-License-Identifier: Apache-2.0

/// <reference types="@polkadot/dev-test/globals" />

import '@polkadot/extension-mocks/chrome';

import type { ReactWrapper } from 'enzyme';
import type { AccountJson, AuthorizeRequest } from '@polkadot/extension-base/background/types';

import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
import enzyme from 'enzyme';
import React from 'react';

import { AccountContext, AuthorizeReqContext, Warning } from '../../components/index.js';
import { Header } from '../../partials/index.js';
import { buildHierarchy } from '../../util/buildHierarchy.js';
import Account from '../Accounts/Account.js';
import Authorize from './index.js';
import Request from './Request.js';

const { configure, mount } = enzyme;

// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call
configure({ adapter: new Adapter() });

const oneRequest = [{ id: '1', request: { origin: '???' }, url: 'http://polkadot.org' }];

const twoRequests = [
  ...oneRequest,
  { id: '2', request: { origin: 'abc' }, url: 'http://polkadot.pl' }
];

const oneAccount = [
  { address: '5FjgD3Ns2UpnHJPVeRViMhCttuemaRXEqaD8V5z4vxcsUByA', name: 'A', type: 'sr25519' }
] as AccountJson[];

const twoAccountsOnehidden = [
  ...oneAccount,
  { address: '5GYmFzQCuC5u3tQNiMZNbFGakrz3Jq31NmMg4D2QAkSoQ2g5', isHidden: true, name: 'B', type: 'sr25519' }
] as AccountJson[];

const threeAccountsOnehidden = [
  ...twoAccountsOnehidden,
  { address: '5D2TPhGEy2FhznvzaNYW9AkuMBbg3cyRemnPsBvBY4ZhkZXA', name: 'BB', parentAddress: twoAccountsOnehidden[1].address, type: 'sr25519' }
] as AccountJson[];

describe('Authorize', () => {
  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
  const mountAuthorize = (authorizeRequests: AuthorizeRequest[] = [], accounts: AccountJson[] = oneAccount): ReactWrapper => mount(
    <AuthorizeReqContext.Provider value={authorizeRequests}>
      <AccountContext.Provider
        value={{
          accounts,
          hierarchy: accounts ? buildHierarchy(accounts) : []
        }}
      >
        <Authorize />
      </AccountContext.Provider>
    </AuthorizeReqContext.Provider>);

  it('render component', () => {
    const wrapper = mountAuthorize();

    expect(wrapper.find(Header).text()).toBe('Account connection request');
    expect(wrapper.find(Request).length).toBe(0);
  });

  it('render requests', () => {
    const wrapper = mountAuthorize(oneRequest);

    expect(wrapper.find(Request).length).toBe(1);
    expect(wrapper.find(Request).find('.warning-message').text()).toBe('An application, self-identifying as ??? is requesting access from http://polkadot.org');
  });

  it('render more request but just one accept button', () => {
    const wrapper = mountAuthorize(twoRequests);

    expect(wrapper.find(Request).length).toBe(2);
    expect(wrapper.find(Warning).length).toBe(2);
    expect(wrapper.find(Request).at(1).find('.warning-message').text()).toBe('An application, self-identifying as abc is requesting access from http://polkadot.pl');
    expect(wrapper.find('button.acceptButton').length).toBe(1);
  });

  it('render a warning and explication text when there is no account', () => {
    const wrapper = mountAuthorize(oneRequest, []);

    expect(wrapper.find(Request).length).toBe(1);
    expect(wrapper.find(Request).find('.warning-message').text()).toBe("You do not have any account. Please create an account and refresh the application's page.");
    expect(wrapper.find('button.acceptButton').length).toBe(1);
  });

  it('show the right amount of accounts', () => {
    const wrapper = mountAuthorize(oneRequest);

    expect(wrapper.find(Request).length).toBe(1);
    expect(wrapper.find(Account).length).toBe(1);
    expect(wrapper.find('button.acceptButton').length).toBe(1);
  });

  it('does not show the hidden accounts', () => {
    const wrapper = mountAuthorize(oneRequest, twoAccountsOnehidden);

    expect(wrapper.find(Request).length).toBe(1);
    expect(wrapper.find(Account).length).toBe(1);
  });

  it('shows the children of hidden accounts', () => {
    const wrapper = mountAuthorize(oneRequest, threeAccountsOnehidden);

    expect(wrapper.find(Request).length).toBe(1);
    expect(wrapper.find(Account).length).toBe(2);
  });
});