UNPKG

@serenity-js/web

Version:

Serenity/JS Screenplay Pattern library offering a flexible, web driver-agnostic approach for interacting with web-based user interfaces and components, suitable for various testing contexts

74 lines 2.56 kB
import type { Answerable, AnswersQuestions, Interaction, UsesAbilities } from '@serenity-js/core'; import type { PageElement } from '../models'; import { PageElementInteraction } from './PageElementInteraction'; /** * Instructs an [actor](https://serenity-js.org/api/core/class/Actor/) who has the [ability](https://serenity-js.org/api/core/class/Ability/) to [`BrowseTheWeb`](https://serenity-js.org/api/web/class/BrowseTheWeb/) * to clear the `value` of a [form `input` field](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input). * * ## Example widget * * ```html * <form> * <input type="text" name="example" id="example" /> * </form> * ``` * * ## Lean Page Object describing the widget * * ```ts * import { By, PageElement } from '@serenity-js/web' * * const Form = { * exampleInput: () => * PageElement.located(By.id('example')) * .describedAs('example input') * } * ``` * * ## Clearing the value of an input field * * ```ts * import { actorCalled } from '@serenity-js/core' * import { Clear, Enter, Value } from '@serenity-js/web' * import { Ensure, equals } from '@serenity-js/assertions' * * await actorCalled('Inés') * .whoCan(BrowseTheWeb.using(browser)) * .attemptsTo( * Enter.theValue('Hello world!').into(Form.exampleInput()), * Ensure.that(Value.of(Form.exampleInput()), equals('Hello world!')), * * Clear.theValueOf(Form.exampleInput()), * Ensure.that(Value.of(Form.exampleInput()), equals('')), * ) * ``` * * ## Learn more * * - [`BrowseTheWeb`](https://serenity-js.org/api/web/class/BrowseTheWeb/) * - [`Enter`](https://serenity-js.org/api/web/class/Enter/) * - [`Value`](https://serenity-js.org/api/web/class/Value/) * - [`PageElement`](https://serenity-js.org/api/web/class/PageElement/) * * @group Activities */ export declare class Clear extends PageElementInteraction { private readonly field; /** * Instantiates an [interaction](https://serenity-js.org/api/core/class/Interaction/) * that instructs the [actor](https://serenity-js.org/api/core/class/Actor/) * to clear the value of an input `field`, * * @param field * The field which value should be cleared */ static theValueOf(field: Answerable<PageElement>): Interaction; protected constructor(field: Answerable<PageElement>); /** * @inheritDoc */ performAs(actor: UsesAbilities & AnswersQuestions): Promise<void>; private isClearable; private capitaliseFirstLetter; } //# sourceMappingURL=Clear.d.ts.map