FLabelPageObject: errorMessage() method

Hämtar elementet med etikettens felmeddelande.

Syntax

errorMessage();

Returvärde

HTMLElement som innehåller etikettens felmeddelande.

Exempel

<template>
    <f-validation-form>
        <f-text-field v-validation.required v-test="'awesome-label'"> Etikett </f-text-field>
        <button type="submit" class="button button--primary">Skicka in</button>
    </f-validation-form>
</template>
const awesomeLabel = new FLabelPageObject("[data-test=awesome-label]");

/* error message is not visible before validation */
awesomeLabel.errorMessage().should("not.exist");

/* trigger validation */
cy.get("button").click();

/* error message should now be present */
awesomeLabel
    .errorMessage()
    .should("exist")
    .and("contain.text", "Fyll i text");

Relaterat

Esc för att stänga Pil upp/ner för att navigera Enter för att välja