feature: add debug hover page object module (#1249)

packages/page-object/src/parts/DebugHover/DebugHover.js

@@ -0,0 +1,23 @@
+export const create = ({ expect, page, VError }) => {
+  return {
+    async expandProperty(name) {
+      try {
+        const property = page.locator(`.debug-property[aria-label="${name}"]`)
+        await expect(property).toBeVisible()
+        await property.click()
+      } catch (error) {
+        throw new VError(error, `Failed to expand debug hover property`)
+      }
+    },
+    async collapseProperty(name) {
+      try {
+        const property = page.locator(`.debug-property[aria-label="${name}"]`)
+        await expect(property).toBeVisible()
+        await property.click()
+        await expect(property).toBeHidden()
+      } catch (error) {
+        throw new VError(error, `Failed to collapse debug hover property`)
+      }
+    },
+  }
+}

packages/page-object/src/parts/Parts/Parts.js

@@ -2,6 +2,7 @@ export * as ActivityBar from '../ActivityBar/ActivityBar.js'
 export * as Colors from '../Colors/Colors.js'
 export * as ContextMenu from '../ContextMenu/ContextMenu.js'
 export * as DebugConsole from '../DebugConsole/DebugConsole.js'
+export * as DebugHover from '../DebugHover/DebugHover.js'
 export * as DiffEditor from '../DiffEditor/DiffEditor.js'
 export * as DropDownContextMenu from '../DropDownContextMenu/DropDownContextMenu.js'
 export * as Editor from '../Editor/Editor.js'