-
+
diff --git a/src/components/feature-board-file-element/content/alert/FileAlerts.unit.ts b/src/components/feature-board-file-element/content/alert/FileAlerts.unit.ts
new file mode 100644
index 0000000000..abcd4d9161
--- /dev/null
+++ b/src/components/feature-board-file-element/content/alert/FileAlerts.unit.ts
@@ -0,0 +1,104 @@
+import { I18N_KEY } from "@/utils/inject";
+import { i18nMock } from "@@/tests/test-utils";
+import createComponentMocks from "@@/tests/test-utils/componentMocks";
+import { ErrorAlert, InfoAlert, WarningAlert } from "@ui-alert";
+import { shallowMount } from "@vue/test-utils";
+import { FileAlert } from "../../shared/types/FileAlert.enum";
+import FileAlerts from "./FileAlerts.vue";
+
+describe("FileAlerts", () => {
+ const setup = (alerts: FileAlert[]) => {
+ document.body.setAttribute("data-app", "true");
+
+ const wrapper = shallowMount(FileAlerts, {
+ ...createComponentMocks({ i18n: true }),
+ provide: {
+ [I18N_KEY.valueOf()]: i18nMock,
+ },
+ propsData: { alerts },
+ });
+ return { wrapper, alerts };
+ };
+
+ describe("when alerts contains FileAlert.VIDEO_FORMAT_ERROR", () => {
+ it("should render FileAlert.VIDEO_FORMAT_ERROR", () => {
+ const { wrapper } = setup([FileAlert.VIDEO_FORMAT_ERROR]);
+
+ const infoAlert = wrapper.findComponent(InfoAlert);
+
+ expect(infoAlert.text()).toBe(
+ "components.cardElement.fileElement.videoFormatError"
+ );
+ });
+ });
+
+ describe("when alerts contains FileAlert.AWAITING_SCAN_STATUS", () => {
+ it("should render FileAlert.AWAITING_SCAN_STATUS", () => {
+ const { wrapper } = setup([FileAlert.AWAITING_SCAN_STATUS]);
+
+ const infoAlert = wrapper.findComponent(InfoAlert);
+
+ expect(infoAlert.text()).toContain(
+ "components.cardElement.fileElement.awaitingScan"
+ );
+ expect(infoAlert.text()).toContain(
+ "components.cardElement.fileElement.reloadStatus"
+ );
+ });
+ });
+
+ describe("when alerts contains FileAlert.SCAN_STATUS_WONT_CHECK", () => {
+ it("should render FileAlert.SCAN_STATUS_WONT_CHECK", () => {
+ const { wrapper } = setup([FileAlert.SCAN_STATUS_WONT_CHECK]);
+
+ const infoAlert = wrapper.findComponent(InfoAlert);
+
+ expect(infoAlert.text()).toBe(
+ "components.cardElement.fileElement.scanWontCheck"
+ );
+ });
+ });
+
+ describe("when alerts contains FileAlert.SCAN_STATUS_ERROR", () => {
+ it("should render FileAlert.SCAN_STATUS_ERROR", () => {
+ const { wrapper } = setup([FileAlert.SCAN_STATUS_ERROR]);
+
+ const warningAlert = wrapper.findComponent(WarningAlert);
+
+ expect(warningAlert.text()).toBe(
+ "components.cardElement.fileElement.scanError"
+ );
+ });
+ });
+
+ describe("when alerts contains FileAlert.SCAN_STATUS_BLOCKED", () => {
+ it("should render FileAlert.SCAN_STATUS_BLOCKED", () => {
+ const { wrapper } = setup([FileAlert.SCAN_STATUS_BLOCKED]);
+
+ const errorAlert = wrapper.findComponent(ErrorAlert);
+
+ expect(errorAlert.text()).toBe(
+ "components.cardElement.fileElement.virusDetected"
+ );
+ });
+ });
+
+ describe("when alerts contains SCAN_STATUS_BLOCKED and VIDEO_FORMAT_ERROR", () => {
+ it("should render FileAlert.SCAN_STATUS_BLOCKED", () => {
+ const { wrapper } = setup([
+ FileAlert.SCAN_STATUS_BLOCKED,
+ FileAlert.VIDEO_FORMAT_ERROR,
+ ]);
+
+ const errorAlert = wrapper.findComponent(ErrorAlert);
+ expect(errorAlert.text()).toContain(
+ "components.cardElement.fileElement.virusDetected"
+ );
+
+ const infoAlert = wrapper.findComponent(InfoAlert);
+ expect(infoAlert.text()).toBe(
+ "components.cardElement.fileElement.videoFormatError"
+ );
+ });
+ });
+});
diff --git a/src/components/feature-board-file-element/content/alert/FileAlerts.vue b/src/components/feature-board-file-element/content/alert/FileAlerts.vue
new file mode 100644
index 0000000000..bc14cbd193
--- /dev/null
+++ b/src/components/feature-board-file-element/content/alert/FileAlerts.vue
@@ -0,0 +1,56 @@
+
+
+
+ {{ t("components.cardElement.fileElement.videoFormatError") }}
+
+
+
+
+
+
+ {{ t("components.cardElement.fileElement.scanWontCheck") }}
+
+
+
+ {{ t("components.cardElement.fileElement.virusDetected") }}
+
+
+
+ {{ t("components.cardElement.fileElement.scanError") }}
+
+
+
+
+
diff --git a/src/components/feature-board-file-element/content/alert/useFileAlerts.composable.ts b/src/components/feature-board-file-element/content/alert/useFileAlerts.composable.ts
new file mode 100644
index 0000000000..361eb94df5
--- /dev/null
+++ b/src/components/feature-board-file-element/content/alert/useFileAlerts.composable.ts
@@ -0,0 +1,47 @@
+import { FileRecordResponse, PreviewStatus } from "@/fileStorageApi/v3";
+import { computed, Ref, ref } from "vue";
+import { FileAlert } from "../../shared/types/FileAlert.enum";
+
+export const useFileAlerts = (
+ fileRecord: Ref
+ {{ t("components.cardElement.fileElement.awaitingScan") }}
+
+ {{ t("components.cardElement.fileElement.reloadStatus") }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/feature-board-file-element/shared/types/FileAlert.enum.ts b/src/components/feature-board-file-element/shared/types/FileAlert.enum.ts
new file mode 100644
index 0000000000..9f9aab29d5
--- /dev/null
+++ b/src/components/feature-board-file-element/shared/types/FileAlert.enum.ts
@@ -0,0 +1,7 @@
+export enum FileAlert {
+ VIDEO_FORMAT_ERROR,
+ AWAITING_SCAN_STATUS,
+ SCAN_STATUS_WONT_CHECK,
+ SCAN_STATUS_BLOCKED,
+ SCAN_STATUS_ERROR,
+}
diff --git a/src/components/feature-board-file-element/shared/types/file-properties.ts b/src/components/feature-board-file-element/shared/types/file-properties.ts
index 98f903fc1f..4170a3b4bb 100644
--- a/src/components/feature-board-file-element/shared/types/file-properties.ts
+++ b/src/components/feature-board-file-element/shared/types/file-properties.ts
@@ -8,5 +8,6 @@ export interface FileProperties {
previewUrl?: string;
previewStatus: PreviewStatus;
isDownloadAllowed: boolean;
+ mimeType: string;
element: FileElementResponse;
}
diff --git a/src/components/ui-alert/BaseAlert.unit.ts b/src/components/ui-alert/BaseAlert.unit.ts
new file mode 100644
index 0000000000..ba2b19b44f
--- /dev/null
+++ b/src/components/ui-alert/BaseAlert.unit.ts
@@ -0,0 +1,74 @@
+import { shallowMount } from "@vue/test-utils";
+import BaseAlert from "./BaseAlert.vue";
+
+describe("BaseAlert", () => {
+ describe("when default slot is defined", () => {
+ const setup = () => {
+ document.body.setAttribute("data-app", "true");
+
+ const slot = "TestSlot";
+ const color = "TestColor";
+ const icon = "TestIcon";
+ const wrapper = shallowMount(BaseAlert, {
+ propsData: {
+ color,
+ icon,
+ },
+ slots: {
+ default: slot,
+ },
+ });
+
+ return {
+ wrapper,
+ slot,
+ color,
+ icon,
+ };
+ };
+
+ it("should render default slot", () => {
+ const { wrapper, slot } = setup();
+
+ const text = wrapper.text();
+
+ expect(text).toContain(slot);
+ });
+
+ it("should pass color", () => {
+ const { wrapper, color } = setup();
+
+ const attribute = wrapper.attributes("color");
+
+ expect(attribute).toBe(color);
+ });
+
+ it("should pass icon", () => {
+ const { wrapper, icon } = setup();
+
+ const attribute = wrapper.attributes("icon");
+
+ expect(attribute).toBe(icon);
+ });
+ });
+
+ describe("when default slot is not defined", () => {
+ const setup = () => {
+ document.body.setAttribute("data-app", "true");
+
+ const wrapper = shallowMount(BaseAlert, {});
+
+ return {
+ wrapper,
+ };
+ };
+
+ it("should not render default slot", () => {
+ const { wrapper } = setup();
+
+ const text = wrapper.find("div.black--text");
+
+ expect(text.exists()).toBeFalsy();
+ });
+ });
+});
diff --git a/src/components/ui-alert/BaseAlert.vue b/src/components/ui-alert/BaseAlert.vue
new file mode 100644
index 0000000000..37f7bf91c4
--- /dev/null
+++ b/src/components/ui-alert/BaseAlert.vue
@@ -0,0 +1,20 @@
+
+
+
+