Skip to main content

externalabstractInteraction

Interactions are low-level activities that encapsulate a handful of instructions for an actor on how to use their abilities to perform an individual interaction with the given interface of the system under test.

Tasks or interactions?

Because of their low-level nature, interactions are named using the vocabulary of the solution domain, and represent an individual interaction with the given interface, e.g. Click, Enter, or Send.

Interactions follow the Single Responsibility Principle which means that they do one thing and one thing only. If you're considering implementing an "interaction" that performs more than one logical activity, e.g. checks if the button is visible and then clicks on it if is, consider using separate interactions for separate responsibilities and then composing them using a task.

Interactions are the core building block of the Screenplay Pattern, along with actors, abilities, questions, and tasks.

Learn more about:

Writing a custom interaction

Serenity/JS modules ship with dozens of interactions to help you compose your test scenarios. However, if you need to interact with a non-standard interface, or want to create a flavour of a given interaction that behaves slightly differently than the built-in version, you can easily create your own implementations using the Interaction.where factory method.

import { Actor, Interaction, the } from '@serenity-js/core'
import { BrowseTheWeb, Page } from '@serenity-js/web'

export const ClearLocalStorage = () =>
  Interaction.where(the`#actor clears local storage`, async (actor: Actor) => {
    // Interaction to ClearLocalStorage directly uses Actor's ability to BrowseTheWeb
    const page: Page = await BrowseTheWeb.as(actor).currentPage()
    await page.executeScript(() => window.localStorage.clear())
  })

Using a custom interaction

import { actorCalled } from '@serenity-js/core';
import { BrowseTheWebWithPlaywright } from '@serenity-js/playwright'
import { By, Navigate, PageElement } from '@serenity-js/web'
import { Ensure, equals } from '@serenity-js/assertions'
import { Browser, chromium } from 'playwright'

const browser = await chromium.launch({ headless: true })

await actorCalled('Inês')
  .whoCan(BrowseTheWebWithPlaywright.using(browser))
  .attemptsTo(
    Navigate.to(`https://serenity-js.org`),
    ClearLocalStorage(), // reported as "Inês clears local storage"
  )

Hierarchy

Index

Constructors

Methods

Constructors

externalconstructor

  • Parameters

    • externaldescription: Answerable<string>
    • externallocation: FileSystemLocation = ...

    Returns Interaction

Methods

staticexternalwhere

  • Parameters

    • externaldescription: Answerable<string>

      Description to be used when reporting this interaction, for example #actor clears local storage. Note that #actor will be replaced with the name of the actor performing this interaction.

    • externalinteraction: (actor: UsesAbilities & AnswersQuestions & CollectsArtifacts) => void | Promise<void>

      Returns Interaction

    externalinstantiationLocation

    • instantiationLocation(): FileSystemLocation

    • Returns the location where this Activity was instantiated.

      Returns FileSystemLocation

    externalabstractperformAs

    externaldescribedBy

    • Resolves the description of this object in the context of the provided actor.

      Parameters

      Returns Promise<string>

    externaltoString

    • toString(): string

    • Returns a human-readable description of this object.

      Returns string

    Page Options