import { describe, it, afterEach, expect, $, click, sleep, closeAll } from './runner.js';

describe('Gallery', () => {
    afterEach(() => closeAll());

    it('button exists', () => {
        expect($('#gallery-btn')).toExist();
    });

    it('opens on button click', async () => {
        click('#gallery-btn');
        await sleep(250);
        expect($('#gallery')).toBeVisible();
    });

    it('grid has no text selection', () => {
        expect($('#gallery-grid').classList.contains('select-none')).toBe(true);
    });

    it('shows image count', async () => {
        click('#gallery-btn');
        await sleep(250);
        expect($('#gallery-count')).toExist();
    });

    it('closes on close button', async () => {
        click('#gallery-btn');
        await sleep(200);
        click('#gallery-close');
        await sleep(150);
        expect($('#gallery')).toBeHidden();
    });
});