@serenity-js/web 3.1.2 → 3.1.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.1.3](https://github.com/serenity-js/serenity-js/compare/v3.1.2...v3.1.3) (2023-04-14)
+
+
+### Bug Fixes
+
+* **protractor:** click interactions now scroll element into view before performing their action ([3ea7bb8](https://github.com/serenity-js/serenity-js/commit/3ea7bb8158302bfec0390dca6bc88060f0f291e9))
+
+
+
+
+
 ## [3.1.2](https://github.com/serenity-js/serenity-js/compare/v3.1.1...v3.1.2) (2023-04-07)
 
 **Note:** Version bump only for package @serenity-js/web

package/lib/screenplay/interactions/DoubleClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleClick.d.ts","sourceRoot":"","sources":["../../../src/screenplay/interactions/DoubleClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAK,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,qBAAa,WAAY,SAAQ,sBAAsB;IAY7B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAVlD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;IAI5D,SAAS,aAA8B,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC;IAI3E;;OAEG;IACG,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;CAI1E"}
+{"version":3,"file":"DoubleClick.d.ts","sourceRoot":"","sources":["../../../src/screenplay/interactions/DoubleClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAK,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,qBAAa,WAAY,SAAQ,sBAAsB;IAY7B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAVlD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;IAI5D,SAAS,aAA8B,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC;IAI3E;;OAEG;IACG,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;CAK1E"}

package/lib/screenplay/interactions/DoubleClick.js

@@ -90,7 +90,8 @@ class DoubleClick extends PageElementInteraction_1.PageElementInteraction {
      */
     async performAs(actor) {
         const element = await this.resolve(actor, this.pageElement);
-        return element.doubleClick();
+        await element.scrollIntoView();
+        await element.doubleClick();
     }
 }
 exports.DoubleClick = DoubleClick;

package/lib/screenplay/interactions/DoubleClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleClick.js","sourceRoot":"","sources":["../../../src/screenplay/interactions/DoubleClick.ts"],"names":[],"mappings":";;;AAAA,4CAAgG;AAGhG,qEAAkE;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,MAAa,WAAY,SAAQ,+CAAsB;IAEnD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAoC;QAC1C,OAAO,IAAI,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,CAAC;IAED,YAAuC,WAAoC;QACvE,KAAK,CAAC,IAAA,QAAC,EAAC,2BAA4B,WAAY,EAAE,CAAC,CAAC;QADjB,gBAAW,GAAX,WAAW,CAAyB;IAE3E,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,KAAuC;QACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5D,OAAO,OAAO,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC;CACJ;AAvBD,kCAuBC"}
+{"version":3,"file":"DoubleClick.js","sourceRoot":"","sources":["../../../src/screenplay/interactions/DoubleClick.ts"],"names":[],"mappings":";;;AAAA,4CAAgG;AAGhG,qEAAkE;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,MAAa,WAAY,SAAQ,+CAAsB;IAEnD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAoC;QAC1C,OAAO,IAAI,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,CAAC;IAED,YAAuC,WAAoC;QACvE,KAAK,CAAC,IAAA,QAAC,EAAC,2BAA4B,WAAY,EAAE,CAAC,CAAC;QADjB,gBAAW,GAAX,WAAW,CAAyB;IAE3E,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,KAAuC;QACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5D,MAAM,OAAO,CAAC,cAAc,EAAE,CAAC;QAC/B,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC;IAChC,CAAC;CACJ;AAxBD,kCAwBC"}

package/lib/screenplay/interactions/Hover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hover.d.ts","sourceRoot":"","sources":["../../../src/screenplay/interactions/Hover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAK,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAAa,KAAM,SAAQ,sBAAsB;IAYvB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAV9C;;;;;OAKG;IACH,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;IAI9D,SAAS,aAA8B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAIvE;;OAEG;IACG,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;CAI1E"}
+{"version":3,"file":"Hover.d.ts","sourceRoot":"","sources":["../../../src/screenplay/interactions/Hover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAK,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAAa,KAAM,SAAQ,sBAAsB;IAYvB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAV9C;;;;;OAKG;IACH,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;IAI9D,SAAS,aAA8B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAIvE;;OAEG;IACG,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;CAK1E"}

package/lib/screenplay/interactions/Hover.js

@@ -71,7 +71,8 @@ class Hover extends PageElementInteraction_1.PageElementInteraction {
      */
     async performAs(actor) {
         const element = await this.resolve(actor, this.element);
-        return element.hoverOver();
+        await element.scrollIntoView();
+        await element.hoverOver();
     }
 }
 exports.Hover = Hover;

package/lib/screenplay/interactions/Hover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hover.js","sourceRoot":"","sources":["../../../src/screenplay/interactions/Hover.ts"],"names":[],"mappings":";;;AAAA,4CAAgG;AAGhG,qEAAkE;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,MAAa,KAAM,SAAQ,+CAAsB;IAE7C;;;;;OAKG;IACH,MAAM,CAAC,IAAI,CAAC,WAAoC;QAC5C,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC;IAClC,CAAC;IAED,YAAuC,OAAgC;QACnE,KAAK,CAAC,IAAA,QAAC,EAAC,gCAAiC,OAAQ,EAAE,CAAC,CAAC;QADlB,YAAO,GAAP,OAAO,CAAyB;IAEvE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,KAAuC;QACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACxD,OAAO,OAAO,CAAC,SAAS,EAAE,CAAC;IAC/B,CAAC;CACJ;AAvBD,sBAuBC"}
+{"version":3,"file":"Hover.js","sourceRoot":"","sources":["../../../src/screenplay/interactions/Hover.ts"],"names":[],"mappings":";;;AAAA,4CAAgG;AAGhG,qEAAkE;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,MAAa,KAAM,SAAQ,+CAAsB;IAE7C;;;;;OAKG;IACH,MAAM,CAAC,IAAI,CAAC,WAAoC;QAC5C,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC;IAClC,CAAC;IAED,YAAuC,OAAgC;QACnE,KAAK,CAAC,IAAA,QAAC,EAAC,gCAAiC,OAAQ,EAAE,CAAC,CAAC;QADlB,YAAO,GAAP,OAAO,CAAyB;IAEvE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,KAAuC;QACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACxD,MAAM,OAAO,CAAC,cAAc,EAAE,CAAC;QAC/B,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9B,CAAC;CACJ;AAxBD,sBAwBC"}

package/lib/screenplay/interactions/RightClick.d.ts

@@ -3,7 +3,7 @@ import { PageElement } from '../models';
 import { PageElementInteraction } from './PageElementInteraction';
 /**
  * Instructs an {@apilink Actor|actor} who has the {@apilink Ability|ability} to {@apilink BrowseTheWeb}
- * to perfom a right click on a given {@apilink PageElement}.
+ * to perform a right click on a given {@apilink PageElement}.
  *
  * This is typically used to open a [custom context menu](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event)
  * on a given Web element, since it's not possible to interact with the standard context menu offered by your browser.

package/lib/screenplay/interactions/RightClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightClick.d.ts","sourceRoot":"","sources":["../../../src/screenplay/interactions/RightClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAK,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,qBAAa,UAAW,SAAQ,sBAAsB;IAW5B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAVlD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;IAI5D,SAAS,aAA8B,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC;IAI3E;;OAEG;IACG,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;CAI1E"}
+{"version":3,"file":"RightClick.d.ts","sourceRoot":"","sources":["../../../src/screenplay/interactions/RightClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAK,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,qBAAa,UAAW,SAAQ,sBAAsB;IAW5B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAVlD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,WAAW;IAI5D,SAAS,aAA8B,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC;IAI3E;;OAEG;IACG,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;CAK1E"}

package/lib/screenplay/interactions/RightClick.js

@@ -5,7 +5,7 @@ const core_1 = require("@serenity-js/core");
 const PageElementInteraction_1 = require("./PageElementInteraction");
 /**
  * Instructs an {@apilink Actor|actor} who has the {@apilink Ability|ability} to {@apilink BrowseTheWeb}
- * to perfom a right click on a given {@apilink PageElement}.
+ * to perform a right click on a given {@apilink PageElement}.
  *
  * This is typically used to open a [custom context menu](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event)
  * on a given Web element, since it's not possible to interact with the standard context menu offered by your browser.
@@ -86,7 +86,8 @@ class RightClick extends PageElementInteraction_1.PageElementInteraction {
      */
     async performAs(actor) {
         const element = await this.resolve(actor, this.pageElement);
-        return element.rightClick();
+        await element.scrollIntoView();
+        await element.rightClick();
     }
 }
 exports.RightClick = RightClick;

package/lib/screenplay/interactions/RightClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightClick.js","sourceRoot":"","sources":["../../../src/screenplay/interactions/RightClick.ts"],"names":[],"mappings":";;;AAAA,4CAAgG;AAGhG,qEAAkE;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,MAAa,UAAW,SAAQ,+CAAsB;IAClD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAoC;QAC1C,OAAO,IAAI,UAAU,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC;IAED,YAAuC,WAAoC;QACvE,KAAK,CAAC,IAAA,QAAC,EAAC,0BAA2B,WAAY,EAAE,CAAC,CAAC;QADhB,gBAAW,GAAX,WAAW,CAAyB;IAE3E,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,KAAuC;QACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5D,OAAO,OAAO,CAAC,UAAU,EAAE,CAAC;IAChC,CAAC;CACJ;AAtBD,gCAsBC"}
+{"version":3,"file":"RightClick.js","sourceRoot":"","sources":["../../../src/screenplay/interactions/RightClick.ts"],"names":[],"mappings":";;;AAAA,4CAAgG;AAGhG,qEAAkE;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,MAAa,UAAW,SAAQ,+CAAsB;IAClD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAoC;QAC1C,OAAO,IAAI,UAAU,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC;IAED,YAAuC,WAAoC;QACvE,KAAK,CAAC,IAAA,QAAC,EAAC,0BAA2B,WAAY,EAAE,CAAC,CAAC;QADhB,gBAAW,GAAX,WAAW,CAAyB;IAE3E,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,KAAuC;QACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5D,MAAM,OAAO,CAAC,cAAc,EAAE,CAAC;QAC/B,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC;IAC/B,CAAC;CACJ;AAvBD,gCAuBC"}

package/lib/screenplay/interactions/Scroll.d.ts

@@ -2,7 +2,7 @@ import { Answerable, AnswersQuestions, Interaction, UsesAbilities } from '@seren
 import { PageElement } from '../models';
 /**
  * Instructs an {@apilink Actor|actor} who has the {@apilink Ability|ability} to {@apilink BrowseTheWeb}
- * to scroll until a given Web element comes into view.
+ * to scroll until a given {@apilink PageElement} comes into view.
  *
  * ## Example widget
  *

package/lib/screenplay/interactions/Scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scroll.d.ts","sourceRoot":"","sources":["../../../src/screenplay/interactions/Scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAK,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAAa,MAAO,SAAQ,WAAW;IAYb,OAAO,CAAC,QAAQ,CAAC,OAAO;IAV9C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,MAAM;IAIvD,SAAS,aAA8B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAIvE;;OAEG;IACG,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;CAK1E"}
+{"version":3,"file":"Scroll.d.ts","sourceRoot":"","sources":["../../../src/screenplay/interactions/Scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAK,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAAa,MAAO,SAAQ,WAAW;IAYb,OAAO,CAAC,QAAQ,CAAC,OAAO;IAV9C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,MAAM;IAIvD,SAAS,aAA8B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAIvE;;OAEG;IACG,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;CAI1E"}

package/lib/screenplay/interactions/Scroll.js

@@ -4,7 +4,7 @@ exports.Scroll = void 0;
 const core_1 = require("@serenity-js/core");
 /**
  * Instructs an {@apilink Actor|actor} who has the {@apilink Ability|ability} to {@apilink BrowseTheWeb}
- * to scroll until a given Web element comes into view.
+ * to scroll until a given {@apilink PageElement} comes into view.
  *
  * ## Example widget
  *
@@ -68,7 +68,7 @@ class Scroll extends core_1.Interaction {
      */
     async performAs(actor) {
         const target = await actor.answer(this.element);
-        return target.scrollIntoView();
+        await target.scrollIntoView();
     }
 }
 exports.Scroll = Scroll;

package/lib/screenplay/interactions/Scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../../src/screenplay/interactions/Scroll.ts"],"names":[],"mappings":";;;AAAA,4CAAgG;AAIhG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAa,MAAO,SAAQ,kBAAW;IAEnC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAoC;QAC1C,OAAO,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC;IAED,YAAuC,OAAgC;QACnE,KAAK,CAAC,IAAA,QAAC,EAAA,qBAAsB,OAAQ,EAAE,CAAC,CAAC;QADN,YAAO,GAAP,OAAO,CAAyB;IAEvE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,KAAuC;QACnD,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEhD,OAAO,MAAM,CAAC,cAAc,EAAE,CAAC;IACnC,CAAC;CACJ;AAxBD,wBAwBC"}
+{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../../src/screenplay/interactions/Scroll.ts"],"names":[],"mappings":";;;AAAA,4CAAgG;AAIhG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAa,MAAO,SAAQ,kBAAW;IAEnC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,WAAoC;QAC1C,OAAO,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC;IAED,YAAuC,OAAgC;QACnE,KAAK,CAAC,IAAA,QAAC,EAAA,qBAAsB,OAAQ,EAAE,CAAC,CAAC;QADN,YAAO,GAAP,OAAO,CAAyB;IAEvE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,KAAuC;QACnD,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChD,MAAM,MAAM,CAAC,cAAc,EAAE,CAAC;IAClC,CAAC;CACJ;AAvBD,wBAuBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serenity-js/web",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "Serenity/JS Screenplay Pattern APIs for the Web",
   "author": {
     "name": "Jan Molak",
@@ -44,8 +44,8 @@
     "npm": "^6 || ^7 || ^8 || ^9"
   },
   "dependencies": {
-    "@serenity-js/assertions": "3.1.2",
-    "@serenity-js/core": "3.1.2",
+    "@serenity-js/assertions": "3.1.3",
+    "@serenity-js/core": "3.1.3",
     "tiny-types": "^1.19.1"
   },
   "devDependencies": {
@@ -58,5 +58,5 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.9.5"
   },
-  "gitHead": "0c8881d5e7085f9b7885ae325235665de0e71b8b"
+  "gitHead": "6cabc4cb6e6f25411862c7375738b931012b6361"
 }

package/src/screenplay/interactions/DoubleClick.ts

@@ -92,6 +92,7 @@ export class DoubleClick extends PageElementInteraction {
      */
     async performAs(actor: UsesAbilities & AnswersQuestions): Promise<void> {
         const element = await this.resolve(actor, this.pageElement);
-        return element.doubleClick();
+        await element.scrollIntoView();
+        await element.doubleClick();
     }
 }

package/src/screenplay/interactions/Hover.ts

@@ -73,6 +73,7 @@ export class Hover extends PageElementInteraction {
      */
     async performAs(actor: UsesAbilities & AnswersQuestions): Promise<void> {
         const element = await this.resolve(actor, this.element);
-        return element.hoverOver();
+        await element.scrollIntoView();
+        await element.hoverOver();
     }
 }

package/src/screenplay/interactions/RightClick.ts

@@ -5,7 +5,7 @@ import { PageElementInteraction } from './PageElementInteraction';
 
 /**
  * Instructs an {@apilink Actor|actor} who has the {@apilink Ability|ability} to {@apilink BrowseTheWeb}
- * to perfom a right click on a given {@apilink PageElement}.
+ * to perform a right click on a given {@apilink PageElement}.
  *
  * This is typically used to open a [custom context menu](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event)
  * on a given Web element, since it's not possible to interact with the standard context menu offered by your browser.
@@ -87,6 +87,7 @@ export class RightClick extends PageElementInteraction {
      */
     async performAs(actor: UsesAbilities & AnswersQuestions): Promise<void> {
         const element = await this.resolve(actor, this.pageElement);
-        return element.rightClick();
+        await element.scrollIntoView();
+        await element.rightClick();
     }
 }

package/src/screenplay/interactions/Scroll.ts

@@ -4,7 +4,7 @@ import { PageElement } from '../models';
 
 /**
  * Instructs an {@apilink Actor|actor} who has the {@apilink Ability|ability} to {@apilink BrowseTheWeb}
- * to scroll until a given Web element comes into view.
+ * to scroll until a given {@apilink PageElement} comes into view.
  *
  * ## Example widget
  *
@@ -70,7 +70,6 @@ export class Scroll extends Interaction {
      */
     async performAs(actor: UsesAbilities & AnswersQuestions): Promise<void> {
         const target = await actor.answer(this.element);
-
-        return target.scrollIntoView();
+        await target.scrollIntoView();
     }
 }