Report elements with pointer style

Report all elements that have cursor pointer style as that strongly
implies that the elements can be interacted with.

Signed-off-by: thc202 <thc202@gmail.com>

Author: thc202

CHANGELOG.md

@@ -3,6 +3,11 @@ All notable changes to the full browser extension will be documented in this fil
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## Unreleased
+
+### Added
+- Report elements that have cursor pointer style.
+
 ## 0.1.8 - 2025-12-12
 
 ### Changed

CHANGELOG.rec.md

@@ -3,6 +3,8 @@ All notable changes to the recorder browser extension will be documented in this
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## Unreleased
+
 ## 0.1.8 - 2025-12-12
 
 ### Changed

source/ContentScript/index.ts

@@ -184,6 +184,27 @@ function reportNodeElements(
   }
 }
 
+function reportPointerElements(
+  source: Element | Document,
+  fn: (re: ReportedObject) => void
+): void {
+  source.querySelectorAll('*').forEach((element) => {
+    const {tagName} = element;
+    const url = window.location.href;
+    if (
+      tagName !== 'input' &&
+      tagName !== 'button' &&
+      tagName !== 'a' &&
+      element instanceof Element
+    ) {
+      const compStyles = window.getComputedStyle(element, 'hover');
+      if (compStyles.getPropertyValue('cursor') === 'pointer') {
+        fn(new ReportedElement(element, url));
+      }
+    }
+  });
+}
+
 function reportPageLoaded(
   doc: Document,
   fn: (re: ReportedObject) => void
@@ -197,6 +218,7 @@ function reportPageLoaded(
   reportPageForms(doc, fn);
   reportElements(doc.getElementsByTagName('input'), fn);
   reportElements(doc.getElementsByTagName('button'), fn);
+  reportPointerElements(doc, fn);
   reportStorage(LOCAL_STORAGE, localStorage, fn);
   reportStorage(SESSION_STORAGE, sessionStorage, fn);
 }
@@ -209,10 +231,14 @@ const domMutated = function domMutation(
     reportEvent(new ReportedEvent('domMutation'));
     reportPageLinks(document, reportObject);
     reportPageForms(document, reportObject);
+    reportPointerElements(document, reportObject);
     for (const mutation of mutationList) {
       if (mutation.type === 'childList') {
         reportNodeElements(mutation.target, 'input', reportObject);
         reportNodeElements(mutation.target, 'button', reportObject);
+        if (mutation.target.nodeType === Node.ELEMENT_NODE) {
+          reportPointerElements(mutation.target as Element, reportObject);
+        }
       }
     }
   });