import React from 'react';
import { screen } from '@testing-library/react';
import { renderInAppContext } from '@theorchard/suite-testing';
import { ContractLifecycleFullscreenModal } from 'src/components/contract-lifecycle-create/contract-lifecycle-fullscreen-modal';

describe('<ContractLifecycleFullscreenModal>', () => {
    const renderComponent = () =>
        renderInAppContext(<ContractLifecycleFullscreenModal />);

    describe('checks to see if the proper frontend components rendered', () => {
        it('renders the appropriate title and button', () => {
            renderComponent();
            const titleElements = screen.getAllByText('Create Contract');
            expect(titleElements.length).toEqual(1);
            const headerButton = screen.queryByTestId('cancelButton');
            expect(headerButton).toBeDefined();
            expect(headerButton).toHaveTextContent('Cancel');
        });
    });
});