Update playwright settings

Author: kdumontnu

Makefile

@@ -524,7 +524,7 @@ test-e2e-sqlite: build generate-ini-sqlite
 test-e2e-sqlite\#%: GOFLAGS+=sqlite sqlite_unlock_notify
 test-e2e-sqlite\#%: build generate-ini-sqlite
 	npx playwright install $(PLAYWRIGHT_FLAGS)
-	GITEA_ROOT=$(CURDIR) GITEA_EXECUTABLE=$(EXECUTABLE)GITEA_CONF=integrations/sqlite.ini E2E_TESTS=$* ./tools/e2e/run_e2e.sh
+	GITEA_ROOT=$(CURDIR) GITEA_EXECUTABLE=$(EXECUTABLE) GITEA_CONF=integrations/sqlite.ini E2E_TESTS=$* ./tools/e2e/run_e2e.sh
 
 .PHONY: test-e2e-mysql8
 test-e2e-mysql8: build generate-ini-mysql8

playwright.config.js

@@ -6,7 +6,8 @@ import {devices} from '@playwright/test';
  * @type {import('@playwright/test').PlaywrightTestConfig}
  */
 const config = {
-  testDir: './tools/e2e/tests',
+  testDir: './tools/e2e/tests',   // TODO: Change this to the ./web_src/ dir?
+  testMatch: /.*\.test\.e2e\.js/, // Match any .test.e2e.js files
 
   /* Maximum time one test can run for. */
   timeout: 30 * 1000,
@@ -41,6 +42,9 @@ const config = {
     /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
     actionTimeout: 1000,
 
+    /* Maximum time allowed for navigation, such as `page.goto()`. */
+    navigationTimeout: 5 * 1000,
+
     /* Base URL to use in actions like `await page.goto('/')`. */
     baseURL: 'http://localhost:3000',
 

tools/e2e/tests/example.spec.js

@@ -0,0 +1,9 @@
+// @ts-check
+import {test, expect} from '@playwright/test';
+
+test('Load Homepage', async ({page}) => {
+  const response = await page.goto('/');
+  await expect(response.status()).toBe(200); // Status OK
+  await expect(page).toHaveTitle(/^Gitea: Test\s*$/);
+  await expect(page.locator('.logo')).toHaveAttribute('src', '/assets/img/logo.svg');
+});