@serenity-js/core 3.41.2 → 3.42.1

package/src/model/ScenarioDetails.ts

@@ -1,9 +1,9 @@
 import type { JSONObject} from 'tiny-types';
 import { ensure, isDefined, TinyType } from 'tiny-types';
 
-import { FileSystemLocation } from '../io';
-import { Category } from './Category';
-import { Name } from './Name';
+import { FileSystemLocation } from '../io/index.js';
+import { Category } from './Category.js';
+import { Name } from './Name.js';
 
 export class ScenarioDetails extends TinyType {
     static fromJSON(o: JSONObject): ScenarioDetails {

package/src/model/ScenarioParameters.ts

@@ -1,8 +1,8 @@
 import type { JSONObject} from 'tiny-types';
 import { ensure, isDefined, TinyType } from 'tiny-types';
 
-import { Description } from './Description';
-import { Name } from './Name';
+import { Description } from './Description.js';
+import { Name } from './Name.js';
 
 export class ScenarioParameters extends TinyType {
     public static fromJSON(o: JSONObject): ScenarioParameters {

package/src/model/TestSuiteDetails.ts

@@ -1,9 +1,9 @@
 import type { JSONObject} from 'tiny-types';
 import { TinyType } from 'tiny-types';
 
-import { FileSystemLocation } from '../io';
-import { CorrelationId } from './CorrelationId';
-import { Name } from './Name';
+import { FileSystemLocation } from '../io/index.js';
+import { CorrelationId } from './CorrelationId.js';
+import { Name } from './Name.js';
 
 export class TestSuiteDetails extends TinyType {
     static fromJSON(o: JSONObject): TestSuiteDetails {

package/src/model/artifacts/HTTPRequestResponse.ts

@@ -1,6 +1,6 @@
 import type { JSONObject } from 'tiny-types';
 
-import { JSONData } from './JSONData';
+import { JSONData } from './JSONData.js';
 
 /**
  * The value of the `HTTPRequestResponse` artifact describing an HTTP request/response pair.

package/src/model/artifacts/JSONData.ts

@@ -1,6 +1,6 @@
 import type { JSONValue } from 'tiny-types';
 
-import { Artifact } from '../Artifact';
+import { Artifact } from '../Artifact.js';
 
 export class JSONData extends Artifact {
     static fromJSON(value: JSONValue): JSONData {

package/src/model/artifacts/LogEntry.ts

@@ -1,4 +1,4 @@
-import { JSONData } from './JSONData';
+import { JSONData } from './JSONData.js';
 
 export class LogEntry extends JSONData {
     static fromJSON(value: { data: string }): LogEntry {

package/src/model/artifacts/Photo.ts

@@ -1,4 +1,4 @@
-import { Artifact } from '../Artifact';
+import { Artifact } from '../Artifact.js';
 
 /**
  * @public

package/src/model/artifacts/TestReport.ts

@@ -1,6 +1,6 @@
 import type { JSONObject } from 'tiny-types';
 
-import { Artifact } from '../Artifact';
+import { Artifact } from '../Artifact.js';
 
 export class TestReport extends Artifact {
 

package/src/model/artifacts/TextData.ts

@@ -1,4 +1,4 @@
-import { JSONData } from './JSONData';
+import { JSONData } from './JSONData.js';
 
 export class TextData extends JSONData {
     static fromJSON(value: { contentType: string, data: string }): TextData {

package/src/model/artifacts/index.ts

@@ -1,6 +1,6 @@
-export * from './HTTPRequestResponse';
-export * from './JSONData';
-export * from './LogEntry';
-export * from './Photo';
-export * from './TestReport';
-export * from './TextData';
+export * from './HTTPRequestResponse.js';
+export * from './JSONData.js';
+export * from './LogEntry.js';
+export * from './Photo.js';
+export * from './TestReport.js';
+export * from './TextData.js';

package/src/model/index.ts

@@ -1,16 +1,16 @@
 /* eslint-disable simple-import-sort/exports */
 
-export * from './ActivityDetails';
-export * from './artifacts';
-export * from './Artifact';
-export * from './BusinessRule';
-export * from './Category';
-export * from './CorrelationId';
-export * from './CorrelationIdFactory';
-export * from './Description';
-export * from './Name';
-export * from './outcomes';
-export * from './ScenarioDetails';
-export * from './ScenarioParameters';
-export * from './tags';
-export * from './TestSuiteDetails';
+export * from './ActivityDetails.js';
+export * from './artifacts/index.js';
+export * from './Artifact.js';
+export * from './BusinessRule.js';
+export * from './Category.js';
+export * from './CorrelationId.js';
+export * from './CorrelationIdFactory.js';
+export * from './Description.js';
+export * from './Name.js';
+export * from './outcomes.js';
+export * from './ScenarioDetails.js';
+export * from './ScenarioParameters.js';
+export * from './tags/index.js';
+export * from './TestSuiteDetails.js';

package/src/model/outcomes.ts

@@ -2,8 +2,8 @@
 import type { JSONObject} from 'tiny-types';
 import { match, TinyType } from 'tiny-types';
 
-import type { AssertionError} from '../errors';
-import { ErrorSerialiser } from '../errors';
+import type { AssertionError} from '../errors/index.js';
+import { ErrorSerialiser } from '../errors/index.js';
 
 export interface SerialisedOutcome extends JSONObject {
     code:    number;
@@ -11,6 +11,50 @@ export interface SerialisedOutcome extends JSONObject {
 }
 
 export abstract class Outcome extends TinyType {
+
+    /**
+     * Symbol used to brand Outcome instances for cross-module instanceof checks.
+     * This addresses the dual-package hazard where the same class loaded from
+     * both ESM and CJS creates distinct constructor functions.
+     */
+    private static readonly TYPE_BRAND = Symbol.for('@serenity-js/core/Outcome');
+
+    /**
+     * Custom instanceof check that works across module boundaries.
+     * This addresses the dual-package hazard where the same class loaded from
+     * both ESM and CJS creates distinct constructor functions.
+     *
+     * The check walks up the prototype chain of the instance and compares
+     * constructor names, which remain consistent across module boundaries.
+     */
+    static [Symbol.hasInstance](instance: unknown): boolean {
+        if (instance === null || typeof instance !== 'object') {
+            return false;
+        }
+
+        // First, verify this is an Outcome instance using the brand
+        if ((instance as any)[Outcome.TYPE_BRAND] !== true) {
+            return false;
+        }
+
+        // When checking against the base Outcome class, any branded instance qualifies
+        if (this.name === 'Outcome') {
+            return true;
+        }
+
+        // For subclass checks, walk the prototype chain and compare by name
+        // This works across ESM/CJS boundaries where constructor references differ
+        let proto = Object.getPrototypeOf(instance);
+        while (proto !== null) {
+            if (proto.constructor?.name === this.name) {
+                return true;
+            }
+            proto = Object.getPrototypeOf(proto);
+        }
+
+        return false;
+    }
+
     static fromJSON = (o: SerialisedOutcome) => match(o.code)
         .when(ExecutionCompromised.Code,                _ => ExecutionCompromised.fromJSON(o))
         .when(ExecutionFailedWithError.Code,            _ => ExecutionFailedWithError.fromJSON(o))
@@ -23,6 +67,8 @@ export abstract class Outcome extends TinyType {
 
     protected constructor(protected readonly code: number) {
         super();
+        // Brand the instance for cross-module instanceof checks
+        (this as any)[Outcome.TYPE_BRAND] = true;
     }
 
     isWorseThan(another: Outcome | { Code: number }): boolean {

package/src/model/tags/ArbitraryTag.ts

@@ -1,4 +1,4 @@
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * Tagged with an arbitrary tag that doesn't have any special interpretation

package/src/model/tags/BrowserTag.ts

@@ -1,6 +1,6 @@
 import type { JSONObject } from 'tiny-types';
 
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * @access public

package/src/model/tags/CapabilityTag.ts

@@ -1,4 +1,4 @@
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * @access public

package/src/model/tags/ExecutionRetriedTag.ts

@@ -1,6 +1,6 @@
 import type { JSONObject } from 'tiny-types';
 
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * Indicates that execution of a given scene

package/src/model/tags/FeatureTag.ts

@@ -1,4 +1,4 @@
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * @access public

package/src/model/tags/IssueTag.ts

@@ -1,4 +1,4 @@
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * @access public

package/src/model/tags/ManualTag.ts

@@ -1,4 +1,4 @@
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * @access public

package/src/model/tags/PlatformTag.ts

@@ -1,6 +1,6 @@
 import type { JSONObject } from 'tiny-types';
 
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * @access public

package/src/model/tags/ProjectTag.ts

@@ -1,4 +1,4 @@
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * Used to categorise tests by the project they belong to.

package/src/model/tags/Tags.ts

@@ -1,17 +1,17 @@
 import type { JSONObject, JSONValue } from 'tiny-types';
 import { ensure, isDefined, isString, match } from 'tiny-types';
 
-import { ArbitraryTag } from './ArbitraryTag';
-import { BrowserTag } from './BrowserTag';
-import { CapabilityTag } from './CapabilityTag';
-import { ExecutionRetriedTag } from './ExecutionRetriedTag';
-import { FeatureTag } from './FeatureTag';
-import { IssueTag } from './IssueTag';
-import { ManualTag } from './ManualTag';
-import { PlatformTag } from './PlatformTag';
-import { ProjectTag } from './ProjectTag';
-import type { Tag } from './Tag';
-import { ThemeTag } from './ThemeTag';
+import { ArbitraryTag } from './ArbitraryTag.js';
+import { BrowserTag } from './BrowserTag.js';
+import { CapabilityTag } from './CapabilityTag.js';
+import { ExecutionRetriedTag } from './ExecutionRetriedTag.js';
+import { FeatureTag } from './FeatureTag.js';
+import { IssueTag } from './IssueTag.js';
+import { ManualTag } from './ManualTag.js';
+import { PlatformTag } from './PlatformTag.js';
+import { ProjectTag } from './ProjectTag.js';
+import type { Tag } from './Tag.js';
+import { ThemeTag } from './ThemeTag.js';
 
 interface Deserialiser<Return_Type> {
     fromJSON(o: JSONValue): Return_Type;

package/src/model/tags/ThemeTag.ts

@@ -1,4 +1,4 @@
-import { Tag } from './Tag';
+import { Tag } from './Tag.js';
 
 /**
  * @access public

package/src/model/tags/index.ts

@@ -1,12 +1,12 @@
-export * from './ArbitraryTag';
-export * from './BrowserTag';
-export * from './CapabilityTag';
-export * from './ExecutionRetriedTag';
-export * from './FeatureTag';
-export * from './IssueTag';
-export * from './ManualTag';
-export * from './PlatformTag';
-export * from './ProjectTag';
-export * from './Tag';
-export * from './Tags';
-export * from './ThemeTag';
+export * from './ArbitraryTag.js';
+export * from './BrowserTag.js';
+export * from './CapabilityTag.js';
+export * from './ExecutionRetriedTag.js';
+export * from './FeatureTag.js';
+export * from './IssueTag.js';
+export * from './ManualTag.js';
+export * from './PlatformTag.js';
+export * from './ProjectTag.js';
+export * from './Tag.js';
+export * from './Tags.js';
+export * from './ThemeTag.js';

package/src/screenplay/Activity.ts

@@ -1,12 +1,12 @@
 import path from 'node:path';
 
-import { ErrorStackParser } from '../errors';
-import { FileSystemLocation, Path } from '../io';
-import type { UsesAbilities } from './abilities';
-import type { PerformsActivities } from './activities';
-import type { Answerable } from './Answerable';
-import type { AnswersQuestions } from './questions/AnswersQuestions';
-import { Describable } from './questions/Describable';
+import { ErrorStackParser } from '../errors/index.js';
+import { FileSystemLocation, Path } from '../io/index.js';
+import type { UsesAbilities } from './abilities/index.js';
+import type { PerformsActivities } from './activities/index.js';
+import type { Answerable } from './Answerable.js';
+import type { AnswersQuestions } from './questions/AnswersQuestions.js';
+import { Describable } from './questions/Describable.js';
 
 /**
  * **Activities** represents [tasks](https://serenity-js.org/api/core/class/Task/) and [interactions](https://serenity-js.org/api/core/class/Interaction/) to be performed by an [actor](https://serenity-js.org/api/core/class/Actor/).

package/src/screenplay/Actor.ts

@@ -1,18 +1,18 @@
-import { ConfigurationError, TestCompromisedError } from '../errors';
-import { ActivityRelatedArtifactGenerated } from '../events';
-import { ValueInspector } from '../io';
-import type { Artifact } from '../model';
-import { Name, } from '../model';
-import type { Stage } from '../stage';
-import type { AbilityType, CanHaveAbilities, Discardable, Initialisable, UsesAbilities } from './abilities';
-import { Ability, AnswerQuestions, PerformActivities } from './abilities';
-import type { PerformsActivities } from './activities';
-import type { Activity } from './Activity';
-import type { Answerable } from './Answerable';
-import type { CollectsArtifacts } from './artifacts';
-import type { AnswersQuestions } from './questions';
-import type { SerialisedActor } from './SerialisedActor';
-import type { TellsTime, Timestamp } from './time';
+import { ConfigurationError, TestCompromisedError } from '../errors/index.js';
+import { ActivityRelatedArtifactGenerated } from '../events/index.js';
+import { ValueInspector } from '../io/index.js';
+import type { Artifact } from '../model/index.js';
+import { Name, } from '../model/index.js';
+import type { Stage } from '../stage/index.js';
+import type { AbilityType, CanHaveAbilities, Discardable, Initialisable, UsesAbilities } from './abilities/index.js';
+import { Ability, AnswerQuestions, PerformActivities } from './abilities/index.js';
+import type { PerformsActivities } from './activities/index.js';
+import type { Activity } from './Activity.js';
+import type { Answerable } from './Answerable.js';
+import type { CollectsArtifacts } from './artifacts/index.js';
+import type { AnswersQuestions } from './questions/index.js';
+import type { SerialisedActor } from './SerialisedActor.js';
+import type { TellsTime, Timestamp } from './time/index.js';
 
 /**
  * **Actors** represent **people** and **external systems** interacting with the system under test.
@@ -80,7 +80,12 @@ export class Actor implements PerformsActivities,
     CollectsArtifacts,
     TellsTime
 {
-    private readonly abilities: Map<AbilityType<Ability>, Ability> = new Map<AbilityType<Ability>, Ability>();
+    /**
+     * Map of abilities keyed by ability type name.
+     * Using string keys instead of constructor references to work across ESM/CJS module boundaries
+     * where the same class loaded from different module systems creates distinct constructor functions.
+     */
+    private readonly abilities: Map<string, Ability> = new Map<string, Ability>();
 
     constructor(
         public readonly name: string,
@@ -110,7 +115,7 @@ export class Actor implements PerformsActivities,
 
         if (! found) {
             throw new ConfigurationError(
-                `${ this.name } can ${ Array.from(this.abilities.keys()).map(type => type.name).join(', ') }. ` +
+                `${ this.name } can ${ Array.from(this.abilities.values()).map(ability => ability.constructor.name).join(', ') }. ` +
                 `They can't, however, ${ abilityType.name } yet. ` +
                 `Did you give them the ability to do so?`
             );
@@ -236,7 +241,7 @@ export class Actor implements PerformsActivities,
     }
 
     private findAbilitiesOfType<T>(...methodNames: Array<keyof T>): Array<Ability & T> {
-        const abilitiesFrom = (map: Map<AbilityType<Ability>, Ability>): Ability[] =>
+        const abilitiesFrom = (map: Map<string, Ability>): Ability[] =>
             Array.from(map.values());
 
         const abilitiesWithDesiredMethods = (ability: Ability & T): boolean =>
@@ -247,7 +252,7 @@ export class Actor implements PerformsActivities,
     }
 
     private findAbilityTo<T extends Ability>(doSomething: AbilityType<T>): T | undefined {
-        return this.abilities.get(doSomething.abilityType()) as T;
+        return this.abilities.get(doSomething.abilityType().name) as T;
     }
 
     private acquireAbility(ability: Ability): void {
@@ -255,7 +260,7 @@ export class Actor implements PerformsActivities,
             throw new ConfigurationError(`Custom abilities must extend Ability from '@serenity-js/core'. Received ${ ValueInspector.typeOf(ability) }`);
         }
 
-        this.abilities.set(ability.abilityType(), ability);
+        this.abilities.set(ability.abilityType().name, ability);
     }
 
     /**

package/src/screenplay/Answerable.ts

@@ -1,4 +1,4 @@
-import type { Question } from './Question';
+import type { Question } from './Question.js';
 
 /**
  * A union type that provides a convenient way to represent any value

package/src/screenplay/Answered.ts

@@ -1,4 +1,4 @@
-import type { Question } from './Question';
+import type { Question } from './Question.js';
 
 /**
  * Describes the type of answer a given [`Answerable`](https://serenity-js.org/api/core/#Answerable) would

package/src/screenplay/Interaction.ts

@@ -1,8 +1,8 @@
-import type { UsesAbilities } from './abilities';
-import { Activity } from './Activity';
-import type { Answerable } from './Answerable';
-import type { CollectsArtifacts } from './artifacts';
-import type { AnswersQuestions } from './questions';
+import type { UsesAbilities } from './abilities/index.js';
+import { Activity } from './Activity.js';
+import type { Answerable } from './Answerable.js';
+import type { CollectsArtifacts } from './artifacts/index.js';
+import type { AnswersQuestions } from './questions/index.js';
 
 /**
  * **Interactions** are low-level [activities](https://serenity-js.org/api/core/class/Activity/) that encapsulate

package/src/screenplay/Optional.ts

@@ -1,4 +1,4 @@
-import type { Answerable } from './Answerable';
+import type { Answerable } from './Answerable.js';
 
 /**
  * `Optional` is a container object, which holds a value that may or may not be "present",

package/src/screenplay/Question.ts

@@ -1,22 +1,23 @@
 import util from 'node:util';
 
-import { isRecord, significantFieldsOf } from 'tiny-types/lib/objects';
-
-import { LogicError } from '../errors';
-import type { FileSystemLocation } from '../io';
-import { asyncMap, f, inspectedObject, ValueInspector } from '../io';
-import type { UsesAbilities } from './abilities';
-import type { Answerable } from './Answerable';
-import { Interaction } from './Interaction';
-import type { Optional } from './Optional';
-import type { AnswersQuestions } from './questions/AnswersQuestions';
-import { Describable } from './questions/Describable';
-import type { DescriptionFormattingOptions } from './questions/DescriptionFormattingOptions';
-import type { MetaQuestion } from './questions/MetaQuestion';
-import { the } from './questions/tag-functions';
-import { Unanswered } from './questions/Unanswered';
-import type { RecursivelyAnswered } from './RecursivelyAnswered';
-import type { WithAnswerableProperties } from './WithAnswerableProperties';
+import { isRecord } from 'tiny-types/lib/objects/isRecord.js';
+import { significantFieldsOf } from 'tiny-types/lib/objects/significantFields.js';
+
+import { LogicError } from '../errors/index.js';
+import type { FileSystemLocation } from '../io/index.js';
+import { asyncMap, f, inspectedObject, ValueInspector } from '../io/index.js';
+import type { UsesAbilities } from './abilities/index.js';
+import type { Answerable } from './Answerable.js';
+import { Interaction } from './Interaction.js';
+import type { Optional } from './Optional.js';
+import type { AnswersQuestions } from './questions/AnswersQuestions.js';
+import { Describable } from './questions/Describable.js';
+import type { DescriptionFormattingOptions } from './questions/DescriptionFormattingOptions.js';
+import type { MetaQuestion } from './questions/MetaQuestion.js';
+import { the } from './questions/tag-functions.js';
+import { Unanswered } from './questions/Unanswered.js';
+import type { RecursivelyAnswered } from './RecursivelyAnswered.js';
+import type { WithAnswerableProperties } from './WithAnswerableProperties.js';
 
 /**
  * **Questions** describe how [actors](https://serenity-js.org/api/core/class/Actor/) should query the system under test or the test environment to retrieve some information.
@@ -50,6 +51,34 @@ import type { WithAnswerableProperties } from './WithAnswerableProperties';
  *  )
  * ```
  *
+ * However, it's worth noting that sometimes you don't even need a custom question.
+ * You  can instead use a [`QuestionAdapter`](https://serenity-js.org/api/core/#QuestionAdapter),
+ * which proxies the known members of the type.
+ * In our list example, we can use a Serenity/JS [`List`](https://serenity-js.org/api/core/class/List/)
+ * which conveniently already has a `last()`.
+ *
+ * ```ts
+ * import { Page } from '@serenity-js/web'
+ * import { actorCalled, List } from '@serenity-js/core'
+ * import { Ensure, equals, includes } from '@serenity-js/assertions'
+ *
+ * const list = List.of([ 1, 2, 3 ]);
+ *
+ * await actorCalled('Quentin').attemptsTo(
+ *   Ensure.that(list.last(), equals(3)),
+ * )
+ *
+ * const urlPath = () =>
+ *   Page.current()
+ *     .url()        // ← QuestionAdapter<URL>, lets you access all the regular members of URL as QuestionAdapters
+ *     .pathname     // ← QuestionAdapter<string>
+ *     .describedAs('the URL path');  // ← Optionally, add a clear and concise description
+ *
+ * await actorCalled('Quentin').attemptsTo(
+ *   Ensure.that(urlPath(), includes('index.html')),
+ * )
+ * ```
+ *
  * ## Implementing a Question that uses an Ability
  *
  * Just like the [interactions](https://serenity-js.org/api/core/class/Interaction/), a [`Question`](https://serenity-js.org/api/core/class/Question/)
@@ -63,7 +92,7 @@ import type { WithAnswerableProperties } from './WithAnswerableProperties';
  *  import { CallAnApi } from '@serenity-js/rest'
  *
  *  const TextOfLastResponseStatus = () =>
- *    Question.about<number>(`the text of the last response status`, actor => {
+ *    Question.about(`the text of the last response status`, actor => {
  *      return CallAnApi.as(actor).mapLastResponse(response => response.statusText)
  *    })
  * ```
@@ -85,7 +114,7 @@ import type { WithAnswerableProperties } from './WithAnswerableProperties';
  * import { Ensure, equals } from '@serenity-js/assertions'
  *
  * const RequestWasSuccessful = () =>
- *   Question.about<number>(`the text of the last response status`, async actor => {
+ *   Question.about<boolean>(`the request was successful`, async actor => {
  *     const status = await actor.answer(LastResponse.status());
  *
  *     return status === 200;

package/src/screenplay/RecursivelyAnswered.ts

@@ -1,4 +1,4 @@
-import type { Question } from './Question';
+import type { Question } from './Question.js';
 
 /**
  * Describes a recursively resolved plain JavaScript object with [answerable properties](https://serenity-js.org/api/core/#WithAnswerableProperties).

package/src/screenplay/SerialisedActor.ts

@@ -1,4 +1,4 @@
-import type { SerialisedAbility } from './abilities';
+import type { SerialisedAbility } from './abilities/index.js';
 
 /**
  * @group Actors

package/src/screenplay/Task.ts

@@ -1,7 +1,7 @@
-import { ImplementationPendingError } from '../errors';
-import type { PerformsActivities } from './activities';
-import { Activity } from './Activity';
-import type { Answerable } from './Answerable';
+import { ImplementationPendingError } from '../errors/index.js';
+import type { PerformsActivities } from './activities/index.js';
+import { Activity } from './Activity.js';
+import type { Answerable } from './Answerable.js';
 
 /**
  * **Tasks** model **[sequences of activities](https://serenity-js.org/api/core/class/Activity/)**
@@ -103,7 +103,7 @@ import type { Answerable } from './Answerable';
  * import { Task, the } from '@serenity-js/core'
  * import { Click, Enter, Key, Press } from '@serenity-js/web'
  *
- * import { FlightFinder } from './ui/flight-finder'
+ * import { FlightFinder } from './ui/flight-finder.js'
  *
  * const specifyOriginCity = (originCity: string) =>
  *     Task.where(the`#actor specifies origin city of ${ originCity }`,
@@ -129,7 +129,7 @@ import type { Answerable } from './Answerable';
  * import { Task, the } from '@serenity-js/core'
  * import { Click, Enter, Key, PageElement, Press } from '@serenity-js/web'
  *
- * import { FlightFinder } from './ui/flight-finder'
+ * import { FlightFinder } from './ui/flight-finder.js'
  *
  * const specifyOriginCity = (originCity: string) =>
  *     Task.where(the`#actor specifies origin city of ${ originCity }`,

package/src/screenplay/WithAnswerableProperties.ts

@@ -1,5 +1,5 @@
-import type { Answerable } from './Answerable';
-import type { Question } from './Question';
+import type { Answerable } from './Answerable.js';
+import type { Question } from './Question.js';
 
 /**
  * Describes a plain JavaScript object with [`Answerable`](https://serenity-js.org/api/core/#Answerable) properties.