@dev-blinq/cucumber_client 1.0.1694-dev → 1.0.1695-dev

package/bin/client/code_gen/code_inversion.js

@@ -86,6 +86,30 @@ const parseDataSource = (paramNode, stepParams) => {
   // }
   throw new Error("Unknown parameter type");
 };
+
+
+const parseOptions = (optionsNode) => {
+  const properties = optionsNode.properties;
+  const options = {}
+  for (const prop of properties) {
+    let key = "";
+    if (prop.key.type === 'Identifier') {
+      key = prop.key.name;
+    } else if (prop.key.type === 'StringLiteral') {
+      key = prop.key.value;
+    }
+    if (key === 'context') continue;
+    options[key] = prop.value.value;
+  }
+  return options;
+}
+
+const parseOptionsFromCallNode = (call, index) => {
+  if (call.arguments[index] && call.arguments[index].type === "ObjectExpression") {
+    return parseOptions(call.arguments[index]);
+  }
+  return null
+}
 const invertStableCommand = (call, elements, stepParams) => {
   const methodName = call.callee.property.name;
   const step = { type: null, parameters: [], element: null, locators: null };
@@ -104,6 +128,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataSource = inputParam.dataSource;
         step.dataKey = inputParam.dataKey;
       }
+      step.options = parseOptionsFromCallNode(call, 3);
       break;
     }
 
@@ -130,6 +155,8 @@ const invertStableCommand = (call, elements, stepParams) => {
           step.count = clickCountProp.value.value;
         }
       }
+
+      step.options = parseOptionsFromCallNode(call, 2);
       break;
 
     case "setDateTime": {
@@ -147,6 +174,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = dateParam.dataKey;
         step.parameters = [toVariableName(dateParam.dataKey), format, enterParam];
       }
+      step.options = parseOptionsFromCallNode(call, 5);
       break;
     }
 
@@ -163,6 +191,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = selectParam.dataKey;
         step.parameters = [toVariableName(selectParam.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 3);
       break;
     }
 
@@ -176,6 +205,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = text.dataKey;
         step.parameters = [toVariableName(text.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 2);
       break;
     }
     case "waitForTextToDisappear": {
@@ -188,6 +218,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = text.dataKey;
         step.parameters = [toVariableName(text.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 2);
       break;
     }
 
@@ -203,6 +234,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = text.dataKey;
         step.parameters = [toVariableName(text.dataKey), climb ?? null];
       }
+      step.options = parseOptionsFromCallNode(call, 4);
       break;
     }
     case "extractAttribute": {
@@ -233,6 +265,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.regex = "";
         step.trimSpaces = false;
       }
+      step.options = parseOptionsFromCallNode(call, 4);
       break;
     }
     case "verifyAttribute": {
@@ -249,6 +282,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = value.dataKey;
         step.parameters = [attribute, toVariableName(value.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 4);
       break;
     }
 
@@ -277,6 +311,7 @@ const invertStableCommand = (call, elements, stepParams) => {
           step.parameters = [toVariableName(fillParam.dataKey), enterValue];
         }
       }
+      step.options = parseOptionsFromCallNode(call, 4);
       break;
 
     case "loadTestDataAsync": {
@@ -307,23 +342,28 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = url.dataKey;
         step.parameters = [toVariableName(url.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 2);
       break;
     }
 
     case "goBack":
       step.type = Types.GO_BACK;
+      step.options = parseOptionsFromCallNode(call, 0);
       break;
 
     case "goForward":
       step.type = Types.GO_FORWARD;
+      step.options = parseOptionsFromCallNode(call, 0);
       break;
 
     case "reloadPage":
       step.type = Types.RELOAD;
+      step.options = parseOptionsFromCallNode(call, 0);
       break;
 
     case "closePage":
       step.type = Types.CLOSE_PAGE;
+      step.options = parseOptionsFromCallNode(call, 0);
       break;
 
     case "simpleClick":
@@ -341,12 +381,15 @@ const invertStableCommand = (call, elements, stepParams) => {
     case "hover":
       step.type = Types.HOVER;
       step.element = extractElement(call.arguments[0]);
+      step.options = parseOptionsFromCallNode(call, 2);
       break;
 
     case "setCheck":
       step.type = Types.CHECK;
       step.element = extractElement(call.arguments[0]);
       step.check = call.arguments[1].value;
+      /// 
+      step.options = parseOptionsFromCallNode(call, 3);
       break;
 
     case "setViewportSize": {
@@ -354,12 +397,14 @@ const invertStableCommand = (call, elements, stepParams) => {
       const width = call.arguments[0].value;
       const height = call.arguments[1].value;
       step.parameters = [width, height];
+      step.options = parseOptionsFromCallNode(call, 2);
       break;
     }
 
     case "visualVerification": {
       step.type = Types.VISUAL_VERIFICATION;
       step.parameters = [call.arguments[0].value];
+      step.options = parseOptionsFromCallNode(call, 1);
       break;
     }
     case "waitForUserInput": {
@@ -370,6 +415,7 @@ const invertStableCommand = (call, elements, stepParams) => {
     case "extractEmailData": {
       step.type = Types.MAIL_GET_CODE_OR_URL;
       step.parameters = [call.arguments[0].value];
+      step.options = parseOptionsFromCallNode(call, 1);
       break;
     }
     case "verifyTextRelatedToText": {
@@ -383,6 +429,7 @@ const invertStableCommand = (call, elements, stepParams) => {
       const textToVerify =
         textToVerifyParse.type === "literal" ? textToVerifyParse.value : toVariableName(textToVerifyParse.dataKey);
       step.parameters = [textAnchor, climb, textToVerify];
+      step.options = parseOptionsFromCallNode(call, 3);
       break;
     }
     case "setInputFiles": {
@@ -396,6 +443,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = fileParam.dataKey;
         step.parameters = [toVariableName(fileParam.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 3);
       break;
     }
     case "snapshotValidation": {
@@ -405,6 +453,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.parameters = [inputParam.value];
       }
       step.selectors = call.arguments[0].value;
+      step.options = parseOptionsFromCallNode(call, 3);
       break;
     }
     case "verifyPageTitle": {
@@ -417,6 +466,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = text.dataKey;
         step.parameters = [toVariableName(text.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 1);
       break;
     }
     case "verifyPagePath": {
@@ -429,6 +479,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = path.dataKey;
         step.parameters = [toVariableName(path.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 1);
       break;
     }
     case "verifyProperty": {
@@ -443,6 +494,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = value.dataKey;
         step.parameters = [property, toVariableName(value.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 4);
       break;
     }
     case "extractProperty": {
@@ -473,6 +525,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.regex = "";
         step.trimSpaces = false;
       }
+      step.options = parseOptionsFromCallNode(call, 4);
       break;
     }
 
@@ -497,6 +550,7 @@ const invertStableCommand = (call, elements, stepParams) => {
       // step.value = "true";
       step.parameters = [timeout, condition, step.value];
       // step.condition = condition;
+      step.options = parseOptionsFromCallNode(call, 4);
       break;
     }
 
@@ -513,6 +567,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = duration.dataKey;
         step.parameters = [toVariableName(duration.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 1);
       break;
     }
     case "verify_file_exists": {
@@ -525,6 +580,7 @@ const invertStableCommand = (call, elements, stepParams) => {
         step.dataKey = filePath.dataKey;
         step.parameters = [toVariableName(filePath.dataKey)];
       }
+      step.options = parseOptionsFromCallNode(call, 1);
       break;
     }
 

package/bin/client/code_gen/playwright_codeget.js

@@ -49,6 +49,7 @@ const findElementIdentifier = (node, step, userData, elements) => {
   return elementIdentifier;
 };
 const _isCodeGenerationStep = (step) => {
+  return true;
   if (
     step.type === Types.CLICK ||
     step.type === Types.FILL ||
@@ -81,6 +82,27 @@ const _isLocatorStrategyStep = (step) => {
   switch (step.type) {
     case Types.VERIFY_PAGE_SNAPSHOT:
     case Types.CLOSE_PAGE:
+    case Types.VERIFY_FILE_EXISTS:
+    case Types.VERIFY_PAGE_CONTAINS_NO_TEXT:
+    case Types.VERIFY_PAGE_CONTAINS_TEXT:
+    case Types.VERIFY_PAGE_PATH:
+    case Types.VERIFY_PAGE_TITLE:
+    case Types.VERIFY_TEXT_RELATED_TO_TEXT:
+    case Types.NAVIGATE:
+    case Types.RELOAD:
+    case Types.GO_BACK:
+    case Types.GO_FORWARD:
+    case Types.SLEEP:
+    case Types.SET_VIEWPORT:
+    case Types.VISUAL_VERIFICATION:
+    case Types.LOAD_DATA:
+    case Types.MAIL_GET_CODE_OR_URL:
+    case Types.ASK:
+    case Types.WAIT_FOR_USER_INPUT:
+    case Types.COMPLETE:
+    case Types.CLICK_SIMPLE:
+    case Types.FILL_SIMPLE:
+    case Types.API:
       return false;
     default:
       return true;
@@ -110,6 +132,20 @@ const splitToLocatorsGroups = (locators) => {
   });
   return { basic, no_text, ignore_digit, context };
 };
+
+const serializeOptions = (options, context) => {
+  if (!options) return "null";
+  if (typeof options !== 'object') return "null";
+  if (Array.isArray(options)) return "null";
+  let result = "{ ";
+  if (context) result += `"context": ${context}, `;
+  for (const key in options) {
+    result += `"${key}": ${JSON.stringify(options[key])}, `;
+  }
+  result += " }";
+  return result;
+}
+
 const _generateCodeFromCommand = (step, elements, userData) => {
   let elementsChanged = false;
 
@@ -192,7 +228,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
   let attribute = null;
   let variable = null;
   let format = null;
-  let options = null;
+  let options = step.options ?? null;
   let property = null;
   switch (step.type) {
     case Types.SET_INPUT:
@@ -202,7 +238,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
         //parameters.push(step.dataKey);
         input = "_" + step.dataKey;
       }
-      line += `${input}, _params, null, this);`;
+      line += `${input}, _params, ${serializeOptions(options)}, this);`;
       if (element_name) {
         comment = `// Set ${element_name} to ${input}`;
         codeLines.push(escapeNonPrintables(comment));
@@ -215,7 +251,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
           comment = `// Check ${element_name}`;
           codeLines.push(escapeNonPrintables(comment));
         }
-        line = `await context.web.setCheck(elements["${elementIdentifier}"], ${step.check}, _params, null, this);`;
+        line = `await context.web.setCheck(elements["${elementIdentifier}"], ${step.check}, _params, ${serializeOptions(options)}, this);`;
         codeLines.push(line);
       } else {
         switch (step.count) {
@@ -224,7 +260,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
               comment = `// Click on ${element_name}`;
               codeLines.push(escapeNonPrintables(comment));
             }
-            line = `await context.web.click(elements["${elementIdentifier}"], _params, null, this);`;
+            line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options)}, this);`;
             codeLines.push(line);
             break;
           case 2:
@@ -232,7 +268,9 @@ const _generateCodeFromCommand = (step, elements, userData) => {
               comment = `// Double click on ${element_name}`;
               codeLines.push(escapeNonPrintables(comment));
             }
-            line = `await context.web.click(elements["${elementIdentifier}"], _params, {clickCount:2}, this);`;
+            options = options ?? {};
+            options.clickCount = 2;
+            line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options)}, this);`;
             codeLines.push(line);
             break;
           default:
@@ -240,7 +278,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
               comment = `// Click on ${element_name}`;
               codeLines.push(escapeNonPrintables(comment));
             }
-            line = `await context.web.click(elements["${elementIdentifier}"], _params, null, this);`;
+            line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options)}, this);`;
             codeLines.push(line);
             break;
         }
@@ -251,17 +289,19 @@ const _generateCodeFromCommand = (step, elements, userData) => {
         case 1:
           comment = `//  Parameterized click on ${step.value}`;
           codeLines.push(escapeNonPrintables(comment));
-          line = `await context.web.click(elements["${elementIdentifier}"], _params, null, this);`;
+          line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options)}, this);`;
           break;
         case 2:
           comment = `//  Parameterized double click on ${step.value}`;
           codeLines.push(escapeNonPrintables(comment));
-          line = `await context.web.click(elements["${elementIdentifier}"], _params, {clickCount:2}, this);`;
+          options = options ?? {};
+          options.clickCount = 2;
+          line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options)}, this);`;
           break;
         default:
           comment = `//  Parameterized click on ${step.value}`;
           codeLines.push(escapeNonPrintables(comment));
-          line = `await context.web.click(elements["${elementIdentifier}"], _params, null, this);`;
+          line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options)}, this);`;
       }
       codeLines.push(line);
       break;
@@ -280,7 +320,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       } else {
         enter = '"' + step.parameters[2] + '"';
       }
-      line += `${input}, "${format}", ${enter}, _params, null, this);`;
+      line += `${input}, "${format}", ${enter}, _params, ${serializeOptions(options)}, this);`;
       if (element_name) {
         comment = `// Set date time ${element_name} to "${input}" with format "${format}"`;
         codeLines.push(escapeNonPrintables(comment));
@@ -302,7 +342,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       } else {
         enter = '"' + step.parameters[1] + '"';
       }
-      line += `${input}, ${enter}, _params, null, this);`;
+      line += `${input}, ${enter}, _params, ${serializeOptions(options)}, this);`;
       if (element_name) {
         comment = `// Fill ${element_name} with "${input}"`;
         codeLines.push(escapeNonPrintables(comment));
@@ -324,7 +364,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       } else {
         enter = '"' + step.parameters[1] + '"';
       }
-      line += `${input}, ${enter}, _params, null, this);`;
+      line += `${input}, ${enter}, _params, ${serializeOptions(options)}, this);`;
       if (element_name) {
         comment = `// Fill ${element_name} with "${input}"`;
         codeLines.push(escapeNonPrintables(comment));
@@ -338,15 +378,25 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      let options = "null";
+      // let options = "null";
       if (step.regex !== "") {
-        options = `{regex: ${JSON.stringify(step.regex)},trimSpaces: ${step.trimSpaces}}`;
+        options = options ?? {}
+        options = {
+          ...options,
+          regex: step.regex,
+          trimSpaces: step.trimSpaces
+        } // `{regex: ${JSON.stringify(step.regex)},trimSpaces: ${step.trimSpaces}}`;
       } else if (step.trimSpaces) {
-        options = `{trimSpaces: ${step.trimSpaces}}`;
+        options = options ?? {}
+        options = {
+          ...options,
+          trimSpaces: step.trimSpaces
+        }
+        // options = `{trimSpaces: ${step.trimSpaces}}`;
       } else {
-        options = "null";
+        options = null//"null";
       }
-      line = `await context.web.extractAttribute(elements["${elementIdentifier}"], "${attribute}", ${input}, _params,${options}, this);`;
+      line = `await context.web.extractAttribute(elements["${elementIdentifier}"], "${attribute}", ${input}, _params, ${serializeOptions(options)}, this);`;
 
       if (element_name) {
         comment = `// Extract attribute ${attribute} from ${element_name} to ${variable}`;
@@ -362,15 +412,24 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      let options = "null";
       if (step.regex !== "") {
-        options = `{regex: ${JSON.stringify(step.regex)},trimSpaces: ${step.trimSpaces}}`;
+        options = options ?? {}
+        options = {
+          ...options,
+          regex: step.regex,
+          trimSpaces: step.trimSpaces
+        } // `{regex: ${JSON.stringify(step.regex)},trimSpaces: ${step.trimSpaces}}`;
       } else if (step.trimSpaces) {
-        options = `{trimSpaces: ${step.trimSpaces}}`;
+        options = options ?? {}
+        options = {
+          ...options,
+          trimSpaces: step.trimSpaces
+        }
+        // options = `{trimSpaces: ${step.trimSpaces}}`;
       } else {
-        options = "null";
+        options = null//"null";
       }
-      line = `await context.web.extractProperty(elements["${elementIdentifier}"], "${property}", ${input}, _params,${options}, this);`;
+      line = `await context.web.extractProperty(elements["${elementIdentifier}"], "${property}", ${input}, _params, ${serializeOptions(options)}, this);`;
 
       if (element_name) {
         comment = `// Extract property ${property} from ${element_name} to ${variable}`;
@@ -386,7 +445,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       codeLines.push(escapeNonPrintables(comment));
       line = `const frameLocator = ${JSON.stringify(step.selectors ?? null)}`;
       codeLines.push(line);
-      line = `await context.web.snapshotValidation(frameLocator,${step.valueInStepText ? "_param_0" : `"${step.parameters[0]}"`}, _params, ${JSON.stringify(options)}, this);`;
+      line = `await context.web.snapshotValidation(frameLocator,${step.valueInStepText ? "_param_0" : `"${step.parameters[0]}"`}, _params, ${serializeOptions(options)}, this);`;
       codeLines.push(line);
 
       const data = step.data;
@@ -412,7 +471,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      line += `${input}, null, this);`;
+      line += `${input}, ${serializeOptions(options)}, this);`;
       comment = `// Verify page contains text "${input}"`;
       codeLines.push(escapeNonPrintables(comment));
       codeLines.push(line);
@@ -426,7 +485,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      line += `${input}, ${step.parameters[1]} ,_params, null, this);`;
+      line += `${input}, ${step.parameters[1]} , _params, ${serializeOptions(options)}, this);`;
       if (element_name) {
         comment = `// Verify ${element_name} contains text "${input}"`;
         codeLines.push(escapeNonPrintables(comment));
@@ -441,7 +500,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       }
       line = `await context.web.analyzeTable(elements["${elementIdentifier}"], ${JSON.stringify(
         step.parameters[0]
-      )}, "${step.parameters[1]}", ${input}, _params, null, this);`;
+      )}, "${step.parameters[1]}", ${input}, _params, ${serializeOptions(options)}, this);`;
       if (element_name) {
         comment = `// Analyze table ${element_name} query ${JSON.stringify(
           step.parameters[0]
@@ -461,27 +520,27 @@ const _generateCodeFromCommand = (step, elements, userData) => {
         } else if (step.dataSource === "environment") {
           input = `context.environment["_${step.dataKey}"]`;
         }
-        line += `${input}, _params, null, this);`;
+        line += `${input}, _params, ${serializeOptions(options)}, this);`;
         if (element_name) {
           comment = `// Select "${input}" from ${element_name}`;
           codeLines.push(escapeNonPrintables(comment));
         }
         codeLines.push(line);
       } else if (step.selectMode === "click_combo") {
-        line = `await context.web.click(elements["${elementIdentifier}"], _params, null, this);`;
+        line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options)}, this);`;
         if (element_name) {
           comment = `// Open combobox ${element_name}`;
           codeLines.push(escapeNonPrintables(comment));
         }
         codeLines.push(line);
-        line = `await context.web.click(elements["${optionIdentifier}"], _params, null, this);`;
+        line = `await context.web.click(elements["${optionIdentifier}"], _params, ${serializeOptions(options)}, this);`;
         if (element_name) {
           comment = `// Select "${optionIdentifier}" from ${element_name}`;
           codeLines.push(escapeNonPrintables(comment));
         }
         codeLines.push(line);
       } else if (step.selectMode === "click") {
-        line = `await context.web.click(elements["${optionIdentifier}"], _params, null, this);`;
+        line = `await context.web.click(elements["${optionIdentifier}"], _params, ${serializeOptions(options)}, this);`;
         if (element_name) {
           comment = `// Select ${optionIdentifier} from ${element_name}`;
           codeLines.push(escapeNonPrintables(comment));
@@ -494,13 +553,13 @@ const _generateCodeFromCommand = (step, elements, userData) => {
         if (step.dataSource === "userData" || step.dataSource === "parameters") {
           input = "_" + step.dataKey;
         }
-        line += `${input}, false, _params, null, this);`;
+        line += `${input}, false, _params, ${serializeOptions(options)}, this);`;
         if (element_name) {
           comment = `// Fill ${element_name} with "${input}"`;
           codeLines.push(escapeNonPrintables(comment));
         }
         codeLines.push(line);
-        line = `await context.web.click(elements["${optionIdentifier}"], _params, null, this);`;
+        line = `await context.web.click(elements["${optionIdentifier}"], _params, ${serializeOptions(options)}, this);`;
         codeLines.push(line);
       } else {
         throw new Error(`Unknown select mode ${step.selectMode}`);
@@ -512,13 +571,13 @@ const _generateCodeFromCommand = (step, elements, userData) => {
     case Types.RELOAD:
       comment = `// Reload page`;
       codeLines.push(escapeNonPrintables(comment));
-      line = "await context.web.reloadPage({}, this);";
+      line = `await context.web.reloadPage(${serializeOptions(options)}, this);`;
       codeLines.push(line);
       break;
     case Types.CLOSE_PAGE:
       comment = `// Close page`;
       codeLines.push(escapeNonPrintables(comment));
-      line = "await context.web.closePage({}, this);";
+      line = `await context.web.closePage(${serializeOptions(options)}, this);`;
       codeLines.push(line);
       break;
     case Types.NAVIGATE:
@@ -531,7 +590,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       } else if (step.dataSource === "environment") {
         input = `context.environment["_${step.dataKey}"]`;
       }
-      line = `await context.web.goto(${input}, this);`;
+      line = `await context.web.goto(${input}, this, ${serializeOptions(options)});`;
       codeLines.push(line);
       break;
     case Types.VERIFY_PAGE_PATH:
@@ -540,7 +599,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      line += `${input}, null, this);`;
+      line += `${input}, ${serializeOptions(options)}, this);`;
       comment = `// Verify page path "${input}"`;
       codeLines.push(escapeNonPrintables(comment));
       codeLines.push(line);
@@ -551,7 +610,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      line += `${input}, null, this);`;
+      line += `${input}, ${serializeOptions(options)}, this);`;
       comment = `// Verify page title "${input}"`;
       codeLines.push(escapeNonPrintables(comment));
       codeLines.push(line);
@@ -561,13 +620,13 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      line = `await context.web.type(${input}, _params, null, this);`;
+      line = `await context.web.type(${input}, _params, ${serializeOptions(options)}, this);`;
       comment = `// Type "${input}"`;
       codeLines.push(escapeNonPrintables(comment));
       codeLines.push(line);
       break;
     case Types.HOVER:
-      line = `await context.web.hover(elements["${elementIdentifier}"], _params, null, this);`;
+      line = `await context.web.hover(elements["${elementIdentifier}"], _params, ${serializeOptions(options)}, this);`;
       if (element_name) {
         comment = `// Hover ${element_name}`;
         codeLines.push(escapeNonPrintables(comment));
@@ -608,13 +667,15 @@ const _generateCodeFromCommand = (step, elements, userData) => {
     case Types.CHECK:
       comment = `// Check ${element_name}`;
       codeLines.push(escapeNonPrintables(comment));
-      line = `await context.web.setCheck(elements["${elementIdentifier}"], ${step.check}, _params, null, this);`;
+      line = `await context.web.setCheck(elements["${elementIdentifier}"], ${step.check}, _params, ${serializeOptions(options)}, this);`;
       codeLines.push(line);
       break;
     case Types.PRESS:
       comment = `// Press ${step.key}`;
       codeLines.push(escapeNonPrintables(comment));
-      line = `await context.web.clickType( elements["${elementIdentifier}"] ,"${step.key}",null, _params, {"press":true}, this);`;
+      options = options ?? {};
+      options.press = true;
+      line = `await context.web.clickType( elements["${elementIdentifier}"] ,"${step.key}",null, _params, ${serializeOptions(options)}, this);`;
       codeLines.push(line);
       break;
     case Types.CONTEXT_CLICK:
@@ -626,7 +687,9 @@ const _generateCodeFromCommand = (step, elements, userData) => {
           if (step.dataSource === "userData" || step.dataSource === "parameters") {
             input = "_" + step.dataKey;
           }
-          line = `await context.web.click(elements["${elementIdentifier}"], _params, {"context": ${input}}, this);`;
+          // options = options ?? {};
+          // options.context = input;
+          line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options, input)}, this);`;
           codeLines.push(line);
           break;
         case 2:
@@ -636,7 +699,10 @@ const _generateCodeFromCommand = (step, elements, userData) => {
           if (step.dataSource === "userData" || step.dataSource === "parameters") {
             input = "_" + step.dataKey;
           }
-          line = `await context.web.click(elements["${elementIdentifier}"], _params, {"context": ${input}, clickCount:2}, this);`;
+          options = options ?? {};
+          // options.context = input;
+          options.clickCount = 2;
+          line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options, input)}, this);`;
           codeLines.push(line);
           break;
         default:
@@ -646,7 +712,9 @@ const _generateCodeFromCommand = (step, elements, userData) => {
           if (step.dataSource === "userData" || step.dataSource === "parameters") {
             input = "_" + step.dataKey;
           }
-          line = `await context.web.click(elements["${elementIdentifier}"], _params, {"context": ${input}}, this);`;
+          // options = options ?? {};
+          // options.context = input;
+          line = `await context.web.click(elements["${elementIdentifier}"], _params, ${serializeOptions(options, input)}, this);`;
           codeLines.push(line);
           break;
       }
@@ -671,7 +739,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      line += `"${step.parameters[0]}", ${input}, _params, null, this);`;
+      line += `"${step.parameters[0]}", ${input}, _params, ${serializeOptions(options)}, this);`;
       codeLines.push(line);
       break;
     }
@@ -681,14 +749,14 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      line += `"${step.parameters[0]}", ${input}, _params, null, this);`;
+      line += `"${step.parameters[0]}", ${input}, _params, ${serializeOptions(options)}, this);`;
       codeLines.push(line);
       break;
     }
     case Types.CONDITIONAL_WAIT: {
       line = `await context.web.conditionalWait(elements["${elementIdentifier}"], `;
       input = step.valueInStepText ? "_param_0" : `"${escapeNonPrintables(step.parameters[1].replaceAll('"', '\\"'))}"`;
-      line += `"${step.parameters[1]}", ${input}, _params, null, this);`;
+      line += `"${step.parameters[1]}", ${input}, _params, ${serializeOptions(options)}, this);`;
       codeLines.push(line);
       break;
     }
@@ -699,7 +767,7 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       if (step.dataSource === "userData" || step.dataSource === "parameters") {
         input = "_" + step.dataKey;
       }
-      line += `${input}, _params, null, this);`;
+      line += `${input}, _params, ${serializeOptions(options)}, this);`;
       if (element_name) {
         comment = `// Set ${element_name} to ${input}`;
         codeLines.push(escapeNonPrintables(comment));
@@ -707,6 +775,8 @@ const _generateCodeFromCommand = (step, elements, userData) => {
       codeLines.push(line);
       break;
     }
+
+
     case Types.CLICK_SIMPLE:
     case Types.FILL_SIMPLE:
       // no code need to be added

package/bin/client/recorderv3/step_runner.js

@@ -276,8 +276,8 @@ export class BVTStepRunner {
 
       for (const cmdId of cmdIDs) {
         this.liveExecutionMap.set(cmdId, {
-          resolve: () => {},
-          reject: () => {},
+          resolve: () => { },
+          reject: () => { },
         });
       }
 
@@ -331,7 +331,7 @@ export class BVTStepRunner {
         });
       }
 
-      if (!step.isImplemented && step.commands.length > 0) {
+      if ((!(step.isImplemented && !step.shouldOverride) || step.shouldMakeStepTextUnique) && step.commands.length > 0) {
         const pageName = generatePageName(step.startFrame?.url ?? "default");
         const stepDefinitionFolderPath = path.join(tempFolderPath, "step_definitions");
         if (!existsSync(stepDefinitionFolderPath)) {

package/bin/client/recorderv3/step_utils.js

@@ -373,6 +373,7 @@ export const toRecordingStep = (cmd, parametersMap, stepText) => {
   const step = _toRecordingStep(cmd, stepText);
   const cmdID = {
     cmdId: cmd.id,
+    options: cmd.options ?? null,
   };
   Object.assign(step, cmdID);
 
@@ -484,7 +485,7 @@ function makeStepTextUnique(step, stepsDefinitions) {
   // console.log("makeStepTextUnique", step.text);
   let stepDef = stepsDefinitions.findMatchingStep(stepText);
   // console.log({ stepDef });
-  if (stepDef && stepDef?.file.endsWith("utils.mjs")) {
+  if (stepDef && stepDef?.file.endsWith("utils.mjs") && !step.shouldMakeStepTextUnique) {
     return true;
   }
   while (stepDef) {

package/package.json

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