test(playwright): add complete Grid.js Docs automation tests (Data, From, Server) and update Playwright config

Author: basithbahi

package-lock.json

@@ -7,7 +7,12 @@
     "start": "docusaurus start",
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",
-    "deploy": "docusaurus deploy"
+    "deploy": "docusaurus deploy",
+
+    "test": "playwright test",
+    "test:list": "playwright test --list",
+    "test:ui": "playwright test --ui",
+    "show-report": "playwright show-report"
   },
   "dependencies": {
     "@docusaurus/core": "^2.2.0",
@@ -25,18 +30,11 @@
     "react-dom": "^17.0.2"
   },
   "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+    "production": [">0.2%","not dead","not op_mini all"],
+    "development": ["last 1 chrome version","last 1 firefox version","last 1 safari version"]
   },
   "devDependencies": {
+    "@playwright/test": "^1.56.1",
     "@types/faker": "^5.5.6"
   }
 }

package.json

@@ -0,0 +1,24 @@
+/** @type {import('@playwright/test').PlaywrightTestConfig} */
+const config = {
+  testDir: 'tests',
+  testMatch: /.*\.js$/, // biar 01_Data.js ikut discan
+  testIgnore: [],
+
+  timeout: 30_000,
+  expect: { timeout: 10_000 },
+
+  use: {
+    baseURL: process.env.BASE_URL || 'http://localhost:3000',
+    headless: true,
+    trace: 'retain-on-failure',
+    screenshot: 'only-on-failure',
+    video: 'off'
+  },
+
+  projects: [
+    { name: 'chromium', use: { browserName: 'chromium' } }
+  ],
+
+  reporter: [['html', { open: 'never' }]]
+};
+module.exports = config;

playwright-report/index.html

@@ -0,0 +1,4 @@
+{
+  "status": "passed",
+  "failedTests": []
+}