@serenity-js/web 3.13.3 → 3.14.0

package/lib/screenplay/models/PageElementsLocator.js

@@ -7,6 +7,7 @@ const abilities_1 = require("../abilities");
  * @group Models
  */
 class PageElementsLocator extends core_1.Question {
+    locator;
     static fromDocumentRoot(selector) {
         return new PageElementsLocator(core_1.Question.about((0, core_1.d) `page elements located ${selector}`, async (actor) => {
             const bySelector = await actor.answer(selector);
@@ -14,6 +15,7 @@ class PageElementsLocator extends core_1.Question {
             return currentPage.locate(bySelector).locator;
         }));
     }
+    subject;
     constructor(locator) {
         super();
         this.locator = locator;

package/lib/screenplay/models/PageElementsLocator.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageElementsLocator.js","sourceRoot":"","sources":["../../../src/screenplay/models/PageElementsLocator.ts"],"names":[],"mappings":";;;AACA,4CAAgD;AAEhD,4CAA4C;AAK5C;;GAEG;AACH,MAAa,mBACT,SAAQ,eAA0D;IAGlE,MAAM,CAAC,gBAAgB,CAAM,QAA8B;QACvD,OAAO,IAAI,mBAAmB,CAC1B,eAAQ,CAAC,KAAK,CAAC,IAAA,QAAC,EAAA,yBAA0B,QAAS,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;YACjE,MAAM,UAAU,GAAI,MAAM,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACjD,MAAM,WAAW,GAAG,MAAM,wBAAY,CAAC,EAAE,CAAoB,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;YAElF,OAAO,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;QAClD,CAAC,CAAC,CACL,CAAC;IACN,CAAC;IAID,YAA6B,OAAiD;QAC1E,KAAK,EAAE,CAAC;QADiB,YAAO,GAAP,OAAO,CAA0C;IAE9E,CAAC;IAED,EAAE,CAAC,MAAoD;QACnD,OAAO,IAAI,mBAAmB,CAC1B,eAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAA,QAAC,EAAA,OAAQ,MAAO,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;YAC/D,MAAM,OAAO,GAA6C,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3F,MAAM,aAAa,GAAuC,MAAM,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAErF,OAAO,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC,CACL,CAAC;IACN,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,KAAuC;QACpD,MAAM,QAAQ,GAAiC,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChF,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;IAClC,CAAC;IAED,WAAW,CAAC,OAAe;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,QAAQ;QACJ,OAAO,IAAI,CAAC,OAAO,IAAI,IAAA,QAAC,EAAA,GAAI,IAAI,CAAC,OAAQ,EAAE,CAAC;IAChD,CAAC;CACJ;AA7CD,kDA6CC"}
+{"version":3,"file":"PageElementsLocator.js","sourceRoot":"","sources":["../../../src/screenplay/models/PageElementsLocator.ts"],"names":[],"mappings":";;;AACA,4CAAgD;AAEhD,4CAA4C;AAK5C;;GAEG;AACH,MAAa,mBACT,SAAQ,eAA0D;IAgBrC;IAb7B,MAAM,CAAC,gBAAgB,CAAM,QAA8B;QACvD,OAAO,IAAI,mBAAmB,CAC1B,eAAQ,CAAC,KAAK,CAAC,IAAA,QAAC,EAAA,yBAA0B,QAAS,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;YACjE,MAAM,UAAU,GAAI,MAAM,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACjD,MAAM,WAAW,GAAG,MAAM,wBAAY,CAAC,EAAE,CAAoB,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;YAElF,OAAO,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;QAClD,CAAC,CAAC,CACL,CAAC;IACN,CAAC;IAEO,OAAO,CAAU;IAEzB,YAA6B,OAAiD;QAC1E,KAAK,EAAE,CAAC;QADiB,YAAO,GAAP,OAAO,CAA0C;IAE9E,CAAC;IAED,EAAE,CAAC,MAAoD;QACnD,OAAO,IAAI,mBAAmB,CAC1B,eAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAA,QAAC,EAAA,OAAQ,MAAO,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;YAC/D,MAAM,OAAO,GAA6C,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3F,MAAM,aAAa,GAAuC,MAAM,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAErF,OAAO,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC,CACL,CAAC;IACN,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,KAAuC;QACpD,MAAM,QAAQ,GAAiC,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChF,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;IAClC,CAAC;IAED,WAAW,CAAC,OAAe;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,QAAQ;QACJ,OAAO,IAAI,CAAC,OAAO,IAAI,IAAA,QAAC,EAAA,GAAI,IAAI,CAAC,OAAQ,EAAE,CAAC;IAChD,CAAC;CACJ;AA7CD,kDA6CC"}

package/lib/screenplay/models/RootLocator.js

@@ -22,7 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RootLocator = void 0;
 const io_1 = require("@serenity-js/core/lib/io");
@@ -40,13 +39,10 @@ const util = __importStar(require("util")); // eslint-disable-line unicorn/impor
  * @group Models
  */
 class RootLocator {
-    constructor() {
-        this[_a] = (0, io_1.inspectedObject)(this, []);
-    }
     toString() {
         return 'root locator';
     }
+    [util.inspect.custom] = (0, io_1.inspectedObject)(this, []);
 }
 exports.RootLocator = RootLocator;
-_a = util.inspect.custom;
 //# sourceMappingURL=RootLocator.js.map

package/lib/screenplay/models/RootLocator.js.map

@@ -1 +1 @@
-{"version":3,"file":"RootLocator.js","sourceRoot":"","sources":["../../../src/screenplay/models/RootLocator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iDAA2D;AAC3D,2CAA6B,CAAG,2CAA2C;AAE3E;;;;;;;;;;;GAWG;AACH,MAAsB,WAAW;IAAjC;QAYI,QAAqB,GAAG,IAAA,oBAAe,EAAC,IAAI,EAAE,EAAG,CAAC,CAAA;IACtD,CAAC;IALG,QAAQ;QACJ,OAAO,cAAc,CAAC;IAC1B,CAAC;CAGJ;AAbD,kCAaC;KADI,IAAI,CAAC,OAAO,CAAC,MAAM"}
+{"version":3,"file":"RootLocator.js","sourceRoot":"","sources":["../../../src/screenplay/models/RootLocator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iDAA2D;AAC3D,2CAA6B,CAAG,2CAA2C;AAE3E;;;;;;;;;;;GAWG;AACH,MAAsB,WAAW;IAQ7B,QAAQ;QACJ,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,IAAI,EAAE,EAAG,CAAC,CAAA;CACrD;AAbD,kCAaC"}

package/lib/screenplay/models/SelectOption.js

@@ -16,6 +16,10 @@ const tiny_types_1 = require("tiny-types");
  * @group Models
  */
 class SelectOption extends tiny_types_1.TinyType {
+    label;
+    value;
+    selected;
+    disabled;
     static withLabel(label) {
         return new SelectOption(label);
     }

package/lib/screenplay/models/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../src/screenplay/models/SelectOption.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAEtC;;;;;;;;;;;;GAYG;AACH,MAAa,YAAa,SAAQ,qBAAQ;IAEtC,MAAM,CAAC,SAAS,CAAC,KAAa;QAC1B,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,KAAa;QAC1B,OAAO,IAAI,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,YACoB,KAAc,EACd,KAAc,EACd,QAAkB,EAClB,QAAkB;QAElC,KAAK,EAAE,CAAC;QALQ,UAAK,GAAL,KAAK,CAAS;QACd,UAAK,GAAL,KAAK,CAAS;QACd,aAAQ,GAAR,QAAQ,CAAU;QAClB,aAAQ,GAAR,QAAQ,CAAU;IAGtC,CAAC;IAED,QAAQ;QACJ,OAAO,kCAAmC,IAAI,CAAC,KAAM,YAAa,IAAI,CAAC,KAAM,EAAE,CAAC;IACpF,CAAC;CACJ;AAtBD,oCAsBC"}
+{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../src/screenplay/models/SelectOption.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAEtC;;;;;;;;;;;;GAYG;AACH,MAAa,YAAa,SAAQ,qBAAQ;IAWlB;IACA;IACA;IACA;IAZpB,MAAM,CAAC,SAAS,CAAC,KAAa;QAC1B,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,KAAa;QAC1B,OAAO,IAAI,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,YACoB,KAAc,EACd,KAAc,EACd,QAAkB,EAClB,QAAkB;QAElC,KAAK,EAAE,CAAC;QALQ,UAAK,GAAL,KAAK,CAAS;QACd,UAAK,GAAL,KAAK,CAAS;QACd,aAAQ,GAAR,QAAQ,CAAU;QAClB,aAAQ,GAAR,QAAQ,CAAU;IAGtC,CAAC;IAED,QAAQ;QACJ,OAAO,kCAAmC,IAAI,CAAC,KAAM,YAAa,IAAI,CAAC,KAAM,EAAE,CAAC;IACpF,CAAC;CACJ;AAtBD,oCAsBC"}

package/lib/screenplay/models/dialogs/AcceptedModalDialog.js

@@ -13,6 +13,7 @@ const ModalDialog_1 = require("./ModalDialog");
  * @group Models
  */
 class AcceptedModalDialog extends ModalDialog_1.ModalDialog {
+    dialogMessage;
     constructor(dialogMessage) {
         super();
         this.dialogMessage = dialogMessage;

package/lib/screenplay/models/dialogs/AcceptedModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AcceptedModalDialog.js","sourceRoot":"","sources":["../../../../src/screenplay/models/dialogs/AcceptedModalDialog.ts"],"names":[],"mappings":";;;AAAA,2CAA+C;AAE/C,+CAA4C;AAE5C;;;;;;;;GAQG;AACH,MAAa,mBAAoB,SAAQ,yBAAW;IAChD,YAA6B,aAAqB;QAC9C,KAAK,EAAE,CAAC;QADiB,kBAAa,GAAb,aAAa,CAAQ;QAE9C,IAAA,mBAAM,EAAC,eAAe,EAAE,aAAa,EAAE,IAAA,sBAAS,GAAE,CAAC,CAAC;IACxD,CAAC;IAED,KAAK,CAAC,SAAS;QACX,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,KAAK,CAAC,OAAO;QACT,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;CACJ;AAbD,kDAaC"}
+{"version":3,"file":"AcceptedModalDialog.js","sourceRoot":"","sources":["../../../../src/screenplay/models/dialogs/AcceptedModalDialog.ts"],"names":[],"mappings":";;;AAAA,2CAA+C;AAE/C,+CAA4C;AAE5C;;;;;;;;GAQG;AACH,MAAa,mBAAoB,SAAQ,yBAAW;IACnB;IAA7B,YAA6B,aAAqB;QAC9C,KAAK,EAAE,CAAC;QADiB,kBAAa,GAAb,aAAa,CAAQ;QAE9C,IAAA,mBAAM,EAAC,eAAe,EAAE,aAAa,EAAE,IAAA,sBAAS,GAAE,CAAC,CAAC;IACxD,CAAC;IAED,KAAK,CAAC,SAAS;QACX,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,KAAK,CAAC,OAAO;QACT,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;CACJ;AAbD,kDAaC"}

package/lib/screenplay/models/dialogs/DismissedModalDialog.js

@@ -13,6 +13,7 @@ const ModalDialog_1 = require("./ModalDialog");
  * @group Models
  */
 class DismissedModalDialog extends ModalDialog_1.ModalDialog {
+    dialogMessage;
     constructor(dialogMessage) {
         super();
         this.dialogMessage = dialogMessage;

package/lib/screenplay/models/dialogs/DismissedModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissedModalDialog.js","sourceRoot":"","sources":["../../../../src/screenplay/models/dialogs/DismissedModalDialog.ts"],"names":[],"mappings":";;;AAAA,2CAA+C;AAE/C,+CAA4C;AAE5C;;;;;;;;GAQG;AACH,MAAa,oBAAqB,SAAQ,yBAAW;IACjD,YAA6B,aAAqB;QAC9C,KAAK,EAAE,CAAC;QADiB,kBAAa,GAAb,aAAa,CAAQ;QAE9C,IAAA,mBAAM,EAAC,eAAe,EAAE,aAAa,EAAE,IAAA,sBAAS,GAAE,CAAC,CAAC;IACxD,CAAC;IAED,KAAK,CAAC,SAAS;QACX,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,KAAK,CAAC,OAAO;QACT,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;CACJ;AAbD,oDAaC"}
+{"version":3,"file":"DismissedModalDialog.js","sourceRoot":"","sources":["../../../../src/screenplay/models/dialogs/DismissedModalDialog.ts"],"names":[],"mappings":";;;AAAA,2CAA+C;AAE/C,+CAA4C;AAE5C;;;;;;;;GAQG;AACH,MAAa,oBAAqB,SAAQ,yBAAW;IACpB;IAA7B,YAA6B,aAAqB;QAC9C,KAAK,EAAE,CAAC;QADiB,kBAAa,GAAb,aAAa,CAAQ;QAE9C,IAAA,mBAAM,EAAC,eAAe,EAAE,aAAa,EAAE,IAAA,sBAAS,GAAE,CAAC,CAAC;IACxD,CAAC;IAED,KAAK,CAAC,SAAS;QACX,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,KAAK,CAAC,OAAO;QACT,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;CACJ;AAbD,oDAaC"}

package/lib/screenplay/models/dialogs/ModalDialogHandler.js

@@ -14,6 +14,7 @@ const AbsentModalDialog_1 = require("./AbsentModalDialog");
  * @group Models
  */
 class ModalDialogHandler {
+    modalDialog;
     constructor(modalDialog = new AbsentModalDialog_1.AbsentModalDialog()) {
         this.modalDialog = modalDialog;
         (0, tiny_types_1.ensure)('modalDialog', modalDialog, (0, tiny_types_1.isDefined)());

package/lib/screenplay/models/dialogs/ModalDialogHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogHandler.js","sourceRoot":"","sources":["../../../../src/screenplay/models/dialogs/ModalDialogHandler.ts"],"names":[],"mappings":";;;AAAA,2CAA+C;AAE/C,2DAAwD;AAGxD;;;;;;;;;GASG;AACH,MAAsB,kBAAkB;IAEpC,YAAgC,cAA2B,IAAI,qCAAiB,EAAE;QAAlD,gBAAW,GAAX,WAAW,CAAuC;QAC9E,IAAA,mBAAM,EAAC,aAAa,EAAE,WAAW,EAAE,IAAA,sBAAS,GAAE,CAAC,CAAC;IACpD,CAAC;IAuBD;;;OAGG;IACH,KAAK,CAAC,IAAI;QACN,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;CACJ;AAlCD,gDAkCC"}
+{"version":3,"file":"ModalDialogHandler.js","sourceRoot":"","sources":["../../../../src/screenplay/models/dialogs/ModalDialogHandler.ts"],"names":[],"mappings":";;;AAAA,2CAA+C;AAE/C,2DAAwD;AAGxD;;;;;;;;;GASG;AACH,MAAsB,kBAAkB;IAEJ;IAAhC,YAAgC,cAA2B,IAAI,qCAAiB,EAAE;QAAlD,gBAAW,GAAX,WAAW,CAAuC;QAC9E,IAAA,mBAAM,EAAC,aAAa,EAAE,WAAW,EAAE,IAAA,sBAAS,GAAE,CAAC,CAAC;IACpD,CAAC;IAuBD;;;OAGG;IACH,KAAK,CAAC,IAAI;QACN,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;CACJ;AAlCD,gDAkCC"}

package/lib/screenplay/models/selectors/ByCss.js

@@ -10,6 +10,7 @@ const Selector_1 = require("./Selector");
  * @group Models
  */
 class ByCss extends Selector_1.Selector {
+    value;
     constructor(value) {
         super();
         this.value = value;

package/lib/screenplay/models/selectors/ByCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"ByCss.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByCss.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;GAMG;AACH,MAAa,KAAM,SAAQ,mBAAQ;IAC/B,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,sBAIC"}
+{"version":3,"file":"ByCss.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByCss.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;GAMG;AACH,MAAa,KAAM,SAAQ,mBAAQ;IACH;IAA5B,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,sBAIC"}

package/lib/screenplay/models/selectors/ByCssContainingText.js

@@ -11,6 +11,8 @@ const Selector_1 = require("./Selector");
  * @group Models
  */
 class ByCssContainingText extends Selector_1.Selector {
+    value;
+    text;
     constructor(value, text) {
         super();
         this.value = value;

package/lib/screenplay/models/selectors/ByCssContainingText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ByCssContainingText.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByCssContainingText.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;;GAOG;AACH,MAAa,mBAAoB,SAAQ,mBAAQ;IAC7C,YAA4B,KAAa,EAAkB,IAAY;QACnE,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;QAAkB,SAAI,GAAJ,IAAI,CAAQ;IAEvE,CAAC;CACJ;AAJD,kDAIC"}
+{"version":3,"file":"ByCssContainingText.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByCssContainingText.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;;GAOG;AACH,MAAa,mBAAoB,SAAQ,mBAAQ;IACjB;IAA+B;IAA3D,YAA4B,KAAa,EAAkB,IAAY;QACnE,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;QAAkB,SAAI,GAAJ,IAAI,CAAQ;IAEvE,CAAC;CACJ;AAJD,kDAIC"}

package/lib/screenplay/models/selectors/ByDeepCss.js

@@ -11,6 +11,7 @@ const Selector_1 = require("./Selector");
  * @group Models
  */
 class ByDeepCss extends Selector_1.Selector {
+    value;
     constructor(value) {
         super();
         this.value = value;

package/lib/screenplay/models/selectors/ByDeepCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"ByDeepCss.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByDeepCss.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;;GAOG;AACH,MAAa,SAAU,SAAQ,mBAAQ;IACnC,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,8BAIC"}
+{"version":3,"file":"ByDeepCss.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByDeepCss.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;;GAOG;AACH,MAAa,SAAU,SAAQ,mBAAQ;IACP;IAA5B,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,8BAIC"}

package/lib/screenplay/models/selectors/ById.js

@@ -10,6 +10,7 @@ const Selector_1 = require("./Selector");
  * @group Models
  */
 class ById extends Selector_1.Selector {
+    value;
     constructor(value) {
         super();
         this.value = value;

package/lib/screenplay/models/selectors/ById.js.map

@@ -1 +1 @@
-{"version":3,"file":"ById.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ById.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;GAMG;AACH,MAAa,IAAK,SAAQ,mBAAQ;IAC9B,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,oBAIC"}
+{"version":3,"file":"ById.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ById.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;GAMG;AACH,MAAa,IAAK,SAAQ,mBAAQ;IACF;IAA5B,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,oBAIC"}

package/lib/screenplay/models/selectors/ByTagName.js

@@ -10,6 +10,7 @@ const Selector_1 = require("./Selector");
  * @group Models
  */
 class ByTagName extends Selector_1.Selector {
+    value;
     constructor(value) {
         super();
         this.value = value;

package/lib/screenplay/models/selectors/ByTagName.js.map

@@ -1 +1 @@
-{"version":3,"file":"ByTagName.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByTagName.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;GAMG;AACH,MAAa,SAAU,SAAQ,mBAAQ;IACnC,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,8BAIC"}
+{"version":3,"file":"ByTagName.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByTagName.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;GAMG;AACH,MAAa,SAAU,SAAQ,mBAAQ;IACP;IAA5B,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,8BAIC"}

package/lib/screenplay/models/selectors/ByXPath.js

@@ -10,6 +10,7 @@ const Selector_1 = require("./Selector");
  * @group Models
  */
 class ByXPath extends Selector_1.Selector {
+    value;
     constructor(value) {
         super();
         this.value = value;

package/lib/screenplay/models/selectors/ByXPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"ByXPath.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByXPath.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;GAMG;AACH,MAAa,OAAQ,SAAQ,mBAAQ;IACjC,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,0BAIC"}
+{"version":3,"file":"ByXPath.js","sourceRoot":"","sources":["../../../../src/screenplay/models/selectors/ByXPath.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC;;;;;;GAMG;AACH,MAAa,OAAQ,SAAQ,mBAAQ;IACL;IAA5B,YAA4B,KAAa;QACrC,KAAK,EAAE,CAAC;QADgB,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACJ;AAJD,0BAIC"}

package/lib/screenplay/questions/Attribute.d.ts

@@ -18,13 +18,13 @@ import { PageElement } from '../models';
  * ## Retrieve an HTML attribute of a given {@apilink PageElement}
  *
  * ```ts
- *  import { actorCalled } from '@serenity-js/core'
- *  import { Ensure, equals } from '@serenity-js/assertions'
- *  import { Attribute, By, PageElement } from '@serenity-js/web'
+ * import { actorCalled } from '@serenity-js/core'
+ * import { Ensure, equals } from '@serenity-js/assertions'
+ * import { Attribute, By, PageElement } from '@serenity-js/web'
  *
- *  const shoppingList = () =>
- *    PageElement.located(By.id('shopping-list'))
- *      .describedAs('shopping list')
+ * const shoppingList = () =>
+ *   PageElement.located(By.id('shopping-list'))
+ *     .describedAs('shopping list')
  *
  * await actorCalled('Lisa')
  *   .attemptsTo(
@@ -93,7 +93,7 @@ import { PageElement } from '../models';
  *
  * @group Questions
  */
-export declare class Attribute extends Question<Promise<string>> implements MetaQuestion<PageElement, Question<Promise<string>>> {
+export declare class Attribute<Native_Element_Type> extends Question<Promise<string>> implements MetaQuestion<PageElement<Native_Element_Type>, Question<Promise<string>>> {
     private readonly name;
     private readonly element?;
     private subject;
@@ -105,7 +105,7 @@ export declare class Attribute extends Question<Promise<string>> implements Meta
      * @param name
      *  The name of the attribute to retrieve
      */
-    static called(name: Answerable<string>): Attribute;
+    static called<NET = any>(name: Answerable<string>): Attribute<NET>;
     protected constructor(name: Answerable<string>, element?: QuestionAdapter<PageElement> | PageElement);
     /**
      * Resolves to the value of an HTML attribute of the `pageElement`.
@@ -115,7 +115,7 @@ export declare class Attribute extends Question<Promise<string>> implements Meta
      *
      * @param pageElement
      */
-    of(pageElement: QuestionAdapter<PageElement> | PageElement): MetaQuestionAdapter<PageElement, string>;
+    of(pageElement: QuestionAdapter<PageElement<Native_Element_Type>> | PageElement<Native_Element_Type>): MetaQuestionAdapter<PageElement<Native_Element_Type>, string>;
     /**
      * @inheritDoc
      */

package/lib/screenplay/questions/Attribute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Attribute.d.ts","sourceRoot":"","sources":["../../../src/screenplay/questions/Attribute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAC,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACxI,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AACH,qBAAa,SACT,SAAQ,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAChC,YAAW,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAiB3D,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;IAhB7B,OAAO,CAAC,OAAO,CAAS;IAExB;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,SAAS;IAIlD,SAAS,aACY,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,EACxB,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,GAAG,WAAW;IAQzE;;;;;;;OAOG;IACH,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,mBAAmB,CAAC,WAAW,EAAE,MAAM,CAAC;IAWrG;;OAEG;IACG,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;IAY1E;;OAEG;IACH,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKlC;;OAEG;IACH,QAAQ,IAAI,MAAM;CAGrB"}
+{"version":3,"file":"Attribute.d.ts","sourceRoot":"","sources":["../../../src/screenplay/questions/Attribute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAC,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACxI,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AACH,qBAAa,SAAS,CAAC,mBAAmB,CACtC,SAAQ,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAChC,YAAW,YAAY,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAiBhF,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;IAhB7B,OAAO,CAAC,OAAO,CAAS;IAExB;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC;IAIlE,SAAS,aACY,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,EACxB,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,GAAG,WAAW;IAQzE;;;;;;;OAOG;IACH,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,GAAG,WAAW,CAAC,mBAAmB,CAAC,GAAG,mBAAmB,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAWpK;;OAEG;IACG,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;IAY1E;;OAEG;IACH,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKlC;;OAEG;IACH,QAAQ,IAAI,MAAM;CAGrB"}

package/lib/screenplay/questions/Attribute.js

@@ -20,13 +20,13 @@ const models_1 = require("../models");
  * ## Retrieve an HTML attribute of a given {@apilink PageElement}
  *
  * ```ts
- *  import { actorCalled } from '@serenity-js/core'
- *  import { Ensure, equals } from '@serenity-js/assertions'
- *  import { Attribute, By, PageElement } from '@serenity-js/web'
+ * import { actorCalled } from '@serenity-js/core'
+ * import { Ensure, equals } from '@serenity-js/assertions'
+ * import { Attribute, By, PageElement } from '@serenity-js/web'
  *
- *  const shoppingList = () =>
- *    PageElement.located(By.id('shopping-list'))
- *      .describedAs('shopping list')
+ * const shoppingList = () =>
+ *   PageElement.located(By.id('shopping-list'))
+ *     .describedAs('shopping list')
  *
  * await actorCalled('Lisa')
  *   .attemptsTo(
@@ -96,6 +96,9 @@ const models_1 = require("../models");
  * @group Questions
  */
 class Attribute extends core_1.Question {
+    name;
+    element;
+    subject;
     /**
      * Instantiates a {@apilink Question} that uses
      * the {@apilink Actor|actor's} {@apilink Ability|ability} to {@apilink BrowseTheWeb} to retrieve
@@ -134,7 +137,7 @@ class Attribute extends core_1.Question {
     async answeredBy(actor) {
         const name = await actor.answer(this.name);
         if (!this.element) {
-            throw new core_1.LogicError((0, core_1.d) `Couldn't read attribute ${name} of an unspecified page element.`);
+            throw new core_1.LogicError((0, core_1.d) `Couldn't read attribute ${name} of an unspecified page element`);
         }
         const element = await actor.answer(this.element);
         return element.attribute(name);

package/lib/screenplay/questions/Attribute.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attribute.js","sourceRoot":"","sources":["../../../src/screenplay/questions/Attribute.ts"],"names":[],"mappings":";;;AACA,4CAA4D;AAE5D,sCAAwC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AACH,MAAa,SACT,SAAQ,eAAyB;IAKjC;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,CAAC,IAAwB;QAClC,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,YACqB,IAAwB,EACxB,OAAoD;QAErE,KAAK,EAAE,CAAC;QAHS,SAAI,GAAJ,IAAI,CAAoB;QACxB,YAAO,GAAP,OAAO,CAA6C;QAGrE,IAAI,CAAC,OAAO,GAAG,OAAO;YAClB,CAAC,CAAC,IAAA,QAAC,EAAA,GAAI,IAAK,iBAAkB,OAAQ,EAAE;YACxC,CAAC,CAAC,IAAA,QAAC,EAAA,GAAI,IAAK,YAAY,CAAA;IAChC,CAAC;IAED;;;;;;;OAOG;IACH,EAAE,CAAC,WAAuD;QACtD,OAAO,eAAQ,CAAC,aAAa,CACzB,IAAI,SAAS,CACT,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,OAAO;YACR,CAAC,CAAC,oBAAW,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC;YAC3C,CAAC,CAAC,WAAW,CACpB,CACwC,CAAC;IAClD,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,UAAU,CAAC,KAAuC;QACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE3C,IAAI,CAAE,IAAI,CAAC,OAAO,EAAE;YAChB,MAAM,IAAI,iBAAU,CAAC,IAAA,QAAC,EAAA,2BAA4B,IAAK,kCAAkC,CAAC,CAAC;SAC9F;QAED,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjD,OAAO,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED;;OAEG;IACH,WAAW,CAAC,OAAe;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,QAAQ;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;CACJ;AA5ED,8BA4EC"}
+{"version":3,"file":"Attribute.js","sourceRoot":"","sources":["../../../src/screenplay/questions/Attribute.ts"],"names":[],"mappings":";;;AACA,4CAA4D;AAE5D,sCAAwC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AACH,MAAa,SACT,SAAQ,eAAyB;IAkBZ;IACA;IAhBb,OAAO,CAAS;IAExB;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,CAAY,IAAwB;QAC7C,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,YACqB,IAAwB,EACxB,OAAoD;QAErE,KAAK,EAAE,CAAC;QAHS,SAAI,GAAJ,IAAI,CAAoB;QACxB,YAAO,GAAP,OAAO,CAA6C;QAGrE,IAAI,CAAC,OAAO,GAAG,OAAO;YAClB,CAAC,CAAC,IAAA,QAAC,EAAA,GAAI,IAAK,iBAAkB,OAAQ,EAAE;YACxC,CAAC,CAAC,IAAA,QAAC,EAAA,GAAI,IAAK,YAAY,CAAA;IAChC,CAAC;IAED;;;;;;;OAOG;IACH,EAAE,CAAC,WAAiG;QAChG,OAAO,eAAQ,CAAC,aAAa,CACzB,IAAI,SAAS,CACT,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,OAAO;YACR,CAAC,CAAC,oBAAW,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC;YAC3C,CAAC,CAAC,WAAW,CACpB,CACwC,CAAC;IAClD,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,UAAU,CAAC,KAAuC;QACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE3C,IAAI,CAAE,IAAI,CAAC,OAAO,EAAE;YAChB,MAAM,IAAI,iBAAU,CAAC,IAAA,QAAC,EAAA,2BAA4B,IAAK,iCAAiC,CAAC,CAAC;SAC7F;QAED,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjD,OAAO,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED;;OAEG;IACH,WAAW,CAAC,OAAe;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,QAAQ;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;CACJ;AA5ED,8BA4EC"}

package/lib/screenplay/questions/ComputedStyle.d.ts

@@ -0,0 +1,140 @@
+import type { Answerable, AnswersQuestions, MetaQuestion, MetaQuestionAdapter, QuestionAdapter, UsesAbilities } from '@serenity-js/core';
+import { Question } from '@serenity-js/core';
+import { PageElement } from '../models';
+/**
+ * Uses the {@apilink Actor|actor's} {@apilink Ability|ability} to {@apilink BrowseTheWeb} to retrieve
+ * the value of the specified computed style property of a given {@apilink PageElement}.
+ *
+ * ## Example widget
+ *
+ * ```html
+ * <ul id="shopping-list" style="display: block">
+ *   <li style="display: block">Coffee<li>
+ *   <li style="display: none">Honey<li>
+ *   <li style="display: block">Chocolate<li>
+ * </ul>
+ * ```
+ *
+ * ## Retrieve a computed style property of a given {@apilink PageElement}
+ *
+ * ```ts
+ * import { actorCalled } from '@serenity-js/core'
+ * import { Ensure, equals } from '@serenity-js/assertions'
+ * import { ComputedStyle, By, PageElement } from '@serenity-js/web'
+ *
+ * const shoppingList = () =>
+ *   PageElement.located(By.id('shopping-list'))
+ *      .describedAs('shopping list')
+ *
+ * await actorCalled('Lisa').attemptsTo(
+ *   Ensure.that(
+ *     ComputedStyle.called('display').of(shoppingList()),
+ *     equals('block')
+ *   ),
+ * )
+ * ```
+ *
+ * ## Using `ComputedStyle` as {@apilink QuestionAdapter}
+ *
+ * ```ts
+ * import { actorCalled } from '@serenity-js/core'
+ * import { Ensure, equals } from '@serenity-js/assertions'
+ * import { Attribute, By, PageElement } from '@serenity-js/web'
+ *
+ * const shoppingList = () =>
+ *   PageElement.located(By.css('#shopping-list'))
+ *     .describedAs('shopping list')
+ *
+ * await actorCalled('Lisa').attemptsTo(
+ *   Ensure.that(
+ *     ComputedStyle.called('display').of(shoppingList()).toLocaleUpperCase(),
+ *     equals('BLOCK')
+ *   ),
+ * )
+ * ```
+ *
+ * ## Using as filter in {@apilink PageElements|Page Element Query Language}
+ *
+ * ```ts
+ * import { actorCalled } from '@serenity-js/core'
+ * import { Ensure, includes } from '@serenity-js/assertions'
+ * import { Attribute, By, PageElements } from '@serenity-js/web'
+ *
+ * class ShoppingList {
+ *   static items = () =>
+ *     PageElements.located(By.css('#shopping-list li'))
+ *       .describedAs('items')
+ *
+ *   static outstandingItems = () =>
+ *     ShoppingList.items()
+ *       .where(
+ *         ComputedStyle.called('display'),
+ *         equals('block')
+ *       )
+ * }
+ *
+ * await actorCalled('Lisa')
+ *  .whoCan(BrowseTheWebWithWebdriverIO.using(browser))
+ *  .attemptsTo(
+ *    Ensure.that(
+ *      Text.ofAll(ShoppingList.outstandingItems()),
+ *      equals([ 'Honey', 'Chocolate' ])
+ *    ),
+ *  )
+ * ```
+ *
+ * ## Learn more
+ * - {@apilink BrowseTheWeb}
+ * - {@apilink MetaQuestion}
+ * - {@apilink QuestionAdapter}
+ * - {@apilink Question}
+ *
+ * @group Questions
+ */
+export declare class ComputedStyle<Native_Element_Type> extends Question<Promise<string>> implements MetaQuestion<PageElement<Native_Element_Type>, Question<Promise<string>>> {
+    private readonly name;
+    private readonly element?;
+    private readonly pseudoElement?;
+    private subject;
+    /**
+     * Instantiates a {@apilink Question} that uses
+     * the {@apilink Actor|actor's} {@apilink Ability|ability} to {@apilink BrowseTheWeb} to retrieve
+     * the value of the specified computed style property of a given {@apilink PageElement}.
+     *
+     * @param name
+     *  The name of the computed style property to retrieve
+     */
+    static called<NET = any>(name: Answerable<string>): ComputedStyle<NET>;
+    protected constructor(name: Answerable<string>, element?: QuestionAdapter<PageElement<Native_Element_Type>> | PageElement<Native_Element_Type>, pseudoElement?: Answerable<string>);
+    /**
+     * Instantiates a {@apilink Question} that uses
+     * the {@apilink Actor|actor's} {@apilink Ability|ability} to {@apilink BrowseTheWeb} to retrieve
+     * the value of the specified computed style property of the specified pseudo-element of a given {@apilink PageElement}.
+     *
+     * @param pseudoElement
+     *  The pseudo-element to retrieve the computed style property from, such as `::before` or `::after`
+     */
+    ofPseudoElement(pseudoElement: Answerable<string>): MetaQuestionAdapter<PageElement<Native_Element_Type>, string>;
+    /**
+     * Resolves to the value of a computed style property of the `pageElement`.
+     *
+     * #### Learn more
+     * - {@apilink MetaQuestion}
+     *
+     * @param pageElement
+     */
+    of(pageElement: QuestionAdapter<PageElement<Native_Element_Type>> | PageElement<Native_Element_Type>): MetaQuestionAdapter<PageElement<Native_Element_Type>, string>;
+    /**
+     * @inheritDoc
+     */
+    answeredBy(actor: AnswersQuestions & UsesAbilities): Promise<string>;
+    /**
+     * @inheritDoc
+     */
+    describedAs(subject: string): this;
+    /**
+     * @inheritDoc
+     */
+    toString(): string;
+}
+//# sourceMappingURL=ComputedStyle.d.ts.map

package/lib/screenplay/questions/ComputedStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComputedStyle.d.ts","sourceRoot":"","sources":["../../../src/screenplay/questions/ComputedStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,aAAa,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AACH,qBAAa,aAAa,CAAC,mBAAmB,CAC1C,SAAQ,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAChC,YAAW,YAAY,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAiBhF,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;IACzB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC;IAjBnC,OAAO,CAAC,OAAO,CAAS;IAExB;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC;IAItE,SAAS,aACY,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,EACxB,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,GAAG,WAAW,CAAC,mBAAmB,CAAC,EAC9F,aAAa,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC;IAWvD;;;;;;;OAOG;IACH,eAAe,CAAC,aAAa,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,mBAAmB,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAUjH;;;;;;;OAOG;IACH,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,GAAG,WAAW,CAAC,mBAAmB,CAAC,GAAG,mBAAmB,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAYpK;;OAEG;IACG,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;IAe1E;;OAEG;IACH,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKlC;;OAEG;IACH,QAAQ,IAAI,MAAM;CAGrB"}

package/lib/screenplay/questions/ComputedStyle.js

@@ -0,0 +1,176 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComputedStyle = void 0;
+const core_1 = require("@serenity-js/core");
+const abilities_1 = require("../abilities");
+const models_1 = require("../models");
+/**
+ * Uses the {@apilink Actor|actor's} {@apilink Ability|ability} to {@apilink BrowseTheWeb} to retrieve
+ * the value of the specified computed style property of a given {@apilink PageElement}.
+ *
+ * ## Example widget
+ *
+ * ```html
+ * <ul id="shopping-list" style="display: block">
+ *   <li style="display: block">Coffee<li>
+ *   <li style="display: none">Honey<li>
+ *   <li style="display: block">Chocolate<li>
+ * </ul>
+ * ```
+ *
+ * ## Retrieve a computed style property of a given {@apilink PageElement}
+ *
+ * ```ts
+ * import { actorCalled } from '@serenity-js/core'
+ * import { Ensure, equals } from '@serenity-js/assertions'
+ * import { ComputedStyle, By, PageElement } from '@serenity-js/web'
+ *
+ * const shoppingList = () =>
+ *   PageElement.located(By.id('shopping-list'))
+ *      .describedAs('shopping list')
+ *
+ * await actorCalled('Lisa').attemptsTo(
+ *   Ensure.that(
+ *     ComputedStyle.called('display').of(shoppingList()),
+ *     equals('block')
+ *   ),
+ * )
+ * ```
+ *
+ * ## Using `ComputedStyle` as {@apilink QuestionAdapter}
+ *
+ * ```ts
+ * import { actorCalled } from '@serenity-js/core'
+ * import { Ensure, equals } from '@serenity-js/assertions'
+ * import { Attribute, By, PageElement } from '@serenity-js/web'
+ *
+ * const shoppingList = () =>
+ *   PageElement.located(By.css('#shopping-list'))
+ *     .describedAs('shopping list')
+ *
+ * await actorCalled('Lisa').attemptsTo(
+ *   Ensure.that(
+ *     ComputedStyle.called('display').of(shoppingList()).toLocaleUpperCase(),
+ *     equals('BLOCK')
+ *   ),
+ * )
+ * ```
+ *
+ * ## Using as filter in {@apilink PageElements|Page Element Query Language}
+ *
+ * ```ts
+ * import { actorCalled } from '@serenity-js/core'
+ * import { Ensure, includes } from '@serenity-js/assertions'
+ * import { Attribute, By, PageElements } from '@serenity-js/web'
+ *
+ * class ShoppingList {
+ *   static items = () =>
+ *     PageElements.located(By.css('#shopping-list li'))
+ *       .describedAs('items')
+ *
+ *   static outstandingItems = () =>
+ *     ShoppingList.items()
+ *       .where(
+ *         ComputedStyle.called('display'),
+ *         equals('block')
+ *       )
+ * }
+ *
+ * await actorCalled('Lisa')
+ *  .whoCan(BrowseTheWebWithWebdriverIO.using(browser))
+ *  .attemptsTo(
+ *    Ensure.that(
+ *      Text.ofAll(ShoppingList.outstandingItems()),
+ *      equals([ 'Honey', 'Chocolate' ])
+ *    ),
+ *  )
+ * ```
+ *
+ * ## Learn more
+ * - {@apilink BrowseTheWeb}
+ * - {@apilink MetaQuestion}
+ * - {@apilink QuestionAdapter}
+ * - {@apilink Question}
+ *
+ * @group Questions
+ */
+class ComputedStyle extends core_1.Question {
+    name;
+    element;
+    pseudoElement;
+    subject;
+    /**
+     * Instantiates a {@apilink Question} that uses
+     * the {@apilink Actor|actor's} {@apilink Ability|ability} to {@apilink BrowseTheWeb} to retrieve
+     * the value of the specified computed style property of a given {@apilink PageElement}.
+     *
+     * @param name
+     *  The name of the computed style property to retrieve
+     */
+    static called(name) {
+        return new ComputedStyle(name);
+    }
+    constructor(name, element, pseudoElement) {
+        super();
+        this.name = name;
+        this.element = element;
+        this.pseudoElement = pseudoElement;
+        this.subject = [
+            (0, core_1.d) `computed style property ${name}`,
+            pseudoElement && (0, core_1.d) `of pseudo-element ${pseudoElement}`,
+            element && (0, core_1.d) `of ${element}`,
+        ].filter(Boolean).join(' ');
+    }
+    /**
+     * Instantiates a {@apilink Question} that uses
+     * the {@apilink Actor|actor's} {@apilink Ability|ability} to {@apilink BrowseTheWeb} to retrieve
+     * the value of the specified computed style property of the specified pseudo-element of a given {@apilink PageElement}.
+     *
+     * @param pseudoElement
+     *  The pseudo-element to retrieve the computed style property from, such as `::before` or `::after`
+     */
+    ofPseudoElement(pseudoElement) {
+        return core_1.Question.createAdapter(new ComputedStyle(this.name, this.element, pseudoElement));
+    }
+    /**
+     * Resolves to the value of a computed style property of the `pageElement`.
+     *
+     * #### Learn more
+     * - {@apilink MetaQuestion}
+     *
+     * @param pageElement
+     */
+    of(pageElement) {
+        return core_1.Question.createAdapter(new ComputedStyle(this.name, this.element
+            ? models_1.PageElement.of(this.element, pageElement)
+            : pageElement, this.pseudoElement));
+    }
+    /**
+     * @inheritDoc
+     */
+    async answeredBy(actor) {
+        const name = await actor.answer(this.name);
+        if (!this.element) {
+            throw new core_1.LogicError((0, core_1.d) `Couldn't read computed style property ${name} of an unspecified page element`);
+        }
+        const element = await actor.answer(this.element);
+        const pseudoElement = await actor.answer(this.pseudoElement);
+        const page = await abilities_1.BrowseTheWeb.as(actor).currentPage();
+        return page.executeScript('return window.getComputedStyle(arguments[0], arguments[1]).getPropertyValue(arguments[2])', element, pseudoElement, name);
+    }
+    /**
+     * @inheritDoc
+     */
+    describedAs(subject) {
+        this.subject = subject;
+        return this;
+    }
+    /**
+     * @inheritDoc
+     */
+    toString() {
+        return this.subject;
+    }
+}
+exports.ComputedStyle = ComputedStyle;
+//# sourceMappingURL=ComputedStyle.js.map

package/lib/screenplay/questions/ComputedStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComputedStyle.js","sourceRoot":"","sources":["../../../src/screenplay/questions/ComputedStyle.ts"],"names":[],"mappings":";;;AAQA,4CAA4D;AAE5D,4CAA4C;AAC5C,sCAAwC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AACH,MAAa,aACT,SAAQ,eAAyB;IAkBZ;IACA;IACA;IAjBb,OAAO,CAAS;IAExB;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,CAAY,IAAwB;QAC7C,OAAO,IAAI,aAAa,CAAM,IAAI,CAAC,CAAC;IACxC,CAAC;IAED,YACqB,IAAwB,EACxB,OAA8F,EAC9F,aAAkC;QAEnD,KAAK,EAAE,CAAC;QAJS,SAAI,GAAJ,IAAI,CAAoB;QACxB,YAAO,GAAP,OAAO,CAAuF;QAC9F,kBAAa,GAAb,aAAa,CAAqB;QAInD,IAAI,CAAC,OAAO,GAAG;YACX,IAAA,QAAC,EAAA,2BAA4B,IAAK,EAAE;YACpC,aAAa,IAAI,IAAA,QAAC,EAAA,qBAAsB,aAAc,EAAE;YACxD,OAAO,IAAI,IAAA,QAAC,EAAA,MAAO,OAAQ,EAAE;SAChC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC;IAED;;;;;;;OAOG;IACH,eAAe,CAAC,aAAiC;QAC7C,OAAO,eAAQ,CAAC,aAAa,CACzB,IAAI,aAAa,CACb,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,OAAO,EACZ,aAAa,CAChB,CAC6D,CAAC;IACvE,CAAC;IAED;;;;;;;OAOG;IACH,EAAE,CAAC,WAAiG;QAChG,OAAO,eAAQ,CAAC,aAAa,CACzB,IAAI,aAAa,CACb,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,OAAO;YACR,CAAC,CAAC,oBAAW,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC;YAC3C,CAAC,CAAC,WAAW,EACjB,IAAI,CAAC,aAAa,CACrB,CAC6D,CAAC;IACvE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,UAAU,CAAC,KAAuC;QACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE3C,IAAI,CAAE,IAAI,CAAC,OAAO,EAAE;YAChB,MAAM,IAAI,iBAAU,CAAC,IAAA,QAAC,EAAA,yCAA0C,IAAK,iCAAiC,CAAC,CAAC;SAC3G;QAED,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAE7D,MAAM,IAAI,GAAG,MAAM,wBAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;QAExD,OAAO,IAAI,CAAC,aAAa,CAAC,2FAA2F,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;IACzJ,CAAC;IAED;;OAEG;IACH,WAAW,CAAC,OAAe;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,QAAQ;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;CACJ;AAtGD,sCAsGC"}