import React from 'react';
import { screen } from '@testing-library/react';
import { renderInAppContext } from '@theorchard/suite-testing';
import {
    ExchangeRates,
    ExchangeRatesProps,
} from 'src/components/accounting-period/exchange-rates';

describe('<ExchangeRates>', () => {
    const render = (props: ExchangeRatesProps) =>
        renderInAppContext(<ExchangeRates {...props} />);

    afterEach(jest.restoreAllMocks);

    it('renders when exchange rates for statement period is not uploaded', () => {
        render({ exchangeRatesUploaded: false });
        expect(screen.getByText('ADD EXCHANGE RATES IN ADMIN')).toBeDefined();
    });

    it('renders when exchange rates for statement period is uploaded', () => {
        render({ exchangeRatesUploaded: true });
        expect(screen.getByText('Exchange Rates')).toBeDefined();
        expect(screen.getByTestId('CheckGlyphIcon')).toBeDefined();
    });
});