webdriverio 8.23.3 → 8.23.5

package/build/commands/element/isDisplayed.d.ts

@@ -10,6 +10,13 @@
  *
  * :::
  *
+ * WebdriverIO, when conducting browser tests, utilizes a [custom script](https://github.com/webdriverio/webdriverio/blob/59d349ca847950354d02b9e548f60cc50e7871f0/packages/webdriverio/src/scripts/isElementDisplayed.ts)
+ * specifically designed to assess the visibility of elements. This script is key in determining whether an
+ * element is displayed on the page. Conversely, for native mobile testing scenarios with Appium, WebdriverIO
+ * defers to the [`isElementDisplayed`](https://appium.io/docs/en/2.1/reference/interfaces/appium_types.ExternalDriver/#elementdisplayed)
+ * command provided by Appium. This command evaluates the visibility of elements using criteria established by the
+ * underlying Appium driver, ensuring accurate and driver-specific assessments for mobile applications.
+ *
  * <example>
     :index.html
     <div id="noSize"></div>

package/build/commands/element/isDisplayed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isDisplayed.d.ts","sourceRoot":"","sources":["../../../src/commands/element/isDisplayed.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,wBAAsB,WAAW,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,oBAW3D"}
+{"version":3,"file":"isDisplayed.d.ts","sourceRoot":"","sources":["../../../src/commands/element/isDisplayed.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,wBAAsB,WAAW,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,oBAoB3D"}

package/build/commands/element/isDisplayed.js

@@ -13,6 +13,13 @@ import isElementDisplayedScript from '../../scripts/isElementDisplayed.js';
  *
  * :::
  *
+ * WebdriverIO, when conducting browser tests, utilizes a [custom script](https://github.com/webdriverio/webdriverio/blob/59d349ca847950354d02b9e548f60cc50e7871f0/packages/webdriverio/src/scripts/isElementDisplayed.ts)
+ * specifically designed to assess the visibility of elements. This script is key in determining whether an
+ * element is displayed on the page. Conversely, for native mobile testing scenarios with Appium, WebdriverIO
+ * defers to the [`isElementDisplayed`](https://appium.io/docs/en/2.1/reference/interfaces/appium_types.ExternalDriver/#elementdisplayed)
+ * command provided by Appium. This command evaluates the visibility of elements using criteria established by the
+ * underlying Appium driver, ensuring accurate and driver-specific assessments for mobile applications.
+ *
  * <example>
     :index.html
     <div id="noSize"></div>
@@ -64,6 +71,14 @@ export async function isDisplayed() {
     if (!await hasElementId(this)) {
         return false;
     }
+    /**
+     * For mobile sessions with Appium we continue to use the elementDisplayed command
+     * as we can't run JS in native apps
+     */
+    const isNativeApplication = !browser.capabilities.browserName;
+    if (browser.isMobile && isNativeApplication) {
+        return await this.isElementDisplayed(this.elementId);
+    }
     return await browser.execute(isElementDisplayedScript, {
         [ELEMENT_KEY]: this.elementId,
         ELEMENT: this.elementId // jsonwp compatible

package/build/scripts/isElementDisplayed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isElementDisplayed.d.ts","sourceRoot":"","sources":["../../src/scripts/isElementDisplayed.ts"],"names":[],"mappings":"AAyBA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAwOrE"}
+{"version":3,"file":"isElementDisplayed.d.ts","sourceRoot":"","sources":["../../src/scripts/isElementDisplayed.ts"],"names":[],"mappings":"AAyBA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CA0OrE"}

package/build/scripts/isElementDisplayed.js

@@ -105,7 +105,7 @@ export default function isElementDisplayed(element) {
         }
         // If the container's overflow is not hidden and it has zero size, consider the
         // container to have non-zero dimensions if a child node has non-zero dimensions.
-        return Array.from(element.childNodes).some((childNode) => {
+        return Array.from(element.childNodes).some(function (childNode) {
             if (childNode.nodeType === Node.TEXT_NODE) {
                 return true;
             }
@@ -136,7 +136,7 @@ export default function isElementDisplayed(element) {
             return false;
         }
         // This element's subtree is hidden by overflow if all child subtrees are as well.
-        return Array.from(element.childNodes).every((childNode) => {
+        return Array.from(element.childNodes).every(function (childNode) {
             // Returns true if the child node is overflowed or otherwise hidden.
             // Base case: not an element, has zero size, scrolled out, or doesn't overflow container.
             // Visibility of text nodes is controlled by parent
@@ -166,7 +166,7 @@ export default function isElementDisplayed(element) {
     // This is a partial reimplementation of Selenium's "element is displayed" algorithm.
     // When the W3C specification's algorithm stabilizes, we should implement that.
     // If this command is misdirected to the wrong document (and is NOT inside a shadow root), treat it as not shown.
-    if (!isElementInsideShadowRoot(element) && !document.contains(element)) {
+    if (!isElementInsideShadowRoot(element) && !document.body.contains(element)) {
         return false;
     }
     // Special cases for specific tag names.
@@ -179,7 +179,9 @@ export default function isElementDisplayed(element) {
         case 'OPTGROUP':
         case 'OPTION': {
             // Option/optgroup are considered shown if the containing <select> is shown.
-            const enclosingSelectElement = enclosingNodeOrSelfMatchingPredicate(element, (e) => e.tagName.toUpperCase() === 'SELECT');
+            const enclosingSelectElement = enclosingNodeOrSelfMatchingPredicate(element, function (e) {
+                return e.tagName.toUpperCase() === 'SELECT';
+            });
             return isElementDisplayed(enclosingSelectElement);
         }
         case 'INPUT':
@@ -196,10 +198,10 @@ export default function isElementDisplayed(element) {
     if (cascadedStylePropertyForElement(element, 'visibility') !== 'visible') {
         return false;
     }
-    const hasAncestorWithZeroOpacity = !!enclosingElementOrSelfMatchingPredicate(element, (e) => {
+    const hasAncestorWithZeroOpacity = !!enclosingElementOrSelfMatchingPredicate(element, function (e) {
         return Number(cascadedStylePropertyForElement(e, 'opacity')) === 0;
     });
-    const hasAncestorWithDisplayNone = !!enclosingElementOrSelfMatchingPredicate(element, (e) => {
+    const hasAncestorWithDisplayNone = !!enclosingElementOrSelfMatchingPredicate(element, function (e) {
         return cascadedStylePropertyForElement(e, 'display') === 'none';
     });
     if (hasAncestorWithZeroOpacity || hasAncestorWithDisplayNone) {

package/build/scripts/resq.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resq.d.ts","sourceRoot":"","sources":["../../src/scripts/resq.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,YAE3B,CAAA;AAED,eAAO,MAAM,MAAM,aACL,MAAM,SACT,GAAG,EAAE,SACL,OAAO,MAAM,EAAE,GAAG,CAAC,gBACZ,WAAW;;QA0B5B,CAAA;AAED,eAAO,MAAM,OAAO,aACN,MAAM,SACT,GAAG,EAAE,SACL,OAAO,MAAM,EAAE,MAAM,CAAC,gBACf,WAAW,kBAkC5B,CAAA"}
+{"version":3,"file":"resq.d.ts","sourceRoot":"","sources":["../../src/scripts/resq.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,YAE3B,CAAA;AAED,eAAO,MAAM,MAAM,aACL,MAAM,SACT,GAAG,EAAE,SACL,OAAO,MAAM,EAAE,GAAG,CAAC,gBACZ,WAAW;;QA0B5B,CAAA;AAED,eAAO,MAAM,OAAO,aACN,MAAM,SACT,GAAG,EAAE,SACL,OAAO,MAAM,EAAE,MAAM,CAAC,gBACf,WAAW,kBAgC5B,CAAA"}

package/build/scripts/resq.js

@@ -39,13 +39,12 @@ export const react$$ = function react$$(selector, props, state, reactElement) {
     // this avoids having nested arrays of nodes which the driver does not understand
     // [[div, div], [div, div]] => [div, div, div, div]
     let nodes = [];
-    elements.forEach(element => {
-        const { node, isFragment } = element;
-        if (isFragment) {
-            nodes = nodes.concat(node || []);
+    elements.forEach(function (element) {
+        if (element.isFragment) {
+            nodes = nodes.concat(element.node || []);
         }
-        else if (node) {
-            nodes.push(node);
+        else if (element.node) {
+            nodes.push(element.node);
         }
     });
     return [...nodes];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "webdriverio",
   "description": "Next-gen browser and mobile automation test framework for Node.js",
-  "version": "8.23.3",
+  "version": "8.23.5",
   "homepage": "https://webdriver.io",
   "author": "Christian Bromann <mail@bromann.dev>",
   "license": "MIT",
@@ -100,5 +100,5 @@
       "optional": true
     }
   },
-  "gitHead": "7a5d7baa075b3f0adc3a9615e5b23f0c27ab4d62"
+  "gitHead": "45ccc7c221e24335f7e54bbabf7942d389d7d4cc"
 }