import React from 'react';
import { screen } from '@testing-library/react';
import { renderInAppContext } from '@theorchard/suite-testing';
import LabelBaseTermsForm from 'src/components/contract-terms-form/label-base-terms-form';
import { CONTRACT_TERM_TYPES } from 'src/constants';
import { ContractTermContext } from 'src/contexts/contract-term-context';
import { initialTermState } from 'src/reducers/contract-term/contract-term-reducer';

const componentInContext = (contextValues: any) => (
    <ContractTermContext.Provider value={contextValues}>
        <LabelBaseTermsForm />
    </ContractTermContext.Provider>
);

describe('<LabelBaseTermsForm> tests', () => {
    it('renders <LabelBaseTermsForm>', () => {
        const contextValues = {
            state: {
                ...initialTermState,
                termType: CONTRACT_TERM_TYPES.LABEL,
            },
            dispatch: jest.fn(),
        };
        renderInAppContext(componentInContext(contextValues));

        expect(screen.getByText('Label')).toBeDefined();
    });
});