@dev-blinq/cucumber_client 1.0.1629-dev → 1.0.1631-dev

package/bin/assets/scripts/recorder.js

@@ -390,6 +390,7 @@ class BVTRecorder {
           }
           case "input": {
             const target = this.eventUtils.getNearestInteractiveElement(this.eventUtils.deepEventTarget(event));
+
             if (target.nodeName === "INPUT" && target.type.toLowerCase() === "file") {
               return {
                 details: {
@@ -434,6 +435,36 @@ class BVTRecorder {
             return;
           }
           case "keydown": {
+            // override event.preventDefault to capture the value
+
+            const oldPreventDefault = event.preventDefault.bind(event);
+            event.preventDefault = () => {
+              if (event.key.length >= 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
+                const target = this.eventUtils.getNearestInteractiveElement(this.eventUtils.deepEventTarget(event));
+                setTimeout(() => {
+                  if (event.__bvt_recorded !== undefined) return;
+                  const valueBefore = target.value;
+                  let newValue = valueBefore;
+
+                  this.recordEvent(
+                    {
+                      details: {
+                        name: "fill",
+                        text: newValue,
+                      },
+                      element: target,
+                    },
+                    target,
+                    "input",
+                    event
+                  );
+
+                  event.__bvt_recorded = true;
+                }, 20);
+              }
+              oldPreventDefault();
+            };
+
             if (!this.eventUtils.shouldGenerateKeyPressFor(event)) return;
             // if (this._actionInProgress(event)) {
             //   this._expectProgrammaticKeyUp = true;
@@ -835,30 +866,7 @@ class BVTRecorder {
           }
 
           performance.mark("command-send");
-          const cmd = {
-            mode: this.#mode,
-            action: action.details,
-            element: this.getElementDetails(actionElement, eventName),
-            isPopupCloseClick: this.isPopupCloseEvent(e),
-            // ...(actionElement.__locators ?? this.getLocatorsObject(actionElement, { maxLocators: 1 })),
-            frame: this.getFrameDetails(),
-            statistics: {
-              time: `${performance.measure("command-received", "command-send").duration.toFixed(2)} ms`,
-            },
-          };
-          const snapshotDetails = {
-            id: actionElement.getAttribute("data-blinq-id"),
-            contextId: this.contextElement?.getAttribute("data-blinq-context-id"),
-            doc: this.snapshotCapturer.createSnapshot({
-              excludeSelectors: ["x-bvt-toolbar", "script", "style", "link[rel=stylesheet]"],
-            }),
-          };
-          cmd.snapshotDetails = snapshotDetails;
-          // eventQueue.enqueue(async () => {
-          // await bvtRecorderBindings.validateLocators(snapshotDetails);
-          // });
-          // console.log(cmd);
-          bvtRecorderBindings.recordCommand(cmd);
+          this.recordEvent(action, actionElement, eventName, e);
           this.handleStateTransition(action.element);
         },
         { capture: true }
@@ -866,6 +874,33 @@ class BVTRecorder {
     });
   }
 
+  recordEvent(action, actionElement, eventName, e) {
+    const cmd = {
+      mode: this.#mode,
+      action: action.details,
+      element: this.getElementDetails(actionElement, eventName),
+      isPopupCloseClick: this.isPopupCloseEvent(e),
+      // ...(actionElement.__locators ?? this.getLocatorsObject(actionElement, { maxLocators: 1 })),
+      frame: this.getFrameDetails(),
+      statistics: {
+        time: `${performance.measure("command-received", "command-send").duration.toFixed(2)} ms`,
+      },
+    };
+    const snapshotDetails = {
+      id: actionElement.getAttribute("data-blinq-id"),
+      contextId: this.contextElement?.getAttribute("data-blinq-context-id"),
+      doc: this.snapshotCapturer.createSnapshot({
+        excludeSelectors: ["x-bvt-toolbar", "script", "style", "link[rel=stylesheet]"],
+      }),
+    };
+    cmd.snapshotDetails = snapshotDetails;
+    // eventQueue.enqueue(async () => {
+    // await bvtRecorderBindings.validateLocators(snapshotDetails);
+    // });
+    // console.log(cmd);
+    bvtRecorderBindings.recordCommand(cmd);
+  }
+
   // TODO: implement the corresponding logic for the below methods
   setPopupHandlers(_popopHandlers) {
     this.popupHandlers = _popopHandlers;

package/bin/client/code_gen/page_reflection.js

@@ -623,11 +623,14 @@ export class CodePage {
         return this.fileContent.length;
     }
     addLocatorsMetadata(locatorsMetadata) {
+        console.log("Saving locators metadata to file");
         if (!this.sourceFileName)
             return;
+        console.log("Source file name:", this.sourceFileName);
         let locatorsMetadataFileName = this.sourceFileName.replace(".mjs", ".json");
         const config = getAiConfig();
         if (config && config.locatorsMetadataDir) {
+            console.log("Using locators metadata directory from config:", config.locatorsMetadataDir);
             locatorsMetadataFileName = path.join(config.locatorsMetadataDir, path.basename(locatorsMetadataFileName));
             if (!existsSync(path.dirname(locatorsMetadataFileName))) {
                 mkdirSync(path.dirname(locatorsMetadataFileName), { recursive: true });
@@ -635,11 +638,13 @@ export class CodePage {
         }
         let metadata = {};
         try {
+            console.log("Reading locators metadata file:", locatorsMetadataFileName);
             if (existsSync(locatorsMetadataFileName)) {
                 metadata = JSON.parse(readFileSync(locatorsMetadataFileName, "utf8"));
             }
         }
-        catch {
+        catch (error) {
+            console.log("Error reading locators metadata file:", error);
             logger.info("failed to read locators metadata file", locatorsMetadataFileName);
         }
         const keys = Object.keys(locatorsMetadata);

package/bin/client/code_gen/playwright_codeget.js

@@ -763,6 +763,7 @@ const generateCode = (recording, codePage, userData, projectDir, methodName) =>
     if (recordingStep.type === Types.COMPLETE) {
       return;
     }
+    console.log("Generating code for step: ", recordingStep.type);
 
     // if (process.env.TEMP_RUN === "true") {
     //   codeLines.push(...generateReportCommand("start", recordingStep.cmdId));
@@ -774,9 +775,11 @@ const generateCode = (recording, codePage, userData, projectDir, methodName) =>
     //   codeLines.push(...generateReportCommand("end", recordingStep.cmdId));
     // }
     if (result.elements) {
+      console.log("Updating elements with ", Object.keys(result.elements));
       elements = result.elements;
     }
     if (result.elementIdentifier) {
+      console.log("Adding locator metadata for ", result.elementIdentifier);
       locatorsMetadata[result.elementIdentifier] = result.allStrategyLocators;
     }
   });

package/bin/client/recorderv3/step_utils.js

@@ -624,6 +624,7 @@ export async function saveRecording({ step, cucumberStep, codePage, projectDir,
     return result.codePage;
   } else {
     const generateCodeResult = generateCode(recording, codePage, userData, projectDir, methodName);
+    console.log("Generated code for step:", step.text);
     if (generateCodeResult.noCode === true) {
       logger.log("No code generated for step: " + step.text);
       return generateCodeResult.page;
@@ -673,6 +674,7 @@ export async function saveRecording({ step, cucumberStep, codePage, projectDir,
     codePage.mergeSimilarElements();
     cucumberStep.methodName = methodName;
     if (generateCodeResult.locatorsMetadata) {
+      console.log("Adding locators metadata to code page");
       codePage.addLocatorsMetadata(generateCodeResult.locatorsMetadata);
     }
     return generateCodeResult.page;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-blinq/cucumber_client",
-  "version": "1.0.1629-dev",
+  "version": "1.0.1631-dev",
   "description": " ",
   "main": "bin/index.js",
   "types": "bin/index.d.ts",