import React from 'react';
import { render } from '@testing-library/react';
import HeaderDropdownLoader, {
    CLASSNAME_WRAPPER,
} from '../header-dropdown-loader';

describe('<HeaderDropdownLoader>', () => {
    test('has correct props', () => {
        const { container } = render(<HeaderDropdownLoader />);
        // LoaderWrapper wraps with the CLASSNAME_WRAPPER class
        expect(
            container.querySelector(`.${CLASSNAME_WRAPPER}`)
        ).toBeInTheDocument();
    });

    test('renders items correctly', () => {
        const { container } = render(<HeaderDropdownLoader />);
        // LoaderWrapper renders 1 item (default numberOfItems=1) using HeaderDropdownLoaderItem
        // which renders a div with class HeaderDropdownLoader-item
        const items = container.querySelectorAll('.HeaderDropdownLoader-item');
        expect(items.length).toEqual(1);
    });
});