@empiricalrun/test-gen 0.38.8 → 0.38.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @empiricalrun/test-gen
 
+## 0.38.10
+
+### Patch Changes
+
+- e3f04e6: fix: add support for injecting script before agent action
+
+## 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/agent/master/run.js

@@ -189,9 +189,9 @@ async function createTestUsingMasterAgent({ task, page, testCase, options, scope
             page = actions.getStateVariables()[plannerResp.pageName];
             // update page in actions
             testGenPage.updatePage({ page, name: plannerResp.pageName });
-            // inject scripts in the updated
-            await (0, utils_2.injectPwLocatorGenerator)(testGenPage.pwPageInstance);
         }
+        // inject scripts in the page
+        await (0, utils_2.injectPwLocatorGenerator)(testGenPage.pwPageInstance);
         const buffer = await page.screenshot({
         //This is done to improve element annotation accuracy, anyways it doesn't annotate elements which are out of viewport
         // fullPage: true,

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.10",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
@@ -58,9 +58,9 @@
     "ts-morph": "^23.0.0",
     "tsx": "^4.16.2",
     "typescript": "^5.3.3",
-    "@empiricalrun/llm": "^0.9.25",
     "@empiricalrun/r2-uploader": "^0.3.6",
-    "@empiricalrun/reporter": "^0.21.3"
+    "@empiricalrun/reporter": "^0.21.3",
+    "@empiricalrun/llm": "^0.9.25"
   },
   "devDependencies": {
     "@types/detect-port": "^1.3.5",