Skip to main content

DragAndDrop

The DragAndDrop class is an action class in the Screenplay pattern designed for use with the @testla/screenplay library. This class allows actors to drag an element specified by a source selector and drop it on an element specified by a target selector using the BrowseTheWeb ability provided by Testla.

Extends​

This class extends the abstract FrameEnabledAction which extends Action class from Core.

Methods​

performAs​

public performAs(actor: Actor): Promise<void>;
  • Description: Drags the specified source element and drops it on the target element using the BrowseTheWeb ability.
  • Parameters:
    • actor - The actor performing this action.
  • Returns: Promise<void> - Returns a promise that resolves after dragging the locator to another target locator or target position.

execute​

public static execute(sourceSelector: Selector, targetSelector: Selector, options?: {
    source?: SelectorOptions;
    target?: SelectorOptions;
}): DragAndDrop;
  • Description: Creates a new instance of the DragAndDrop class specifically for dragging the specified source element and dropping it on the specified target element.
  • Parameters:
    • sourceSelector - The selector of the source element.
    • targetSelector - The selector of the target element.
    • options (optional) - Advanced selector lookup options.
  • Returns: DragAndDrop - Returns a new DragAndDrop instance.

Methods inherited from FrameEnabledAction​

inFrame​

Introduced in: 1.3.0

A webpage may be associated with multiple Frame objects. Each webpage possesses a primary frame and interactions at the page level such as clicking, are typically performed within this main frame. In addition to the main frame, a webpage can incorporate extra frames using the HTML 'iframe' tag. These supplementary frames can be targeted for interactions occurring within the specific frame. To reach elements in those frames you can use the inFrame() method to find the specified frame selector using the BrowseTheWeb ability. You can also chain frame objects to go down to the inner most iframe using the inFrame() API. Be aware the sequence starts with outer most iframe and goes down to inner most iframe.

public inFrame(frameSelector: FrameSelector): Check;
  • Description: Finds the specified frame selector using the BrowseTheWeb ability.
  • Parameters:
    • frameSelector - The FrameSelector.
  • Returns: Action - Returns the current action.

Usage:

// Find an element in a specific frame
await actor.attemptsTo(
    Find.element('#myElement').inFrame('#myFrame'),
);

// Find an element in nested frames
await actor.attemptsTo(
    Find.element('#content')
        .inFrame('[name="frameTop"]')
        .inFrame('[name="frameMiddle"]'),
);

Methods inherited from Core Action​

orSkipOnFail​

Introduced in core: 0.5.0

public get orSkipOnFail(): Action;
  • Description: Allows to skip an action on fail.
  • Returns: Action - Returns the current action.

Usage:

// Would skip the step on error without breaking the execution
await actor.attemptsTo(
    Do.something().orSkipOnFail,
);

withAbilityAlias​

Introduced in core: 0.3.0

public withAbilityAlias(alias: string): Action;
  • Description: Defines the ability alias to be used during execution.
  • Parameters:
    • alias - The alias.
  • Returns: Action - Returns the current action.

Usage:

await actor.attemptsTo(
    Do.something().withAbilityAlias('myAlias'),
);