import React from 'react';
import { render } from '@testing-library/react';
import LoadingIndicator from '../loading-indicator';

jest.mock('src/utils', () => ({
    formatMessage: (msg: string) => msg,
}));

describe('<LoadingIndicator>', () => {
    describe('on loading', () => {
        test('renders empty div', () => {
            const { container } = render(<LoadingIndicator />);
            expect(container.innerHTML).toEqual('<div></div>');
        });
    });

    describe('on error', () => {
        test('renders ErrorMessage component', () => {
            const { getByText } = render(
                <LoadingIndicator error={{ message: 'ERROR' }} />
            );
            expect(getByText('errors.default')).toBeInTheDocument();
        });
    });
});