Add client test

ui/src/tests/client.test.ts

@@ -0,0 +1,85 @@
+import {Page} from 'puppeteer';
+import {newTest, GotifyTest} from './setup';
+import {count, innerText, waitForExists, waitToDisappear} from './utils';
+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 = 1,
+    Token = 2,
+    Delete = 3,
+}
+
+const $table = selector.table('#client-table');
+const $dialog = selector.form('#client-dialog');
+
+describe('Client', () => {
+    it('does login', async () => await auth.login(page));
+    it('navigates to clients', async () => {
+        await page.click('#navigate-clients');
+        await waitForExists(page, selector.heading(), 'Clients');
+    });
+    it('has changed url', async () => {
+        expect(page.url()).toContain('/clients');
+    });
+    it('has one client (the current session)', async () => {
+        expect(await count(page, $table.rows())).toBe(1);
+    });
+    describe('create clients', () => {
+        const createClient = (name: string): (() => Promise<void>) => {
+            return async () => {
+                await page.click('#create-client');
+                await page.waitForSelector($dialog.selector());
+                await page.type($dialog.input('.name'), name);
+                await page.click($dialog.button('.create'));
+            };
+        };
+        it('phone', createClient('phone'));
+        it('desktop app', createClient('desktop app'));
+    });
+    it('has created clients', async () => {
+        await page.waitForSelector($table.row(3));
+
+        expect(await count(page, $table.rows())).toBe(3);
+
+        expect(await innerText(page, $table.cell(1, Col.Name))).toContain('chrome');
+        expect(await innerText(page, $table.cell(2, Col.Name))).toBe('phone');
+        expect(await innerText(page, $table.cell(3, Col.Name))).toBe('desktop app');
+    });
+    it('shows token', async () => {
+        await page.click($table.cell(3, Col.Token, '.toggle-visibility'));
+        expect((await innerText(page, $table.cell(3, Col.Token))).startsWith('C')).toBeTruthy();
+    });
+    it('deletes client', async () => {
+        await page.click($table.cell(2, Col.Delete, '.delete'));
+
+        await page.waitForSelector(selector.$confirmDialog.selector());
+        await page.click(selector.$confirmDialog.button('.confirm'));
+    });
+    it('has deleted client', async () => {
+        await waitToDisappear(page, $table.row(3));
+
+        expect(await count(page, $table.rows())).toBe(2);
+    });
+    // tslint:disable-next-line:no-identical-functions
+    it('deletes own client', async () => {
+        await page.click($table.cell(1, Col.Delete, '.delete'));
+
+        // confirm delete
+        await page.waitForSelector(selector.$confirmDialog.selector());
+        await page.click(selector.$confirmDialog.button('.confirm'));
+    });
+    it('automatically logs out', async () => {
+        await waitForExists(page, selector.heading(), 'Login');
+    });
+});