playwright-ui5 1.1.3 → 1.2.0

package/README.md

@@ -35,4 +35,4 @@ this selector engine uses css selector-like syntax. the main difference is that
 | attribute selectors | `[text]`, `[text='foo']`,`[text*='foo']`                | ✔        | some equality mods are useless for ui5 (eg. `\|=`) but are supported for the sake of completeness |
 | id selectors        | `sap.m.Button#foo`                                      | ✔        | you should not use id selectors if the id is generated (eg. `__button1`) as they can change often |
 | nesting             | `sap.m.Table sap.m.Button`,`sap.m.Table > sap.m.Button` | ❌       | use playwright selector nesting instead (`ui5=sap.m.Table >> ui5=sap.m.Button`)                   |
-| pseudo-classes      | `sap.m.Table:has(sap.m.Button)`                         | ❌       | https://github.com/DetachHead/playwright-ui5/issues/12                                            |
+| pseudo-classes      | `sap.m.Table:has(sap.m.Button)`                         | ✔        | `:has` is supported                                                                               |

package/dist/browser/main.js

@@ -1366,24 +1366,15 @@ var parse = (0, import_css_selector_parser.createParser)({
     namespace: false,
     attributes: { operators: ["=", "^=", "$=", "*=", "~=", "|="] },
     pseudoElements: false,
+    pseudoClasses: { definitions: { Selector: ["has"] } },
     tag: { wildcard: true },
     ids: true,
     classNames: true
   }
 });
-var queryAll = (root, selector) => {
+var queryRule = (root, selector) => {
   var _a;
-  const parsedSelector = parse(selector);
-  if (selector === "") {
-    throw new Error("ui5 selector is empty");
-  }
-  if (parsedSelector.rules.length > 1) {
-    throw new Error("comma-separated selectors not supported");
-  }
-  if (typeof sap === "undefined") {
-    return [];
-  }
-  const rule = (0, import_throw_expression.throwIfUndefined)(parsedSelector.rules[0], "rules array was empty");
+  const rule = (0, import_throw_expression.throwIfUndefined)(selector.rules[0], "rules array was empty");
   if (((_a = rule.tag) == null ? void 0 : _a.type) === "TagName" && rule.classNames) {
     const sapNamespace = "sap";
     if (rule.tag.name !== sapNamespace) {
@@ -1424,9 +1415,34 @@ var queryAll = (root, selector) => {
       )];
     });
   });
-  return controls.map((control) => control.getDomRef()).filter(
-    (element) => element !== null && root.querySelector(`#${element.id}`) !== null
-  );
+  return controls.map((control) => control.getDomRef()).filter((element) => {
+    if (element === null || root.querySelector(`#${element.id}`) === null) {
+      return false;
+    }
+    if (rule.pseudoClasses && queryRule(
+      element,
+      (0, import_throw_expression.throwIfUndefined)(
+        rule.pseudoClasses[0],
+        '":has" pseudo-class was specified without an argument'
+      ).argument
+    ).length === 0) {
+      return false;
+    }
+    return true;
+  });
+};
+var queryAll = (root, selector) => {
+  const parsedSelector = parse(selector);
+  if (selector === "") {
+    throw new Error("ui5 selector is empty");
+  }
+  if (parsedSelector.rules.length > 1) {
+    throw new Error("comma-separated selectors not supported");
+  }
+  if (typeof sap === "undefined") {
+    return [];
+  }
+  return queryRule(root, parsedSelector);
 };
 var main_default = {
   queryAll,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playwright-ui5",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "files": [
     "dist",
     "src/node"