import React from 'react';
import { renderInAppContext } from '@theorchard/suite-testing';
import RepertoirePage, { CLASSNAME } from '../repertoirePage';

describe('<RepertoirePage>', () => {
    const renderPage = () => renderInAppContext(<RepertoirePage />);

    test('has classname', () => {
        const { container } = renderPage();
        const classname = container.getElementsByClassName(CLASSNAME).item(0);

        expect(classname).toBeVisible();
    });

    test('renders Add Song Button', () => {
        const { container } = renderPage();

        expect(container.querySelector('.AddSongButton')).toBeVisible();
    });
});