@cloudscape-design/browser-test-tools 3.0.109 → 3.0.110

package/browser-scripts/scroll.d.ts

@@ -2,9 +2,14 @@ export interface ScrollPosition {
     top: number;
     left: number;
 }
-export declare function scrollAction(action: 'scrollToOffset' | 'scrollToRight' | 'scrollToBottom', selector: string, offset?: {
-    top: number;
-    left: number;
+export type ScrollAction = 'scrollToOffset' | 'scrollToRight' | 'scrollToBottom';
+export declare function scrollAction({ action, selector, offset, }: {
+    action: ScrollAction;
+    selector: string;
+    offset?: {
+        top: number;
+        left: number;
+    };
 }): void;
 export declare function getElementScrollPosition(selector: string): ScrollPosition;
 export declare function windowScrollTo(top: number, left: number): void;

package/browser-scripts/scroll.js

@@ -4,7 +4,7 @@ exports.scrollAction = scrollAction;
 exports.getElementScrollPosition = getElementScrollPosition;
 exports.windowScrollTo = windowScrollTo;
 exports.getWindowScrollPosition = getWindowScrollPosition;
-function scrollAction(action, selector, offset) {
+function scrollAction({ action, selector, offset, }) {
     const element = document.querySelector(selector);
     if (!element) {
         throw new Error('Element ' + selector + ' has not been found at the page');

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "b9fd896e34b30c9180c55ec16157e83a275ad7f9"
+  "commit": "ebe2433b8e05128aa8c4d8b955b38a2d28966e5e"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/browser-test-tools",
-  "version": "3.0.109",
+  "version": "3.0.110",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/browser-test-tools.git"
@@ -19,17 +19,17 @@
     "internal"
   ],
   "dependencies": {
-    "@aws-sdk/client-device-farm": "^3.623.0",
+    "@aws-sdk/client-device-farm": "^3.996.0",
     "@types/pngjs": "^6.0.4",
-    "@wdio/globals": "^9.7.0",
-    "@wdio/types": "^9.6.3",
+    "@wdio/globals": "^9.23.0",
+    "@wdio/types": "^9.24.0",
     "get-stream": "^6.0.1",
     "lodash": "^4.17.23",
     "p-retry": "^4.6.2",
     "pixelmatch": "^5.3.0",
     "pngjs": "^6.0.0",
     "wait-on": "^8.0.3",
-    "webdriverio": "^9.7.0"
+    "webdriverio": "^9.24.0"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.186",

package/page-objects/base.d.ts

@@ -34,7 +34,7 @@ export default class BasePageObject {
     isDisplayed(selector: string): Promise<boolean>;
     isDisplayedInViewport(selector: string): Promise<boolean>;
     isClickable(selector: string): Promise<boolean>;
-    getElementAttribute(selector: string, attributeName: string): Promise<string>;
+    getElementAttribute(selector: string, attributeName: string): Promise<string | null>;
     getElementProperty(selector: string, propertyName: string): Promise<unknown>;
     getElementsCount(selector: string): Promise<number>;
     getFocusedElementText(): Promise<string>;

package/page-objects/base.js

@@ -114,8 +114,11 @@ class BasePageObject {
         await element.dragAndDrop({ x: xOffset, y: yOffset });
     }
     async getValue(selector) {
-        const element = await this.browser.$(selector);
-        return element.getValue();
+        const element = this.browser.$(selector);
+        const value = await element.getValue();
+        // getValue should return a Promise<string>, but the latest Webdriver is providing a wrong type for it,
+        // so we need to cast it until https://github.com/webdriverio/webdriverio/issues/15097 is resolved.
+        return value;
     }
     async setValue(selector, value) {
         const element = await this.browser.$(selector);
@@ -135,7 +138,8 @@ class BasePageObject {
         return this.browser.execute(browser_scripts_1.getElementScrollPosition, selector);
     }
     async elementScrollTo(selector, { top = 0, left = 0 }) {
-        await this.browser.execute(browser_scripts_1.scrollAction, 'scrollToOffset', selector, { top, left });
+        const action = 'scrollToOffset';
+        await this.browser.execute(browser_scripts_1.scrollAction, { action, selector, offset: { top, left } });
     }
     async waitForVisible(selector, shouldDisplay = true, timeout) {
         await this.browser.waitUntil(async () => {
@@ -202,8 +206,9 @@ class BasePageObject {
         return elements.length;
     }
     async getFocusedElementText() {
-        const activeNode = await this.browser.getActiveElement();
-        const element = await this.browser.$(activeNode);
+        // Cast to Selector as workaround for https://github.com/webdriverio/webdriverio/issues/15118
+        const activeNode = (await this.browser.getActiveElement());
+        const element = this.browser.$(activeNode);
         return element.getText();
     }
     async getBoundingBox(selector) {

package/page-objects/screenshot.js

@@ -18,10 +18,12 @@ class ScreenshotPageObject extends base_1.default {
         return this.keys('Tab');
     }
     async scrollToBottom(selector) {
-        await this.browser.execute(browser_scripts_1.scrollAction, 'scrollToBottom', selector);
+        const action = 'scrollToBottom';
+        await this.browser.execute(browser_scripts_1.scrollAction, { action, selector });
     }
     async scrollToRight(selector) {
-        await this.browser.execute(browser_scripts_1.scrollAction, 'scrollToRight', selector);
+        const action = 'scrollToRight';
+        await this.browser.execute(browser_scripts_1.scrollAction, { action, selector });
     }
     async fullPageScreenshot() {
         // preserve scroll position in order to avoid side effects after screenshot taking