import React from 'react';
import { screen } from '@testing-library/react';
import { renderInAppContext } from '@theorchard/suite-testing';
import PaymentSpecificAccount from '../../../components/payment-group-form/payment-specific-account';

describe('<PaymentSpecificAccount />', () => {
    const props = {
        changeHandler: jest.fn(),
        formData: {},
        setAccountName: jest.fn(),
    };

    const render = () =>
        renderInAppContext(<PaymentSpecificAccount {...props} />, {});

    it('renders the multi-select account dropdown', () => {
        render();

        expect(screen.getByTestId('input-payment-name')).toBeDefined();
        expect(screen.getByText('Search for Accounts')).toBeDefined();
        expect(screen.getByText('Account(s)')).toBeInTheDocument();
        expect(screen.queryByText('Account Name')).not.toBeInTheDocument();
    });
});