FListPageObject
Innehåll
Använd FListPageObject för att hämta information relaterat till FList.
Samtliga exempel använder detta underlag:
<script setup lang="ts">
import { FList } from "@fkui/vue";
interface Item {
id: number;
frukt: string;
}
const items: Item[] = [
{ id: 1, frukt: "Banan" },
{ id: 2, frukt: "Äpple" },
{ id: 3, frukt: "Apelsin" },
];
</script>
<template>
<f-list :items>
<template #default="{ item }">
{{ item.frukt }}
</template>
</f-list>
</template>
FListPageObject()
Skapar ett nytt Cypress-pageobjekt.
Syntax
new FListPageObject(selector);
Parametrar
selector: stringOptional- Selector till
FListelementet. Du kan med fördel användav-testdirektivet för din selector.
listItems()
Används för att komma åt element i listan.
Syntax
listItems();
Returvärde
HTMLElement[] med samtliga element i listan.
Exempel
const list = new FListPageObject();
list.listItems().should("have.length", 3);
list.listItems().eq(0).should("have.text", "Banan");
list.listItems().eq(1).should("have.text", "Äpple");
list.listItems().eq(2).should("have.text", "Apelsin");emptyMessage()
Används för att komma åt meddelandet som visas när listan är tom.
Syntax
emptyMessage();
Returvärde
HTMLElement med elementet som innehåller "Listan är tom" meddelandet.
Exempel
const list = new FListPageObject();
list.emptyMessage().should("exist").and("have.text", "Listan är tom");