@test2doc/playwright 0.5.6 → 0.6.0

package/README.md

@@ -267,4 +267,26 @@ test.describe(withDocMeta("describe block"), async () => {
       })
     })
   })
+```
+
+##### Add a label while highlighting an element
+In case the highlight is not enough, you can add a label under the highlighted element.
+
+```ts
+import { screenshot } from "@test2doc/playwright/screenshots"
+...
+
+test.describe(withDocMeta("describe block"), async () => {
+    test("test block", async ({ page }, testInfo) => {
+      ...
+      test.step("step block", async () => {
+        await page.goto("http://localhost:5173/")
+        await screenshot(
+          testInfo,
+          page.getByRole("header", {name: "Page Title"},
+          { label: { text: "Heading of the Page" } }
+        ))
+      })
+    })
+  })
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@test2doc/playwright",
-  "version": "0.5.6",
+  "version": "0.6.0",
   "description": "A reporter that generates docs based off playwright test files",
   "keywords": [
     "documentation",
@@ -59,14 +59,17 @@
     "@playwright/test": "^1.54.1"
   },
   "devDependencies": {
-    "vitest": "^3.2.4",
-    "@types/node": "^24.0.4"
+    "@playwright/test": "^1.55.0",
+    "@types/node": "^24.0.4",
+    "vitest": "^3.2.4"
   },
   "scripts": {
     "clean": "rm -rf dist",
     "build": "tsc --project tsconfig.json",
     "build:watch": "tsc --project tsconfig.json --watch",
-    "test": "vitest",
+    "test": "vitest run && pnpm int",
+    "unit": "vitest",
+    "int": "playwright test",
     "lint": "biome lint .",
     "format": "biome format --write ."
   }