import {Page} from 'puppeteer';
import {newTest, GotifyTest} from './setup';
import {count, innerText, waitForExists, waitToDisappear, clearField} from './utils';
import {afterAll, beforeAll, describe, expect, it} from 'vitest';
import * as auth from './authentication';
import * as selector from './selector';

let page: Page;
let gotify: GotifyTest;
beforeAll(async () => {
    gotify = await newTest();
    page = gotify.page;
});

afterAll(async () => await gotify.close());

enum Col {
    Name = 2,
    Token = 3,
    Description = 4,
    DefaultPriority = 5,
    LastUsed = 6,
    EditUpdate = 7,
    EditDelete = 8,
}

const hiddenToken = '•••••••••••••••';

const $table = selector.table('#app-table');
const $dialog = selector.form('#app-dialog');

const waitforApp =
    (name: string, description: string, row: number): (() => Promise<void>) =>
    async () => {
        await waitForExists(page, $table.cell(row, Col.Name), name);
        expect(await innerText(page, $table.cell(row, Col.Token))).toBe(hiddenToken);
        expect(await innerText(page, $table.cell(row, Col.Description))).toBe(description);
    };

const updateApp =
    (id: number, data: {name?: string; description?: string}): (() => Promise<void>) =>
    async () => {
        await page.click($table.cell(id, Col.EditUpdate, '.edit'));
        await page.waitForSelector($dialog.selector());
        if (data.name) {
            const nameSelector = $dialog.input('.name');
            await clearField(page, nameSelector);
            await page.type(nameSelector, data.name);
        }
        if (data.description) {
            const descSelector = $dialog.textarea('.description');
            await clearField(page, descSelector);
            await page.type(descSelector, data.description);
        }
        await page.click($dialog.button('.update'));
        await waitToDisappear(page, $dialog.selector());
    };

const createApp =
    (name: string, description: string): (() => Promise<void>) =>
    async () => {
        await page.click('#create-app');
        await page.waitForSelector($dialog.selector());
        await page.type($dialog.input('.name'), name);
        await page.type($dialog.textarea('.description'), description);
        await page.click($dialog.button('.create'));
        await waitToDisappear(page, $dialog.selector());
    };

describe('Application', () => {
    it('does login', async () => await auth.login(page));
    it('navigates to applications', async () => {
        await page.click('#navigate-apps');
        await waitForExists(page, selector.heading(), 'Applications');
    });
    it('has changed url', async () => {
        expect(page.url()).toContain('/applications');
    });
    it('does not have any applications', async () => {
        expect(await count(page, $table.rows())).toBe(0);
    });
    describe('create apps', () => {
        it('server', createApp('server', '#1'));
        it('desktop', createApp('desktop', '#2'));
        it('raspberry', createApp('raspberry', '#3'));
    });
    describe('has created apps', () => {
        it('has three apps', async () => {
            await page.waitForSelector($table.row(3));
            expect(await count(page, $table.rows())).toBe(3);
        });
        it('has server app', waitforApp('server', '#1', 1));
        it('has desktop app', waitforApp('desktop', '#2', 2));
        it('has raspberry app', waitforApp('raspberry', '#3', 3));
        it('shows token', async () => {
            await page.click($table.cell(3, Col.Token, '.toggle-visibility'));
            const token = await innerText(page, $table.cell(3, Col.Token));
            expect(token.startsWith('A')).toBeTruthy();
            await page.click($table.cell(3, Col.Token, '.toggle-visibility'));
        });
    });
    it('updates application', async () => {
        await updateApp(1, {name: 'server_linux'})();
        await updateApp(2, {description: 'kitchen_computer'})();
        await updateApp(3, {name: 'raspberry_pi', description: 'home_pi'})();
    });
    it('has updated application', async () => {
        await waitforApp('server_linux', '#1', 1)();
        await waitforApp('desktop', 'kitchen_computer', 2)();
        await waitforApp('raspberry_pi', 'home_pi', 3)();
    });
    it('deletes application', async () => {
        await page.click($table.cell(2, Col.EditDelete, '.delete'));

        await page.waitForSelector(selector.$confirmDialog.selector());
        await page.click(selector.$confirmDialog.button('.confirm'));
    });
    it('has deleted application', async () => {
        await waitToDisappear(page, $table.row(3));
        expect(await count(page, $table.rows())).toBe(2);
    });
    it('does logout', async () => await auth.logout(page));
});