test(ui): Add a very simple front page test

Login to the ORT Server UI as an admin, and assert that some elements
from the front page are rendered. This works as a crude smoke test for the
UI; if something totally breaks the UI, the front page won't even load, and
the test will fail.

Resolves #3789.

Signed-off-by: Jyrki Keisala <jyrki.keisala@doubleopen.org>

Author: Etsija

ui/tests/smoke-test.spec.ts

@@ -0,0 +1,19 @@
+import { expect, test } from '@playwright/test';
+
+test('test', async ({ page }) => {
+  await page.goto('http://localhost:5173');
+  await expect(
+    page.getByRole('heading', { name: 'Sign in to your account' })
+  ).toBeVisible();
+  await page.getByRole('textbox', { name: 'Username or email' }).click();
+  await page.getByRole('textbox', { name: 'Username or email' }).fill('admin');
+  await page.getByRole('textbox', { name: 'Username or email' }).press('Tab');
+  await page.getByRole('textbox', { name: 'Password' }).fill('admin');
+  await page.getByRole('button', { name: 'Sign In' }).click();
+  await expect(
+    page.getByText('Browse your organizations or create a new one')
+  ).toBeVisible();
+  await expect(
+    page.getByRole('link', { name: 'Add organization' })
+  ).toBeVisible();
+});