import { render, screen } from '@testing-library/react';
import { LoadingOverlay } from './LoadingOverlay';

describe('<LoadingOverlay>', () => {
    it('should render loading overlay', () => {
        render(<LoadingOverlay />);

        expect(screen.getByRole('status')).toBeVisible();
    });

    it('should render alt text', () => {
        const altText = 'Loading...';
        render(<LoadingOverlay altText={altText} />);

        const element = screen.getByText(altText);

        expect(element).toBeInTheDocument();
        expect(element).toHaveClass('sr-only');
    });
});