@o3r/testing 13.0.0-next.6 → 13.0.0-prerelease.1

package/core/playwright/angular-materials/select-material.js

@@ -1,124 +1,62 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MatSelect = void 0;
-var tslib_1 = require("tslib");
-var element_1 = require("../element");
+const element_1 = require("../element");
 /**
  * Implementation dedicated to Playwright.
  */
-var MatSelect = /** @class */ (function (_super) {
-    tslib_1.__extends(MatSelect, _super);
-    function MatSelect(sourceElement) {
-        return _super.call(this, sourceElement) || this;
+class MatSelect extends element_1.O3rElement {
+    constructor(sourceElement) {
+        super(sourceElement);
     }
     /** @inheritdoc */
-    MatSelect.prototype.selectByIndex = function (index_1) {
-        return tslib_1.__awaiter(this, arguments, void 0, function (index, timeout) {
-            var options, selectedOption, option;
-            if (timeout === void 0) { timeout = 5000; }
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.click()];
-                    case 1:
-                        _a.sent();
-                        options = this.sourceElement.page.locator('mat-option');
-                        return [4 /*yield*/, options.first().waitFor({ state: 'attached', timeout: timeout })];
-                    case 2:
-                        _a.sent();
-                        return [4 /*yield*/, options.count()];
-                    case 3:
-                        if ((_a.sent()) >= index + 1) {
-                            selectedOption = { element: options.nth(index), page: this.sourceElement.page };
-                            option = new element_1.O3rElement(selectedOption);
-                            return [2 /*return*/, option.click()];
-                        }
-                        else {
-                            return [2 /*return*/, Promise.reject(new Error("Option with index ".concat(index, " not found in select element.")))];
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
+    async selectByIndex(index, timeout = 5000) {
+        await this.click();
+        const options = this.sourceElement.page.locator('mat-option');
+        await options.first().waitFor({ state: 'attached', timeout });
+        if ((await options.count()) >= index + 1) {
+            const selectedOption = { element: options.nth(index), page: this.sourceElement.page };
+            const option = new element_1.O3rElement(selectedOption);
+            return option.click();
+        }
+        else {
+            return Promise.reject(new Error(`Option with index ${index} not found in select element.`));
+        }
+    }
     /** @inheritdoc */
-    MatSelect.prototype.selectByValue = function (value_1) {
-        return tslib_1.__awaiter(this, arguments, void 0, function (value, timeout) {
-            var options, optionsCount, i, selectedOption, option;
-            if (timeout === void 0) { timeout = 5000; }
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.click()];
-                    case 1:
-                        _a.sent();
-                        options = this.sourceElement.page.locator('mat-option');
-                        return [4 /*yield*/, options.first().waitFor({ state: 'attached', timeout: timeout })];
-                    case 2:
-                        _a.sent();
-                        return [4 /*yield*/, options.count()];
-                    case 3:
-                        optionsCount = _a.sent();
-                        i = 0;
-                        _a.label = 4;
-                    case 4:
-                        if (!(i < optionsCount)) return [3 /*break*/, 7];
-                        selectedOption = { element: options.nth(i), page: this.sourceElement.page };
-                        option = new element_1.O3rElement(selectedOption);
-                        return [4 /*yield*/, option.getAttribute('ng-reflect-value')];
-                    case 5:
-                        if ((_a.sent()) === value) {
-                            return [2 /*return*/, option.click()];
-                        }
-                        _a.label = 6;
-                    case 6:
-                        i++;
-                        return [3 /*break*/, 4];
-                    case 7: return [2 /*return*/, Promise.reject(new Error("Option with value ".concat(value, " not found in select element.")))];
-                }
-            });
-        });
-    };
+    async selectByValue(value, timeout = 5000) {
+        await this.click();
+        const options = this.sourceElement.page.locator('mat-option');
+        await options.first().waitFor({ state: 'attached', timeout });
+        const optionsCount = await options.count();
+        for (let i = 0; i < optionsCount; i++) {
+            const selectedOption = { element: options.nth(i), page: this.sourceElement.page };
+            const option = new element_1.O3rElement(selectedOption);
+            if (await option.getAttribute('ng-reflect-value') === value) {
+                return option.click();
+            }
+        }
+        return Promise.reject(new Error(`Option with value ${value} not found in select element.`));
+    }
     /** @inheritdoc */
-    MatSelect.prototype.selectByLabel = function (label_1) {
-        return tslib_1.__awaiter(this, arguments, void 0, function (label, timeout) {
-            var options, optionsCount, i, selectedOption, option;
-            if (timeout === void 0) { timeout = 5000; }
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.click()];
-                    case 1:
-                        _a.sent();
-                        options = this.sourceElement.page.locator('mat-option');
-                        return [4 /*yield*/, options.first().waitFor({ state: 'attached', timeout: timeout })];
-                    case 2:
-                        _a.sent();
-                        return [4 /*yield*/, options.count()];
-                    case 3:
-                        optionsCount = _a.sent();
-                        i = 0;
-                        _a.label = 4;
-                    case 4:
-                        if (!(i < optionsCount)) return [3 /*break*/, 7];
-                        selectedOption = { element: options.nth(i), page: this.sourceElement.page };
-                        option = new element_1.O3rElement(selectedOption);
-                        return [4 /*yield*/, option.getText()];
-                    case 5:
-                        if ((_a.sent()) === label) {
-                            return [2 /*return*/, option.click()];
-                        }
-                        _a.label = 6;
-                    case 6:
-                        i++;
-                        return [3 /*break*/, 4];
-                    case 7: return [2 /*return*/, Promise.reject(new Error("Option with label ".concat(label, " not found in select element.")))];
-                }
-            });
-        });
-    };
+    async selectByLabel(label, timeout = 5000) {
+        await this.click();
+        const options = this.sourceElement.page.locator('mat-option');
+        await options.first().waitFor({ state: 'attached', timeout });
+        const optionsCount = await options.count();
+        for (let i = 0; i < optionsCount; i++) {
+            const selectedOption = { element: options.nth(i), page: this.sourceElement.page };
+            const option = new element_1.O3rElement(selectedOption);
+            if (await option.getText() === label) {
+                return option.click();
+            }
+        }
+        return Promise.reject(new Error(`Option with label ${label} not found in select element.`));
+    }
     /** @inheritDoc */
-    MatSelect.prototype.getValue = function () {
+    getValue() {
         throw new Error('Cannot use "getValue" function on a Material Select element. Use "getPlainText()" instead.');
-    };
-    return MatSelect;
-}(element_1.O3rElement));
+    }
+}
 exports.MatSelect = MatSelect;
 //# sourceMappingURL=select-material.js.map

package/core/playwright/angular-materials/select-material.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-material.js","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/select-material.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  MatSelectProfile,\n} from '../../angular-materials';\nimport {\n  O3rElement,\n  PlaywrightSourceElement,\n} from '../element';\n\n/**\n * Implementation dedicated to Playwright.\n */\nexport class MatSelect extends O3rElement implements MatSelectProfile {\n  constructor(sourceElement: PlaywrightSourceElement | O3rElement) {\n    super(sourceElement);\n  }\n\n  /** @inheritdoc */\n  public async selectByIndex(index: number, timeout = 5000) {\n    await this.click();\n    const options = this.sourceElement.page.locator('mat-option');\n    await options.first().waitFor({ state: 'attached', timeout });\n    if ((await options.count()) >= index + 1) {\n      const selectedOption = { element: options.nth(index), page: this.sourceElement.page } as const satisfies PlaywrightSourceElement;\n      const option = new O3rElement(selectedOption);\n      return option.click();\n    } else {\n      return Promise.reject(new Error(`Option with index ${index} not found in select element.`));\n    }\n  }\n\n  /** @inheritdoc */\n  public async selectByValue(value: string, timeout = 5000) {\n    await this.click();\n    const options = this.sourceElement.page.locator('mat-option');\n    await options.first().waitFor({ state: 'attached', timeout });\n    const optionsCount = await options.count();\n    for (let i = 0; i < optionsCount; i++) {\n      const selectedOption = { element: options.nth(i), page: this.sourceElement.page } as const satisfies PlaywrightSourceElement;\n      const option = new O3rElement(selectedOption);\n      if (await option.getAttribute('ng-reflect-value') === value) {\n        return option.click();\n      }\n    }\n    return Promise.reject(new Error(`Option with value ${value} not found in select element.`));\n  }\n\n  /** @inheritdoc */\n  public async selectByLabel(label: string, timeout = 5000) {\n    await this.click();\n    const options = this.sourceElement.page.locator('mat-option');\n    await options.first().waitFor({ state: 'attached', timeout });\n    const optionsCount = await options.count();\n    for (let i = 0; i < optionsCount; i++) {\n      const selectedOption = { element: options.nth(i), page: this.sourceElement.page } as const satisfies PlaywrightSourceElement;\n      const option = new O3rElement(selectedOption);\n      if (await option.getText() === label) {\n        return option.click();\n      }\n    }\n\n    return Promise.reject(new Error(`Option with label ${label} not found in select element.`));\n  }\n\n  /** @inheritDoc */\n  public getValue(): Promise<string | undefined> {\n    throw new Error('Cannot use \"getValue\" function on a Material Select element. Use \"getPlainText()\" instead.');\n  }\n}\n"]}
+{"version":3,"file":"select-material.js","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/select-material.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  MatSelectProfile,\n} from '../../angular-materials';\nimport {\n  O3rElement,\n  PlaywrightSourceElement,\n} from '../element';\n\n/**\n * Implementation dedicated to Playwright.\n */\nexport class MatSelect extends O3rElement implements MatSelectProfile {\n  constructor(sourceElement: PlaywrightSourceElement | O3rElement) {\n    super(sourceElement);\n  }\n\n  /** @inheritdoc */\n  public async selectByIndex(index: number, timeout = 5000) {\n    await this.click();\n    const options = this.sourceElement.page.locator('mat-option');\n    await options.first().waitFor({ state: 'attached', timeout });\n    if ((await options.count()) >= index + 1) {\n      const selectedOption = { element: options.nth(index), page: this.sourceElement.page } as const satisfies PlaywrightSourceElement;\n      const option = new O3rElement(selectedOption);\n      return option.click();\n    } else {\n      return Promise.reject(new Error(`Option with index ${index} not found in select element.`));\n    }\n  }\n\n  /** @inheritdoc */\n  public async selectByValue(value: string, timeout = 5000) {\n    await this.click();\n    const options = this.sourceElement.page.locator('mat-option');\n    await options.first().waitFor({ state: 'attached', timeout });\n    const optionsCount = await options.count();\n    for (let i = 0; i < optionsCount; i++) {\n      const selectedOption = { element: options.nth(i), page: this.sourceElement.page } as const satisfies PlaywrightSourceElement;\n      const option = new O3rElement(selectedOption);\n      if (await option.getAttribute('ng-reflect-value') === value) {\n        return option.click();\n      }\n    }\n    return Promise.reject(new Error(`Option with value ${value} not found in select element.`));\n  }\n\n  /** @inheritdoc */\n  public async selectByLabel(label: string, timeout = 5000) {\n    await this.click();\n    const options = this.sourceElement.page.locator('mat-option');\n    await options.first().waitFor({ state: 'attached', timeout });\n    const optionsCount = await options.count();\n    for (let i = 0; i < optionsCount; i++) {\n      const selectedOption = { element: options.nth(i), page: this.sourceElement.page } as const satisfies PlaywrightSourceElement;\n      const option = new O3rElement(selectedOption);\n      if (await option.getText() === label) {\n        return option.click();\n      }\n    }\n\n    return Promise.reject(new Error(`Option with label ${label} not found in select element.`));\n  }\n\n  /** @inheritDoc */\n  public getValue(): Promise<string | undefined> {\n    throw new Error('Cannot use \"getValue\" function on a Material Select element. Use \"getPlainText()\" instead.');\n  }\n}\n"]}

package/core/playwright/angular-materials/slider-material.js

@@ -1,19 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MatSlider = void 0;
-var tslib_1 = require("tslib");
-var elements_1 = require("../elements");
-var TRACK_CLASS = 'mdc-slider__track';
-var THUMB_CLASS = 'mdc-slider__thumb';
+const elements_1 = require("../elements");
+const TRACK_CLASS = 'mdc-slider__track';
+const THUMB_CLASS = 'mdc-slider__thumb';
 /**
  * Implementation dedicated to Playwright.
  */
-var MatSlider = /** @class */ (function (_super) {
-    tslib_1.__extends(MatSlider, _super);
-    function MatSlider(sourceElement) {
-        return _super.call(this, sourceElement, ".".concat(TRACK_CLASS), ".".concat(THUMB_CLASS)) || this;
+class MatSlider extends elements_1.O3rSliderElement {
+    constructor(sourceElement) {
+        super(sourceElement, `.${TRACK_CLASS}`, `.${THUMB_CLASS}`);
     }
-    return MatSlider;
-}(elements_1.O3rSliderElement));
+}
 exports.MatSlider = MatSlider;
 //# sourceMappingURL=slider-material.js.map

package/core/playwright/angular-materials/slider-material.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-material.js","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/slider-material.ts"],"names":[],"mappings":";;;;AAUA,wCAEqB;AAErB,IAAM,WAAW,GAA4B,mBAAmB,CAAC;AACjE,IAAM,WAAW,GAA4B,mBAAmB,CAAC;AAEjE;;GAEG;AACH;IAA+B,qCAAgB;IAC7C,mBAAY,aAAmD;QAC7D,OAAA,MAAK,YAAC,aAAa,EAAE,WAAI,WAAW,CAAE,EAAE,WAAI,WAAW,CAAE,CAAC,SAAC;IAC7D,CAAC;IACH,gBAAC;AAAD,CAAC,AAJD,CAA+B,2BAAgB,GAI9C;AAJY,8BAAS","sourcesContent":["import type {\n  cssClasses,\n} from '@material/slider';\nimport type {\n  MatSliderProfile,\n} from '../../angular-materials';\nimport {\n  O3rElement,\n  type PlaywrightSourceElement,\n} from '../element';\nimport {\n  O3rSliderElement,\n} from '../elements';\n\nconst TRACK_CLASS: typeof cssClasses.TRACK = 'mdc-slider__track';\nconst THUMB_CLASS: typeof cssClasses.THUMB = 'mdc-slider__thumb';\n\n/**\n * Implementation dedicated to Playwright.\n */\nexport class MatSlider extends O3rSliderElement implements MatSliderProfile {\n  constructor(sourceElement: PlaywrightSourceElement | O3rElement) {\n    super(sourceElement, `.${TRACK_CLASS}`, `.${THUMB_CLASS}`);\n  }\n}\n"]}
+{"version":3,"file":"slider-material.js","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/slider-material.ts"],"names":[],"mappings":";;;AAUA,0CAEqB;AAErB,MAAM,WAAW,GAA4B,mBAAmB,CAAC;AACjE,MAAM,WAAW,GAA4B,mBAAmB,CAAC;AAEjE;;GAEG;AACH,MAAa,SAAU,SAAQ,2BAAgB;IAC7C,YAAY,aAAmD;QAC7D,KAAK,CAAC,aAAa,EAAE,IAAI,WAAW,EAAE,EAAE,IAAI,WAAW,EAAE,CAAC,CAAC;IAC7D,CAAC;CACF;AAJD,8BAIC","sourcesContent":["import type {\n  cssClasses,\n} from '@material/slider';\nimport type {\n  MatSliderProfile,\n} from '../../angular-materials';\nimport {\n  O3rElement,\n  type PlaywrightSourceElement,\n} from '../element';\nimport {\n  O3rSliderElement,\n} from '../elements';\n\nconst TRACK_CLASS: typeof cssClasses.TRACK = 'mdc-slider__track';\nconst THUMB_CLASS: typeof cssClasses.THUMB = 'mdc-slider__thumb';\n\n/**\n * Implementation dedicated to Playwright.\n */\nexport class MatSlider extends O3rSliderElement implements MatSliderProfile {\n  constructor(sourceElement: PlaywrightSourceElement | O3rElement) {\n    super(sourceElement, `.${TRACK_CLASS}`, `.${THUMB_CLASS}`);\n  }\n}\n"]}

package/core/playwright/component-fixture.js

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.O3rComponentFixture = void 0;
-var tslib_1 = require("tslib");
-var index_1 = require("../../errors/index");
-var helpers_1 = require("../helpers");
-var element_1 = require("./element");
+const index_1 = require("../../errors/index");
+const helpers_1 = require("../helpers");
+const element_1 = require("./element");
 /**
  * Implementation of the fixture dedicated to Playwright, hence using the webdriver to interact with the dom.
  */
-var O3rComponentFixture = /** @class */ (function () {
+class O3rComponentFixture {
     /**
      * Root element of this fixture.
      * All further queries will be applied to the element tree if any, otherwise they will be applied to the whole DOM.
      * @param rootElement
      */
-    function O3rComponentFixture(rootElement) {
+    constructor(rootElement) {
         this.rootElement = rootElement;
     }
     /**
@@ -23,45 +22,26 @@ var O3rComponentFixture = /** @class */ (function () {
      * @param element ElementProfile to test
      * @param timeout specific timeout that will throw when reach
      */
-    O3rComponentFixture.prototype.throwOnUndefinedElement = function (element, timeout) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!element) {
-                            throw new Error('Element not found in ' + this.constructor.name);
-                        }
-                        return [4 /*yield*/, element.sourceElement.element.first().waitFor({ state: 'attached', timeout: timeout })];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, element];
-                }
-            });
-        });
-    };
+    async throwOnUndefinedElement(element, timeout) {
+        if (!element) {
+            throw new Error('Element not found in ' + this.constructor.name);
+        }
+        await element.sourceElement.element.first().waitFor({ state: 'attached', timeout });
+        return element;
+    }
     /**
      * Throws an exception if the element is undefined.
      * Otherwise returns the element.
      * @param element ElementProfile to test
      * @param timeout specific timeout that will throw when reach
      */
-    O3rComponentFixture.prototype.throwOnUndefined = function (element, timeout) {
-        var _this = this;
-        return (0, helpers_1.withTimeout)((function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-            var el;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, element];
-                    case 1:
-                        el = _a.sent();
-                        return [4 /*yield*/, el.sourceElement.element.first().waitFor({ state: 'attached' })];
-                    case 2:
-                        _a.sent();
-                        return [2 /*return*/, el];
-                }
-            });
-        }); })(), timeout);
-    };
+    throwOnUndefined(element, timeout) {
+        return (0, helpers_1.withTimeout)((async () => {
+            const el = await element;
+            await el.sourceElement.element.first().waitFor({ state: 'attached' });
+            return el;
+        })(), timeout);
+    }
     /**
      * Get the element associated to the selector if present
      * @param selector Selector to access the element
@@ -71,23 +51,13 @@ var O3rComponentFixture = /** @class */ (function () {
      * @param options.shouldThrowIfNotPresent If set to true the function will throw if the element is not present
      * @param options.timeout Duration to wait for the element to be present before it throws
      */
-    O3rComponentFixture.prototype.queryWithOptions = function (selector_1, elementConstructor_1) {
-        return tslib_1.__awaiter(this, arguments, void 0, function (selector, elementConstructor, options) {
-            var element;
-            if (options === void 0) { options = {}; }
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, (options.index === undefined ? this.query(selector, elementConstructor) : this.queryNth(selector, options.index, elementConstructor))];
-                    case 1:
-                        element = _a.sent();
-                        if (options.shouldThrowIfNotPresent) {
-                            return [2 /*return*/, this.throwOnUndefinedElement(element, options.timeout)];
-                        }
-                        return [2 /*return*/, element];
-                }
-            });
-        });
-    };
+    async queryWithOptions(selector, elementConstructor, options = {}) {
+        const element = await (options.index === undefined ? this.query(selector, elementConstructor) : this.queryNth(selector, options.index, elementConstructor));
+        if (options.shouldThrowIfNotPresent) {
+            return this.throwOnUndefinedElement(element, options.timeout);
+        }
+        return element;
+    }
     /**
      * Get text from the element associated to the given selector, or undefined if the element is not found or not visible
      * @param selector Selector to access the element
@@ -97,26 +67,13 @@ var O3rComponentFixture = /** @class */ (function () {
      * @param options.shouldThrowIfNotPresent If set to true the function will throw if the element is not present
      * @param options.timeout Duration to wait for the element to be present before it throws
      */
-    O3rComponentFixture.prototype.getText = function (selector_1) {
-        return tslib_1.__awaiter(this, arguments, void 0, function (selector, options) {
-            var element;
-            if (options === void 0) { options = {}; }
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.queryWithOptions(selector, options.elementConstructor, options)];
-                    case 1:
-                        element = _a.sent();
-                        return [4 /*yield*/, element.isVisible()];
-                    case 2:
-                        if (!(_a.sent())) {
-                            return [2 /*return*/];
-                        }
-                        return [4 /*yield*/, element.getText()];
-                    case 3: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
+    async getText(selector, options = {}) {
+        const element = await this.queryWithOptions(selector, options.elementConstructor, options);
+        if (!await element.isVisible()) {
+            return;
+        }
+        return await element.getText();
+    }
     /**
      * Check if the element associated to the given selector is visible
      * @param selector Selector to access the element
@@ -126,21 +83,10 @@ var O3rComponentFixture = /** @class */ (function () {
      * @param options.shouldThrowIfNotPresent If set to true the function will throw if the element is not present
      * @param options.timeout Duration to wait for the element to be present before it throws
      */
-    O3rComponentFixture.prototype.isVisible = function (selector_1) {
-        return tslib_1.__awaiter(this, arguments, void 0, function (selector, options) {
-            var element;
-            if (options === void 0) { options = {}; }
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.queryWithOptions(selector, options.elementConstructor, options)];
-                    case 1:
-                        element = _a.sent();
-                        return [4 /*yield*/, element.isVisible()];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
+    async isVisible(selector, options = {}) {
+        const element = await this.queryWithOptions(selector, options.elementConstructor, options);
+        return await element.isVisible();
+    }
     /**
      * Click on the element associated to the given selector if it exists and is visible
      * @param selector Selector to access the element
@@ -150,96 +96,65 @@ var O3rComponentFixture = /** @class */ (function () {
      * @param options.shouldThrowIfNotPresent If set to true the function will throw if the element is not present
      * @param options.timeout Duration to wait for the element to be present before it throws
      */
-    O3rComponentFixture.prototype.click = function (selector_1) {
-        return tslib_1.__awaiter(this, arguments, void 0, function (selector, options) {
-            var element;
-            if (options === void 0) { options = {}; }
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.queryWithOptions(selector, options.elementConstructor, options)];
-                    case 1:
-                        element = _a.sent();
-                        return [4 /*yield*/, element.isVisible()];
-                    case 2:
-                        if (!_a.sent()) return [3 /*break*/, 4];
-                        return [4 /*yield*/, element.click()];
-                    case 3:
-                        _a.sent();
-                        _a.label = 4;
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    O3rComponentFixture.prototype.query = function (selector, returnType) {
-        var elements = this.rootElement.sourceElement.element.locator(selector);
-        var element = elements.first();
-        var selectedElement = { element: element, page: this.rootElement.sourceElement.page };
+    async click(selector, options = {}) {
+        const element = await this.queryWithOptions(selector, options.elementConstructor, options);
+        if (await element.isVisible()) {
+            await element.click();
+        }
+    }
+    query(selector, returnType) {
+        const elements = this.rootElement.sourceElement.element.locator(selector);
+        const element = elements.first();
+        const selectedElement = { element: element, page: this.rootElement.sourceElement.page };
         return Promise.resolve(new (returnType || element_1.O3rElement)(selectedElement));
-    };
-    O3rComponentFixture.prototype.queryNth = function (selector, index, returnType) {
-        var elements = this.rootElement.sourceElement.element.locator(selector);
-        var element = elements.nth(index);
-        var selectedElement = { element: element, page: this.rootElement.sourceElement.page };
+    }
+    queryNth(selector, index, returnType) {
+        const elements = this.rootElement.sourceElement.element.locator(selector);
+        const element = elements.nth(index);
+        const selectedElement = { element: element, page: this.rootElement.sourceElement.page };
         return Promise.resolve(new (returnType || element_1.O3rElement)(selectedElement));
-    };
-    O3rComponentFixture.prototype.queryAll = function (selector_1, returnType_1, groupType_1) {
-        return tslib_1.__awaiter(this, arguments, void 0, function (selector, returnType, groupType, timeout) {
-            var sourceElement, pElements, pElementsCount, elements, i, selectedElement, group, isValid, err_1;
-            if (timeout === void 0) { timeout = 5000; }
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 5, , 6]);
-                        sourceElement = this.rootElement.sourceElement.element;
-                        pElements = sourceElement.locator(selector);
-                        // Mandatory because count is not reliable if we don't wait for the list to be attached
-                        return [4 /*yield*/, pElements.first().waitFor({ state: 'attached', timeout: timeout })];
-                    case 1:
-                        // Mandatory because count is not reliable if we don't wait for the list to be attached
-                        _a.sent();
-                        return [4 /*yield*/, pElements.count()];
-                    case 2:
-                        pElementsCount = _a.sent();
-                        elements = [];
-                        for (i = 0; i < pElementsCount; i++) {
-                            selectedElement = { element: pElements.nth(i), page: this.rootElement.sourceElement.page };
-                            elements.push(returnType ? new returnType(selectedElement) : new element_1.O3rElement(selectedElement));
-                        }
-                        if (!groupType) return [3 /*break*/, 4];
-                        group = new groupType(elements);
-                        return [4 /*yield*/, group.isValidGroup()];
-                    case 3:
-                        isValid = _a.sent();
-                        if (!isValid) {
-                            throw new index_1.FixtureUsageError('invalid group of items');
-                        }
-                        return [2 /*return*/, group];
-                    case 4: return [2 /*return*/, elements];
-                    case 5:
-                        err_1 = _a.sent();
-                        // eslint-disable-next-line no-console -- no other logger available
-                        console.warn("Failed to query all ".concat(selector), err_1);
-                        return [2 /*return*/, Promise.resolve([])];
-                    case 6: return [2 /*return*/];
+    }
+    async queryAll(selector, returnType, groupType, timeout = 5000) {
+        try {
+            const sourceElement = this.rootElement.sourceElement.element;
+            const pElements = sourceElement.locator(selector);
+            // Mandatory because count is not reliable if we don't wait for the list to be attached
+            await pElements.first().waitFor({ state: 'attached', timeout });
+            const pElementsCount = await pElements.count();
+            const elements = [];
+            for (let i = 0; i < pElementsCount; i++) {
+                const selectedElement = { element: pElements.nth(i), page: this.rootElement.sourceElement.page };
+                elements.push(returnType ? new returnType(selectedElement) : new element_1.O3rElement(selectedElement));
+            }
+            if (groupType) {
+                const group = new groupType(elements);
+                const isValid = await group.isValidGroup();
+                if (!isValid) {
+                    throw new index_1.FixtureUsageError('invalid group of items');
                 }
-            });
-        });
-    };
+                return group;
+            }
+            return elements;
+        }
+        catch (err) {
+            // eslint-disable-next-line no-console -- no other logger available
+            console.warn(`Failed to query all ${selector}`, err);
+            return Promise.resolve([]);
+        }
+    }
     /** @inheritdoc */
-    O3rComponentFixture.prototype.getElement = function () {
+    getElement() {
         return this.rootElement;
-    };
+    }
     /** @inheritdoc */
-    O3rComponentFixture.prototype.getSubComponents = function () {
+    getSubComponents() {
         return Promise.resolve({ block: [this] });
-    };
+    }
     /** @inheritDoc */
-    O3rComponentFixture.prototype.queryNotPresent = function (selector) {
-        var element = this.rootElement.sourceElement.element.locator(selector).first();
+    queryNotPresent(selector) {
+        const element = this.rootElement.sourceElement.element.locator(selector).first();
         return element.isHidden();
-    };
-    return O3rComponentFixture;
-}());
+    }
+}
 exports.O3rComponentFixture = O3rComponentFixture;
 //# sourceMappingURL=component-fixture.js.map