import React from 'react';
import { screen } from '@testing-library/react';
import { createIdentity, renderInAppContext } from '@theorchard/suite-testing';
import { ABACUS_PROFILE } from 'src/constants';
import TransferProjects from '../transfer-projects';

const identity = createIdentity({ profileType: ABACUS_PROFILE });

describe('TransferProjects', () => {
    it('renders the page header', () => {
        renderInAppContext(<TransferProjects />, { identity });
        expect(screen.getByText('Transfer Projects')).toBeInTheDocument();
    });

    it('renders the New Transfer button', () => {
        renderInAppContext(<TransferProjects />, { identity });
        expect(
            screen.getByRole('button', { name: 'New Transfer' })
        ).toBeInTheDocument();
    });

    it('renders the transfer ID search filter', () => {
        renderInAppContext(<TransferProjects />, { identity });
        expect(
            screen.getByPlaceholderText('Filter by Transfer ID')
        ).toBeInTheDocument();
    });
});