import React from 'react';
import { screen } from '@testing-library/react';
import { renderInAppContext } from '@theorchard/suite-testing';
import { ProgressModal, ProgressModalPropTypes } from '../progress-modal';

describe('<ProgressModal>', () => {
    const defaultProps = {
        headerLabel: 'HEADER',
        isOpen: true,
        modalContent: 'Saving in progress',
        footer: 'test footer',
        className: 'ProgresBar',
    };

    const render = (props: ProgressModalPropTypes) =>
        renderInAppContext(<ProgressModal {...props} />);

    it('renders a Modal with default props', () => {
        render(defaultProps);
        expect(screen.getByText(defaultProps.headerLabel)).toBeDefined();
        expect(screen.getByText(defaultProps.modalContent)).toBeDefined();
        expect(screen.getByText(defaultProps.footer)).toBeDefined();
        expect(screen.getByTestId('ProgressModalSpinner')).toBeDefined();
    });
});