docs: ffileitem documentation added (refs SFKUI-7022)

docs/components/file-upload/FFileItem.md

@@ -35,3 +35,7 @@ FFileItemIcons.vue
 :::api
 vue:FFileItem
 :::
+
+## Relaterat
+
+- {@link FFileItemPageObject FFileItemPageObject}

docs/functions/cypress/pageobjects/FFileItemPageObject/FFileItemPageObject-type-of-file-icon.cy.ts

@@ -0,0 +1,19 @@
+import { FFileItemPageObject } from "@fkui/vue/pageobject";
+import Example from "./FFileItemPageObject-type-of-file-icon.vue";
+
+it("el() should select correct element", () => {
+    cy.mount(Example);
+
+    /* --- cut above --- */
+    const fileItemPdf = new FFileItemPageObject("[data-test=file-item-pdf]");
+    fileItemPdf.typeOfFileIcon().should("be.equal", "pdf");
+
+    const fileItemDoc = new FFileItemPageObject("[data-test=file-item-doc]");
+    fileItemDoc.typeOfFileIcon().should("be.equal", "doc");
+
+    const fileItemImage = new FFileItemPageObject(
+        "[data-test=file-item-image]",
+    );
+    fileItemImage.typeOfFileIcon().should("be.equal", "pic");
+    /* --- cut below --- */
+});

docs/functions/cypress/pageobjects/FFileItemPageObject/FFileItemPageObject-type-of-file-icon.md

@@ -0,0 +1,32 @@
+---
+name: FFileItemPageObject.typeOfFileIcon
+title: "FFileItemPageObject: typeOfFileIcon() method"
+short-title: typeOfFileIcon()
+layout: article
+---
+
+Används för att komma åt namnet på filens ikon till exempel pdf, doc osv
+
+## Syntax
+
+```ts
+typeOfFileIcon();
+```
+
+### Returvärde
+
+`String` som innehåller en del av klassnamnet på filens ikon till exempel pdf, doc osv
+
+## Exempel
+
+```import static
+FFileItemPageObject-type-of-file-icon.vue
+```
+
+```import
+FFileItemPageObject-type-of-file-icon.cy.ts
+```
+
+## Relaterat
+
+- {@link FFileItem}

docs/functions/cypress/pageobjects/FFileItemPageObject/FFileItemPageObject-type-of-file-icon.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { FFileItem } from "@fkui/vue";
+</script>
+
+<!-- cut above -->
+<template>
+    <div>
+        <f-file-item v-test="'file-item-doc'" :file-name="'myFile.doc'" :mime-type="'application/msword'"></f-file-item>
+    </div>
+    <div>
+        <f-file-item v-test="'file-item-pdf'" :file-name="'myFile.pdf'" :mime-type="'application/pdf'"></f-file-item>
+    </div>
+    <div>
+        <f-file-item v-test="'file-item-image'" :file-name="'myFile.png'" :mime-type="'image/png'"></f-file-item>
+    </div>
+</template>

docs/functions/cypress/pageobjects/FFileItemPageObject/FFileItemPageObject.cy.ts

@@ -0,0 +1,13 @@
+import { FFileItemPageObject } from "@fkui/vue/pageobject";
+import Example from "./FFileItemPageObject.vue";
+
+it("el() should select correct element", () => {
+    cy.mount(Example);
+
+    /* --- cut above --- */
+    const fileItem = new FFileItemPageObject("[data-test=file-item]");
+    fileItem.fileName().should("contain.text", ".pdf");
+    fileItem.typeOfFileIcon().should("be.equal", "pdf");
+
+    /* --- cut below --- */
+});

docs/functions/cypress/pageobjects/FFileItemPageObject/FFileItemPageObject.md

@@ -0,0 +1,41 @@
+---
+name: FFileItemPageObject
+title: "FFileItemPageObject: FFileItemPageObject() constructor"
+short-title: FFileItemPageObject()
+sortorder: 1
+layout: article
+---
+
+Använd `FFileItemPageObject` för att hämta information relaterat till {@link FFileItem filpresentatören }.
+
+## Syntax
+
+```ts
+new FFileItemPageObject(selector);
+```
+
+### Parametrar
+
+`selector: string`
+: Selector till `FFileItem` elementet. Du kan med fördel använda {@link TestPlugin `v-test`} direktivet för din selector.
+
+## Publika variablar
+
+`fileName` - filens namn inklusive filändelsen\
+`fileIcon` - namnet på filens ikon\
+`cancelDeleteButton` - "Avbryt"/"Ta bort" knapp element\
+`progressMeter` - selektorn till förkoppsindikatorn (FProgressbar)
+
+## Exempel
+
+```import static
+FFileItemPageObject.vue
+```
+
+```import
+FFileItemPageObject.cy.ts
+```
+
+## Relaterat
+
+- {@link FFileItem}

docs/functions/cypress/pageobjects/FFileItemPageObject/FFileItemPageObject.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import { FFileItem } from "@fkui/vue";
+</script>
+
+<!-- cut above -->
+<template>
+    <div>
+        <f-file-item v-test="'file-item'" :file-name="'myFile.pdf'" :mime-type="'application/pdf'"></f-file-item>
+    </div>
+</template>