Använd FExpandableParagraphPageObject för att hämta information relaterat till FExpandableParagraph.

Samtliga exempel använder detta underlag:

<script setup lang="ts">
import { FExpandableParagraph } from "@fkui/vue";
</script>

<template>
    <f-expandable-paragraph :expanded="true">
        <template #title> Titel </template>
        <template #related> 2026-01-01 </template>
        <template #default>
            <span>Innehåll</span>
        </template>
    </f-expandable-paragraph>
</template>

FExpandableParagraphPageObject()

Skapar ett nytt Cypress-pageobjekt.

Syntax

new FExpandableParagraphPageObject(selector);

Parametrar

selector: string Optional

Selector till FExpandableParagraph elementet. Du kan med fördel använda v-test direktivet för din selector.

expandCollapseIcon()

Används för att komma åt ikonen som kan expandera och kollapsa det expanderbara stycket.

Syntax

expandCollapseIcon();

Returvärde

HTMLElement med elementet som innehåller ikonen som kan expandera och kollapsa det expanderbara stycket.

Exempel

const list = new FExpandableParagraphPageObject();
list.expandCollapseIcon().should("exist").click();

header()

Används för att komma åt rubriken på den det expanderbara stycket.

Syntax

header();

Returvärde

HTMLElement med elementet som innehåller rubriken på det expanderbara stycket.

Exempel

const list = new FExpandableParagraphPageObject();
list.header().should("have.trimmedText", "Titel");

body()

Används för att komma åt innehållet på det expanderbara stycket.

Syntax

body();

Returvärde

HTMLElement med elementet som innehåller innehållet på det expanderbara stycket.

Exempel

const list = new FExpandableParagraphPageObject();
list.body().should("have.trimmedText", "Innehåll");

relatedInfo()

Används för att komma åt relaterad information på det expanderbara stycket.

Syntax

relatedInfo();

Returvärde

HTMLElement med elementet som innehåller relaterad information på det expanderbara stycket.

Exempel

const list = new FExpandableParagraphPageObject();
list.relatedInfo().should("have.trimmedText", "2026-01-01");

isOpen()

Används för att veta ifall det expanderbara stycket är öppet eller inte.

Syntax

isOpen();

Returvärde

boolean för att veta ifall det expanderbara stycket är öppet eller inte.

Exempel

const list = new FExpandableParagraphPageObject();
list.isOpen().should("be.true");