test(e2e): add Playwright linting and handle detected issue

Author: KristjanESPERANTO

eslint.config.mjs

@@ -4,6 +4,7 @@ import {flatConfigs as importX} from "eslint-plugin-import-x";
 import js from "@eslint/js";
 import jsdocPlugin from "eslint-plugin-jsdoc";
 import packageJson from "eslint-plugin-package-json";
+import playwright from "eslint-plugin-playwright";
 import stylistic from "@stylistic/eslint-plugin";
 import vitest from "eslint-plugin-vitest";
 
@@ -139,5 +140,12 @@ export default defineConfig([
 		rules: {
 			"@stylistic/quotes": "off"
 		}
+	},
+	{
+		files: ["tests/e2e/**/*.js"],
+		extends: [playwright.configs["flat/recommended"]],
+		rules: {
+			"playwright/no-standalone-expect": "off"
+		}
 	}
 ]);

package-lock.json

@@ -106,6 +106,7 @@
 		"eslint-plugin-import-x": "^4.16.1",
 		"eslint-plugin-jsdoc": "^61.1.11",
 		"eslint-plugin-package-json": "^0.59.1",
+		"eslint-plugin-playwright": "^2.3.0",
 		"eslint-plugin-vitest": "^0.5.4",
 		"express-basic-auth": "^1.2.1",
 		"husky": "^9.1.7",

package.json

@@ -24,7 +24,6 @@ describe("App environment", () => {
 	});
 
 	it("should show the title MagicMirror²", async () => {
-		const title = await page.locator("title").textContent();
-		expect(title).toBe("MagicMirror²");
+		await expect(page).toHaveTitle("MagicMirror²");
 	});
 });