@empiricalrun/test-gen 0.38.8 → 0.38.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @empiricalrun/test-gen
 
+## 0.38.9
+
+### Patch Changes
+
+- 134f282: fix: annotations position after scroll
+
 ## 0.38.8
 
 ### Patch Changes

package/browser-injected-scripts/annotate-elements.js

@@ -313,20 +313,18 @@ function annotateClickableElements(options = {}) {
   var parentElements = [];
 
   // Create a hint marker
-  function createHintMarker(el, hint, parentElement) {
+  function createHintMarker(el, hint, parentElement, windowToAnnotate) {
     const rect = el.getBoundingClientRect();
-    const parentRect = parentElement.getBoundingClientRect();
     
     // Create the marker element
     const marker = document.createElement("div");
     marker.textContent = hint;
     marker.className = markerClass;
-  
     // Style the marker
     Object.assign(marker.style, {
       position: "absolute",
-      top: `${rect.top + parentRect.top}px`,
-      left: `${rect.left + parentRect.left}px`,
+      top: `${rect.top + windowToAnnotate.scrollY}px`,
+      left: `${rect.left + windowToAnnotate.scrollX}px`,
       background:
         "-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 247, 133)), to(rgb(255, 197, 66)))",
       padding: "1px 3px 0px",
@@ -389,7 +387,7 @@ function annotateClickableElements(options = {}) {
       const rect = el.getBoundingClientRect();
   
       // Use createHintMarker with the specified container
-      createHintMarker(el, hint, container);
+      createHintMarker(el, hint, container, windowToAnnotate);
       el.style.boxShadow = `inset 0 0 0px 2px red`;
 
       // Add element details to the annotations map

package/dist/browser-injected-scripts/annotate-elements.js

@@ -313,20 +313,18 @@ function annotateClickableElements(options = {}) {
   var parentElements = [];
 
   // Create a hint marker
-  function createHintMarker(el, hint, parentElement) {
+  function createHintMarker(el, hint, parentElement, windowToAnnotate) {
     const rect = el.getBoundingClientRect();
-    const parentRect = parentElement.getBoundingClientRect();
     
     // Create the marker element
     const marker = document.createElement("div");
     marker.textContent = hint;
     marker.className = markerClass;
-  
     // Style the marker
     Object.assign(marker.style, {
       position: "absolute",
-      top: `${rect.top + parentRect.top}px`,
-      left: `${rect.left + parentRect.left}px`,
+      top: `${rect.top + windowToAnnotate.scrollY}px`,
+      left: `${rect.left + windowToAnnotate.scrollX}px`,
       background:
         "-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 247, 133)), to(rgb(255, 197, 66)))",
       padding: "1px 3px 0px",
@@ -389,7 +387,7 @@ function annotateClickableElements(options = {}) {
       const rect = el.getBoundingClientRect();
   
       // Use createHintMarker with the specified container
-      createHintMarker(el, hint, container);
+      createHintMarker(el, hint, container, windowToAnnotate);
       el.style.boxShadow = `inset 0 0 0px 2px red`;
 
       // Add element details to the annotations map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empiricalrun/test-gen",
-  "version": "0.38.8",
+  "version": "0.38.9",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"