feat(tests): add weather service and API mocking with Playwright

Author: jellydn

.gitignore

@@ -69,3 +69,5 @@ dist
 # Envrc file
 .envrc
 generated/sdk
+playwright-report
+test-results

moleculer.config.ts

@@ -39,7 +39,7 @@ const config: BrokerOptions = {
 
     // Enable/disable logging or use custom logger. More info: https://moleculer.services/docs/0.14/logging.html
     // Available logger types: "Console", "File", "Pino", "Winston", "Bunyan", "debug", "Log4js", "Datadog"
-    logger: {
+    logger: [{
         // Note: Change to Console if you want to see the logger output
         type: "Pino",
         options: {
@@ -50,10 +50,10 @@ const config: BrokerOptions = {
                 },
             },
         },
-    },
-    // Default log level for built-in console logger. It can be overwritten in logger options above.
-    // Available values: trace, debug, info, warn, error, fatal
-    logLevel: "info",
+    }, {
+        type: "Console",
+    }],
+
 
     // Define transporter.
     // More info: https://moleculer.services/docs/0.14/networking.html

package.json

@@ -2,7 +2,11 @@
   "name": "moleculer-typescript-template",
   "version": "0.3.0",
   "description": "My Moleculer-based microservices project",
-  "keywords": ["microservices", "moleculer", "moleculer typescript template"],
+  "keywords": [
+    "microservices",
+    "moleculer",
+    "moleculer typescript template"
+  ],
   "license": "MIT",
   "author": "Huynh Duc Dung",
   "scripts": {
@@ -13,9 +17,9 @@
     "start": "npx tsx ./server.ts",
     "cli": "NODE_OPTIONS='--import tsx' moleculer-connect --env --config moleculer.config.ts --transporter NATS",
     "ci": "biome ci .",
-    "test:ci": "vitest --watch",
-    "test": "vitest --run",
-    "test:coverage": "vitest --coverage",
+    "test:ci": "vitest --watch --exclude 'tests/**'",
+    "test": "vitest --run --exclude 'tests/**'",
+    "test:coverage": "vitest --coverage --exclude 'tests/**'",
     "test:ui": "vitest --ui",
     "build": "tsup --env.NODE_ENV production",
     "format": "biome format . --write",
@@ -30,7 +34,10 @@
     "generate:action": "hygen action new --name",
     "generate:swagger": "npx tsx cli.ts",
     "generate:sdk": "openapi-ts",
-    "typecheck": "npm run generate:sdk && tsc -b"
+    "typecheck": "npm run generate:sdk && tsc -b",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:debug": "DEBUG=pw:* playwright test --debug"
   },
   "dependencies": {
     "@asteasolutions/zod-to-openapi": "7.3.0",
@@ -51,6 +58,7 @@
     "@biomejs/biome": "1.9.4",
     "@flydotio/dockerfile": "0.6.1",
     "@hey-api/openapi-ts": "0.61.2",
+    "@playwright/test": "^1.49.1",
     "@types/express": "5.0.0",
     "@types/jest": "29.5.14",
     "@types/lodash": "4.17.14",
@@ -67,6 +75,7 @@
     "moleculer-connect": "0.2.2",
     "moleculer-io": "2.2.0",
     "moleculer-repl": "0.7.4",
+    "msw": "2.1.0",
     "npm-run-all2": "7.0.2",
     "pino-pretty": "13.0.0",
     "sort-package-json": "2.12.0",
@@ -82,4 +91,4 @@
   "engines": {
     "node": ">= 18.17.x"
   }
-}
+}

playwright.config.ts

@@ -0,0 +1,35 @@
+import { defineConfig, devices } from "@playwright/test";
+
+export default defineConfig({
+	testDir: "./tests",
+	fullyParallel: true,
+	forbidOnly: !!process.env.CI,
+	retries: process.env.CI ? 2 : 0,
+	workers: process.env.CI ? 1 : undefined,
+	reporter: "html",
+	use: {
+		baseURL: "http://localhost:4567",
+		trace: "on-first-retry",
+	},
+
+	projects: [
+		{
+			name: "chromium",
+			use: { ...devices["Desktop Chrome"] },
+		},
+		{
+			name: "firefox",
+			use: { ...devices["Desktop Firefox"] },
+		},
+		{
+			name: "webkit",
+			use: { ...devices["Desktop Safari"] },
+		},
+	],
+
+	webServer: {
+		command: "npm run dev",
+		url: "http://localhost:4567",
+		reuseExistingServer: !process.env.CI,
+	},
+});