Merge pull request #623 from GuillaumeGomez/set-cmds

Allow to have boolean values in set-property and set-attribute commands

Author: GuillaumeGomez

goml-script.md

@@ -1618,12 +1618,12 @@ set-local-storage: {"key": null}
 **set-property** command allows to update an element's property. Example:
 
 ```
-set-property: ("details", {"open": "false"})
+set-property: ("details", {"open": false})
 // Same but with a XPath:
 set-property: ("//details", {"property-name": "property-value"})
 
 // Setting multiple properties at once:
-set-property: ("details", {"open": "false", "another": "x"})
+set-property: ("details", {"open": false, "another": "x"})
 // Same but with a XPath:
 set-property: ("//details", {"open": "false", "another": "x"})
 

src/commands/dom_modifiers.js

@@ -29,6 +29,7 @@ function innerParseCssAttribute(
         jsonValidator.valueTypes.ident = {
             allowed: ['null'],
         };
+        jsonValidator.valueTypes.boolean = {};
     }
     const ret = validator(parser,
         {
@@ -55,7 +56,7 @@ function innerParseCssAttribute(
     }
     const code = [];
     for (const [key, value] of attributes) {
-        code.push(callback(key, value, value.kind === 'ident'));
+        code.push(callback(key, value, value.kind));
     }
     const func = allowObjectPath ? `
 function setObjValue(object, path, value) {
@@ -92,9 +93,12 @@ ${indentString(code.join('\n'), 1)}
 // * ("selector", JSON dict)
 function parseSetAttribute(parser) {
     return innerParseCssAttribute(parser, 'attribute', 'parseSetAttributeElem', true,
-        (key, value, isIdent) => {
-            if (!isIdent) {
-                return `e.setAttribute("${key}","${value.value}");`;
+        (key, value, kind) => {
+            if (kind !== 'ident') {
+                if (kind !== 'boolean' && kind !== 'number') {
+                    return `e.setAttribute("${key}","${value.value}");`;
+                }
+                return `e.setAttribute("${key}",${value.value});`;
             }
             return `e.removeAttribute("${key}");`;
         }, false);
@@ -106,9 +110,11 @@ function parseSetAttribute(parser) {
 // * ("selector", JSON dict)
 function parseSetProperty(parser) {
     return innerParseCssAttribute(parser, 'property', 'parseSetPropertyElem', true,
-        (key, value, isIdent) => {
+        (key, value, kind) => {
             const k_s = value.key.kind === 'object-path' ? key : `["${key}"]`;
-            const arg = isIdent ? 'undefined' : `"${value.value}"`;
+            const arg = kind === 'ident' ? 'undefined' :
+                // eslint-disable-next-line no-extra-parens
+                (kind === 'boolean' || kind === 'number' ? `${value.value}` : `"${value.value}"`);
             return `setObjValue(e, ${k_s}, ${arg});`;
         }, true);
 }
@@ -119,7 +125,7 @@ function parseSetProperty(parser) {
 // * ("selector", JSON dict)
 function parseSetCss(parser) {
     return innerParseCssAttribute(parser, 'CSS property', 'parseSetCssElem', false,
-        (key, value, _isIdent) => `e.style["${key}"] = "${value.value}";`, false);
+        (key, value, _kind) => `e.style["${key}"] = "${value.value}";`, false);
 }
 
 // Possible inputs:

src/commands/utils.js

@@ -126,7 +126,6 @@ ${varValue} + '\` (for NEAR check)');
 }`;
         }
     }
-    // eslint-disable-next-line no-extra-parens
     const hasSpecialChecks = checks.length !== 0;
     if (checks.length === 0) {
         if (assertFalse) {

tests/api-output/parseSetAttribute/basic-7.toml

@@ -0,0 +1,7 @@
+instructions = [
+  """const parseSetAttributeElem = await page.$(\"a\");
+if (parseSetAttributeElem === null) { throw '\"a\" not found'; }
+await page.evaluate(e => {
+    e.setAttribute(\"b\",true);
+}, parseSetAttributeElem);""",
+]

tests/api-output/parseSetAttribute/basic-8.toml

@@ -0,0 +1,7 @@
+instructions = [
+  """const parseSetAttributeElem = await page.$(\"a\");
+if (parseSetAttributeElem === null) { throw '\"a\" not found'; }
+await page.evaluate(e => {
+    e.setAttribute(\"b\",12);
+}, parseSetAttributeElem);""",
+]

tests/api-output/parseSetAttribute/err-10.toml

@@ -1 +1 @@
-error = """type \"json\" (`{\"a\": \"x\"}`) is not allowed as value in this JSON dict, allowed types are: [`ident`, `number`, `string`] (second element of the tuple)"""
+error = """type \"json\" (`{\"a\": \"x\"}`) is not allowed as value in this JSON dict, allowed types are: [`boolean`, `ident`, `number`, `string`] (second element of the tuple)"""

tests/api-output/parseSetAttribute/err-11.toml

@@ -1 +1 @@
-error = """type \"array\" (`[\"a\"]`) is not allowed as value in this JSON dict, allowed types are: [`ident`, `number`, `string`] (second element of the tuple)"""
+error = """type \"array\" (`[\"a\"]`) is not allowed as value in this JSON dict, allowed types are: [`boolean`, `ident`, `number`, `string`] (second element of the tuple)"""

tests/api-output/parseSetCss/basic-7.toml

@@ -0,0 +1 @@
+error = """type \"boolean\" (`true`) is not allowed as value in this JSON dict, allowed types are: [`number`, `string`] (second element of the tuple)"""

tests/api-output/parseSetCss/basic-8.toml

@@ -0,0 +1,7 @@
+instructions = [
+  """const parseSetCssElem = await page.$(\"a\");
+if (parseSetCssElem === null) { throw '\"a\" not found'; }
+await page.evaluate(e => {
+    e.style[\"b\"] = \"12\";
+}, parseSetCssElem);""",
+]

tests/api-output/parseSetProperty/basic-7.toml

@@ -0,0 +1,24 @@
+instructions = [
+  """const parseSetPropertyElem = await page.$(\"a\");
+if (parseSetPropertyElem === null) { throw '\"a\" not found'; }
+await page.evaluate(e => {
+    function setObjValue(object, path, value) {
+        for (let i = 0; i < path.length - 1; ++i) {
+            const subPath = path[i];
+            if (object[subPath] === undefined || object[subPath] === null) {
+                if (value === undefined) {
+                    return;
+                }
+                object[subPath] = {};
+            }
+            object = object[subPath];
+        }
+        if (value === undefined) {
+            delete object[path[path.length - 1]];
+        } else {
+            object[path[path.length - 1]] = value;
+        }
+    }
+    setObjValue(e, [\"b\"], true);
+}, parseSetPropertyElem);""",
+]