import React from 'react';
import { screen } from '@testing-library/react';
import { renderInAppContext } from '@theorchard/suite-testing';

import {
    AdjustmentsImportModal,
    AdjustmentsImportModalPropTypes,
} from '../adjustments-import-modal';

describe('<AdjustmentsImportModal>', () => {
    const props: AdjustmentsImportModalPropTypes = {
        isModalOpen: true,
        setIsModalOpen: jest.fn(),
    };

    const renderComponent = (props: AdjustmentsImportModalPropTypes) =>
        renderInAppContext(<AdjustmentsImportModal {...props} />);

    it('renders the modal header', () => {
        renderComponent(props);

        const title = screen.getByText('Add Adjustments File');
        expect(title).toBeDefined();

        const headerButton = screen.getByTestId('headerButton');
        expect(headerButton).toHaveTextContent('Cancel');
    });

    it('renders the adjustment file upload file screen', () => {
        renderComponent(props);

        const adjustmentsUploadFileScreen = screen.queryByTestId(
            'adjustmentsUploadFileScreen'
        );

        expect(adjustmentsUploadFileScreen).toBeDefined();
    });
});