@3cr/viewer-browser 0.0.200 → 0.0.220

package/src/components/modal/actions/__tests__/FlipVerticalAction.spec.ts

@@ -1,15 +1,14 @@
-import { describe, it, expect, vi } from "vitest";
-import { mountVuetify } from "~/helper";
-import { ScanView } from "@3cr/types-ts";
-import FlipVerticalAction from "@/components/modal/actions/FlipVerticalAction.vue";
-import {Viewer3cr} from "@/dataLayer/viewer3cr";
+import { ScanView } from '@3cr/types-ts';
+import { Viewer3crService } from '@/services/viewer-3cr.service';
+import { mount } from '@vue/test-utils';
+import FlipVerticalAction from '@/components/modal/actions/FlipVerticalAction.vue';
 
 describe('FlipVerticalAction tests', () => {
-  const spy = vi.spyOn(Viewer3cr.prototype, 'flipVertically').mockResolvedValue();
+  const spy = vi.spyOn(Viewer3crService.prototype, 'flipVertically').mockResolvedValue();
   const props = { view: ScanView.Sagittal };
 
   it('should flip horizontally', async () => {
-    const wrapper = mountVuetify(FlipVerticalAction, props);
+    const wrapper = mount(FlipVerticalAction, { props });
     const action = wrapper.findComponent('[data-testid="button"]');
     await action.trigger('click');
     expect(spy).toHaveBeenCalledWith(props.view, true);

package/src/components/modal/actions/__tests__/FullscreenAction.spec.ts

@@ -1,17 +1,16 @@
-import { describe, expect, it, vi } from "vitest";
-import { mountVuetify } from "~/helper";
-import { CurrentScanState, LayoutActions, ScanView } from "@3cr/types-ts";
-import { Viewer3cr } from "@/dataLayer/viewer3cr";
-import { previousLayout, scanState } from "@/dataLayer/scanState";
-import FullscreenAction from "../FullscreenAction.vue";
+import { CurrentScanState, LayoutActions, ScanView } from '@3cr/types-ts';
+import { Viewer3crService } from '@/services/viewer-3cr.service';
+import { previousLayout, scanState } from '@/models/scanState';
+import FullscreenAction from '../FullscreenAction.vue';
+import { mount } from '@vue/test-utils';
 
 describe('FullscreenAction tests', () => {
   const props = { view: ScanView.Coronal };
-  const layoutsSpy = vi.spyOn(Viewer3cr.prototype, 'layouts').mockResolvedValue();
-  const viewSpy = vi.spyOn(Viewer3cr.prototype, 'viewSelection').mockResolvedValue();
+  const layoutsSpy = vi.spyOn(Viewer3crService.prototype, 'layouts').mockResolvedValue();
+  const viewSpy = vi.spyOn(Viewer3crService.prototype, 'viewSelection').mockResolvedValue();
 
   it('should fullscreen', async () => {
-    const wrapper = mountVuetify(FullscreenAction, props);
+    const wrapper = mount(FullscreenAction, { props });
     const button = wrapper.find('[data-testid="button"]');
     await button.trigger('click');
     expect(layoutsSpy).toHaveBeenCalledWith(LayoutActions.lo01);
@@ -20,7 +19,7 @@ describe('FullscreenAction tests', () => {
 
   it('should exit fullscreen', async () => {
     scanState.value = { Layout: { PositionData: [{}] } } as CurrentScanState;
-    const wrapper = mountVuetify(FullscreenAction, props);
+    const wrapper = mount(FullscreenAction, { props });
     const button = wrapper.find('[data-testid="button"]');
     await button.trigger('click');
     expect(layoutsSpy).toHaveBeenCalledWith(previousLayout.value);

package/src/components/modal/actions/__tests__/NavigationCubeAction.spec.ts

@@ -1,24 +1,24 @@
-import { describe, expect, it, vi } from "vitest";
-import { Viewer3cr } from "@/dataLayer/viewer3cr";
-import { mountVuetify } from "~/helper";
-import { scanState } from "@/dataLayer/scanState";
-import { CurrentScanState } from "@3cr/types-ts";
-import NavigationCubeAction from "@/components/modal/actions/NavigationCubeAction.vue";
+import { Viewer3crService } from '@/services/viewer-3cr.service';
+import { scanState } from '@/models/scanState';
+import { CurrentScanState } from '@3cr/types-ts';
+import { VCheckbox } from 'vuetify/components';
+import { mount } from '@vue/test-utils';
+import NavigationCubeAction from '@/components/modal/actions/NavigationCubeAction.vue';
 
 describe('NavigationCubeAction tests', () => {
-  const navCubeInteractivitySpy = vi.spyOn(Viewer3cr.prototype, 'setNavCubeInteractivity').mockResolvedValue();
+  const navCubeInteractivitySpy = vi.spyOn(Viewer3crService.prototype, 'setNavCubeInteractivity').mockResolvedValue();
 
   it('should show navigation cube', async () => {
-    const wrapper = mountVuetify(NavigationCubeAction);
-    const switchCmp = wrapper.findComponent('[data-testid="switch"]');
+    const wrapper = mount(NavigationCubeAction);
+    const switchCmp = wrapper.findComponent(VCheckbox);
     await switchCmp.trigger('click');
     expect(navCubeInteractivitySpy).toHaveBeenCalledWith(true);
   });
 
   it('should hide navigation cube', async () => {
     scanState.value = { NavigationCube: { Interactivity: { Value: true } } } as CurrentScanState;
-    const wrapper = mountVuetify(NavigationCubeAction);
-    const switchWrapper = wrapper.findComponent('[data-testid="switch"]');
+    const wrapper = mount(NavigationCubeAction);
+    const switchWrapper = wrapper.findComponent(VCheckbox);
     await switchWrapper.trigger('click');
     expect(navCubeInteractivitySpy).toHaveBeenCalledWith(false);
   });

package/src/components/modal/actions/__tests__/PanAction.spec.ts

@@ -1,18 +1,17 @@
-import { describe, expect, it, vi } from "vitest";
-import { mountVuetify } from "~/helper";
-import { ScanView } from "@3cr/types-ts";
-import { Viewer3cr } from "@/dataLayer/viewer3cr";
-import PanAction from "@/components/modal/actions/PanAction.vue";
+import { ScanView } from '@3cr/types-ts';
+import { Viewer3crService } from '@/services/viewer-3cr.service';
+import { mount } from '@vue/test-utils';
+import PanAction from '@/components/modal/actions/PanAction.vue';
 
 describe('PanAction tests', () => {
-  const spy = vi.spyOn(Viewer3cr.prototype, 'hoverOverCanvas').mockResolvedValue();
-  const element = { addEventListener: vi.fn(), removeEventListener: vi.fn() };
+  const spy = vi.spyOn(Viewer3crService.prototype, 'hoverOverCanvas').mockResolvedValue();
+  const element = { addEventListener: vi.fn(), removeEventListener: vi.fn() } as unknown as HTMLElement;
   const windowAddSpy = vi.spyOn(window, 'addEventListener');
   // const windowRemoveSpy = vi.spyOn(window, 'removeEventListener');
 
   it('should setup event listeners', async () => {
     const props = { view: ScanView.Volume, element };
-    mountVuetify(PanAction, props);
+    mount(PanAction, { props });
     expect(element.addEventListener).toHaveBeenCalledWith('mousedown', expect.anything());
     expect(element.addEventListener).toHaveBeenCalledWith('mouseenter', expect.anything());
     expect(element.addEventListener).toHaveBeenCalledWith('mouseleave', expect.anything());
@@ -22,7 +21,7 @@ describe('PanAction tests', () => {
 
   it('should disable unity input while active', async () => {
     const props = { view: ScanView.Volume, element };
-    const wrapper = mountVuetify(PanAction, props);
+    const wrapper = mount(PanAction, { props });
     const button = wrapper.findComponent('[data-testid="button"]');
     await button.trigger('click');
     expect(spy).toHaveBeenCalledWith(false);
@@ -32,7 +31,7 @@ describe('PanAction tests', () => {
     const element = document.createElement('div');
     document.body.appendChild(element);
     const props = { view: ScanView.Volume, element };
-    const wrapper = mountVuetify(PanAction, props);
+    const wrapper = mount(PanAction, { props });
     const button = wrapper.findComponent('[data-testid="button"]');
     await button.trigger('click');
     element.dispatchEvent(new MouseEvent('mousedown', { clientX: 0, clientY: 0 }));

package/src/components/modal/actions/__tests__/ResetViewAction.spec.ts

@@ -1,14 +1,14 @@
-import { describe, expect, it, vi } from "vitest";
-import { Viewer3cr } from "@/dataLayer/viewer3cr";
-import { mountVuetify } from "~/helper";
-import { ViewSelectionActions } from "@3cr/types-ts";
-import ResetViewAction from "@/components/modal/actions/ResetViewAction.vue";
+import { Viewer3crService } from '@/services/viewer-3cr.service';
+import { ScanView, ViewSelectionActions } from '@3cr/types-ts';
+import { mount } from '@vue/test-utils';
+import ResetViewAction from '@/components/modal/actions/ResetViewAction.vue';
 
 describe('ResetViewAction tests', () => {
-  const viewSelectionSpy = vi.spyOn(Viewer3cr.prototype, 'viewSelection').mockResolvedValue();
+  const viewSelectionSpy = vi.spyOn(Viewer3crService.prototype, 'viewSelection').mockResolvedValue();
 
   it('should reset view', async () => {
-    const wrapper = mountVuetify(ResetViewAction);
+    const props = { view: ScanView.Volume };
+    const wrapper = mount(ResetViewAction, { props });
     const button = wrapper.findComponent('[data-testid="button"]');
     await button.trigger('click');
     expect(viewSelectionSpy).toHaveBeenCalledWith(ViewSelectionActions.vs06);

package/src/components/modal/actions/__tests__/Rotate2dAction.spec.ts

@@ -1,15 +1,13 @@
-import { describe, expect, it, vi } from "vitest";
-import { mountVuetify } from "~/helper";
-import { ScanView } from "@3cr/types-ts";
-import { DOMWrapper } from "@vue/test-utils";
-import { Viewer3cr } from "@/dataLayer/viewer3cr";
-import Rotate2dAction from "@/components/modal/actions/Rotate2dAction.vue";
+import { ScanView } from '@3cr/types-ts';
+import { DOMWrapper, mount } from '@vue/test-utils';
+import { Viewer3crService } from '@/services/viewer-3cr.service';
+import Rotate2dAction from '@/components/modal/actions/Rotate2dAction.vue';
 
 describe('Rotate2dAction tests', () => {
   it('should apply rotation', async () => {
     const props = { view: ScanView.Sagittal };
-    const spy = vi.spyOn(Viewer3cr.prototype, 'rotateByDeg').mockResolvedValue();
-    const wrapper = mountVuetify(Rotate2dAction, props);
+    const spy = vi.spyOn(Viewer3crService.prototype, 'rotateByDeg').mockResolvedValue();
+    const wrapper = mount(Rotate2dAction, { props });
     const button = wrapper.findComponent('[data-testid="button"]');
     await button.trigger('click');
 

package/src/components/modal/actions/__tests__/Slice3dAction.spec.ts

@@ -1,14 +1,32 @@
-import {describe, expect, it} from "vitest";
-import {mountVuetify} from "~/helper";
-import Slice3dAction from "@/components/modal/actions/Slice3dAction.vue";
-import {DOMWrapper} from "@vue/test-utils";
+import { DOMWrapper, flushPromises, mount } from '@vue/test-utils';
+import { ScanView } from '@3cr/types-ts';
+import Slice3dAction from '@/components/modal/actions/Slice3dAction.vue';
+import DoubleSliderSelector from '@/components/shared/DoubleSliderSelector.vue';
+import { cSlider, sSlider, tSlider } from '@/models/scanState';
 
 describe('Slice3dAction tests', () => {
   it('should open slice menu', async () => {
-    const wrapper = mountVuetify(Slice3dAction);
+    const props = { view: ScanView.Volume };
+    const wrapper = mount(Slice3dAction, { props });
     const button = wrapper.findComponent('[data-testid="button"]');
     await button.trigger('click');
     const menu = new DOMWrapper(document.querySelector('[data-testid="menu"]'));
     expect(menu.exists()).toBeTruthy();
   });
+
+  it('should set double-slider-selector model', async () => {
+    const props = { view: ScanView.Volume };
+    const wrapper = mount(Slice3dAction, { props });
+    await wrapper.findByTestId('button').trigger('click');
+
+    const sliders = wrapper.findAllComponents(DoubleSliderSelector);
+    for (const slider of sliders) {
+      await slider.setValue([40, 60]);
+      await flushPromises();
+    }
+
+    expect(tSlider.value).toEqual([40, 60]);
+    expect(sSlider.value).toEqual([40, 60]);
+    expect(cSlider.value).toEqual([40, 60]);
+  });
 });

package/src/components/modal/actions/__tests__/ZoomAction.spec.ts

@@ -1,17 +1,15 @@
-import {describe, expect, it, vi} from "vitest";
-import { ScanView } from "@3cr/types-ts";
-import { mountVuetify } from "~/helper";
-import { Viewer3cr } from "@/dataLayer/viewer3cr";
-import ZoomAction from "@/components/modal/actions/ZoomAction.vue";
-import {DOMWrapper} from "@vue/test-utils";
+import { ScanView } from '@3cr/types-ts';
+import { Viewer3crService } from '@/services/viewer-3cr.service';
+import { DOMWrapper, mount } from '@vue/test-utils';
+import ZoomAction from '@/components/modal/actions/ZoomAction.vue';
 
 describe('ZoomAction tests', () => {
   const props = { view: ScanView.Sagittal, percentage: 25 };
-  const zoomInSpy = vi.spyOn(Viewer3cr.prototype, 'zoomIn');
-  const zoomOutSpy = vi.spyOn(Viewer3cr.prototype, 'zoomOut');
+  const zoomInSpy = vi.spyOn(Viewer3crService.prototype, 'zoomIn');
+  const zoomOutSpy = vi.spyOn(Viewer3crService.prototype, 'zoomOut');
 
   it('should zoom in', async () => {
-    const wrapper = mountVuetify(ZoomAction, props);
+    const wrapper = mount(ZoomAction, { props });
     const button = wrapper.findComponent('[data-testid="button"]');
     await button.trigger('click');
 
@@ -22,7 +20,7 @@ describe('ZoomAction tests', () => {
   });
 
   it('should zoom out', async () => {
-    const wrapper = mountVuetify(ZoomAction, props);
+    const wrapper = mount(ZoomAction, { props });
     const button = wrapper.findComponent('[data-testid="button"]');
     await button.trigger('click');
 

package/src/components/modal/buttons/AutoAnnotateBtn.vue

@@ -0,0 +1,29 @@
+<template>
+  <v-btn
+    v-if="opts.OnAutoAnnotate"
+    @click="autoAnnotate()"
+    :loading="loading"
+    :icon="true"
+    variant="text"
+    :disabled="done"
+  >
+    <v-icon>flash_auto</v-icon>
+    <v-tooltip activator="parent" location="bottom">Auto Annotate</v-tooltip>
+  </v-btn>
+</template>
+
+<script setup lang="ts">
+import { useViewerOptions } from '@/composables/useViewerOptions';
+import { ref } from 'vue';
+
+const opts = useViewerOptions();
+const loading = ref<boolean>(false);
+const done = ref<boolean>(false);
+
+async function autoAnnotate() {
+  loading.value = true;
+  await opts.value!.OnAutoAnnotate!();
+  loading.value = false;
+  done.value = true;
+}
+</script>

package/src/components/modal/buttons/__tests__/AutoAnnotateBtn.spec.ts

@@ -0,0 +1,28 @@
+import { describe } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { useViewerOptions } from '@/composables/useViewerOptions';
+import { VBtn } from 'vuetify/components';
+import AutoAnnotateBtn from '@/components/modal/buttons/AutoAnnotateBtn.vue';
+
+describe('AutoAnnotateBtn tests', () => {
+  const options = useViewerOptions();
+
+  it('should mount', () => {
+    const wrapper = mount(AutoAnnotateBtn);
+    expect(wrapper).toBeTruthy();
+  });
+
+  it('should call OnAutoAnnotate', async () => {
+    options.value.OnAutoAnnotate = vi.fn();
+    const wrapper = mount(AutoAnnotateBtn);
+    await wrapper.findComponent(VBtn).trigger('click');
+    expect(options.value.OnAutoAnnotate).toHaveBeenCalled();
+  });
+
+  it('should not call OnAutoAnnotate', () => {
+    options.value.OnAutoAnnotate = undefined;
+    const wrapper = mount(AutoAnnotateBtn);
+    const button = wrapper.findComponent(VBtn);
+    expect(button.exists()).toBeFalsy();
+  });
+});

package/src/components/modal/menus/FileMenu.vue

@@ -0,0 +1,80 @@
+<template>
+  <v-menu :close-on-content-click="false">
+    <template #activator="{ props, isActive }">
+      <v-btn
+        v-bind="props"
+        data-testid="menu"
+        class="mr-2"
+        :color="isActive ? 'secondary' : 'primary'"
+        prepend-icon="description"
+        variant="flat"
+      >
+        File
+      </v-btn>
+    </template>
+    <v-list>
+      <v-list-item
+        data-testid="load-new-dicom-series"
+        v-if="opts.OnLoadNewDicomSeries"
+        @click="opts.OnLoadNewDicomSeries()"
+        prepend-icon="upload"
+      >
+        <v-list-item-title>Load New DICOM Series</v-list-item-title>
+      </v-list-item>
+      <v-list-item
+        data-testid="download-dicom-series"
+        v-if="opts.OnDownloadDicomSeries"
+        @click="opts.OnDownloadDicomSeries()"
+        prepend-icon="download"
+      >
+        <v-list-item-title>Download DICOM Series</v-list-item-title>
+      </v-list-item>
+      <v-list-item
+        data-testid="load-saved-session"
+        v-if="opts.OnLoadSavedSession"
+        @click="opts.OnLoadSavedSession()"
+        prepend-icon="sync"
+      >
+        <v-list-item-title>Load Saved Session</v-list-item-title>
+      </v-list-item>
+      <v-list-item
+        data-testid="send-to-3rd-party"
+        v-if="opts.OnSendTo3rdParty"
+        @click="opts.OnSendTo3rdParty()"
+        prepend-icon="send"
+      >
+        <v-list-item-title>Send to 3rd Party</v-list-item-title>
+      </v-list-item>
+      <v-list-item
+        data-testid="share-to-mobile"
+        v-if="opts.OnShareToMobile"
+        @click="opts.OnShareToMobile()"
+        prepend-icon="share"
+      >
+        <v-list-item-title>Share to Mobile / VR</v-list-item-title>
+      </v-list-item>
+      <v-list-item data-testid="close" @click="close" prepend-icon="close">
+        <v-list-item-title>Close Viewer</v-list-item-title>
+      </v-list-item>
+    </v-list>
+  </v-menu>
+</template>
+
+<script setup lang="ts">
+import { useViewerOptions } from '@/composables/useViewerOptions';
+
+type Emits = {
+  close: [void];
+};
+
+const emit = defineEmits<Emits>();
+
+const opts = useViewerOptions();
+
+async function close(): Promise<void> {
+  if (opts.value.OnClosePopup) {
+    await opts.value.OnClosePopup();
+  }
+  emit('close');
+}
+</script>

package/src/components/modal/menus/SettingsMenu.vue

@@ -0,0 +1,111 @@
+<template>
+  <v-menu v-model="menuState" :close-on-content-click="false">
+    <template #activator="{ props, isActive }">
+      <v-btn
+        v-bind="mergeProps(props, activatorProps)"
+        :color="isActive ? 'secondary' : 'primary'"
+        prepend-icon="settings"
+        variant="flat"
+      >
+        Settings
+      </v-btn>
+    </template>
+    <v-card id="settings-card" width="350" class="pa-4">
+      <ValueSelector
+        v-model:value="scanState.Display.Brightness"
+        data-testid="brightness"
+        label="Adjust Brightness"
+        prepend="percent"
+      />
+      <ValueSelector
+        v-model:value="scanState.Display.Contrast"
+        data-testid="contrast"
+        label="Adjust Contrast"
+        prepend="percent"
+      />
+      <ValueSelector
+        v-model:value="scanState.Display.Opacity"
+        data-testid="opacity"
+        label="Adjust Opacity"
+        prepend="percent"
+      />
+      <v-divider class="my-4" />
+      <ValueSelector
+        v-model:value="scanState.InteractionSettings.PanSensivitity"
+        data-testid="pan"
+        :min="0"
+        :max="100"
+        label="Pan Sensitivity"
+        prepend="percent"
+      />
+      <ValueSelector
+        v-model:value="scanState.InteractionSettings.ZoomSensitivity"
+        data-testid="zoom"
+        :min="0"
+        :max="100"
+        label="Zoom Sensitivity"
+        prepend="percent"
+      />
+      <ValueSelector
+        v-model:value="scanState.InteractionSettings.RotateSensitivity"
+        data-testid="rotate"
+        :min="0"
+        :max="100"
+        label="Rotate Sensitivity"
+        prepend="percent"
+      />
+      <ValueSelector
+        v-model:value="scanState.InteractionSettings.CameraRotateSensitivity"
+        data-testid="camera"
+        :min="0"
+        :max="100"
+        label="Camera Rotate Sensitivity"
+        prepend="percent"
+      />
+      <v-divider class="my-4" />
+      <NavigationCubeAction />
+      <v-divider class="my-4" v-if="isDemo" />
+      <ValueSelector
+        v-if="isDemo"
+        v-model:value="stlResolution"
+        data-testid="stl_resolution"
+        :min="1"
+        :max="25"
+        :step="1"
+        label="STL Resolution (max 25%)"
+        prepend="percent"
+      />
+    </v-card>
+  </v-menu>
+</template>
+
+<script setup lang="ts">
+import { scanState, stlResolution } from '@/models/scanState';
+import { computed, mergeProps } from 'vue';
+import { isDemo } from '@/components/demo/options';
+
+interface Props {
+  modelValue?: boolean;
+  activatorProps?: Record<string, unknown>;
+}
+
+type Emits = {
+  'update:modelValue': [boolean];
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: false,
+  activatorProps: () => ({})
+});
+
+const emit = defineEmits<Emits>();
+
+const menuState = computed({
+  get(): boolean {
+    return props.modelValue;
+  },
+  set(value: boolean): void {
+    emit('update:modelValue', value);
+  }
+});
+</script>

package/src/components/modal/menus/__tests__/FileMenu.spec.ts

@@ -0,0 +1,110 @@
+import { mount } from '@vue/test-utils';
+import { useViewerOptions } from '@/composables/useViewerOptions';
+import { VBtn, VListItem } from 'vuetify/components';
+import FileMenu from '@/components/modal/menus/FileMenu.vue';
+
+describe('FileMenu tests', () => {
+  const options = useViewerOptions();
+
+  it('should mount', () => {
+    const wrapper = mount(FileMenu);
+    expect(wrapper).toBeTruthy();
+  });
+
+  it('should call OnLoadNewDicomSeries', async () => {
+    options.value.OnLoadNewDicomSeries = vi.fn();
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    await wrapper.findComponentByTestId<VListItem>('load-new-dicom-series').trigger('click');
+    expect(options.value.OnLoadNewDicomSeries).toHaveBeenCalled();
+  });
+
+  it('should not call OnLoadNewDicomSeries', async () => {
+    options.value.OnLoadNewDicomSeries = undefined;
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    const item = wrapper.findComponentByTestId<VListItem>('load-new-dicom-series');
+    expect(item.exists()).toBeFalsy();
+  });
+
+  it('should call OnDownloadDicomSeries', async () => {
+    options.value.OnDownloadDicomSeries = vi.fn();
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    await wrapper.findComponentByTestId<VListItem>('download-dicom-series').trigger('click');
+    expect(options.value.OnDownloadDicomSeries).toHaveBeenCalled();
+  });
+
+  it('should not call OnDownloadDicomSeries', async () => {
+    options.value.OnDownloadDicomSeries = undefined;
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    const item = wrapper.findComponentByTestId<VListItem>('download-dicom-series');
+    expect(item.exists()).toBeFalsy();
+  });
+
+  it('should call OnLoadSavedSession', async () => {
+    options.value.OnLoadSavedSession = vi.fn();
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    await wrapper.findComponentByTestId<VListItem>('load-saved-session').trigger('click');
+    expect(options.value.OnLoadSavedSession).toHaveBeenCalled();
+  });
+
+  it('should not call OnLoadSavedSession', async () => {
+    options.value.OnLoadSavedSession = undefined;
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    const item = wrapper.findComponentByTestId<VListItem>('load-saved-session');
+    expect(item.exists()).toBeFalsy();
+  });
+
+  it('should call OnSendTo3rdParty', async () => {
+    options.value.OnSendTo3rdParty = vi.fn();
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    await wrapper.findComponentByTestId<VListItem>('send-to-3rd-party').trigger('click');
+    expect(options.value.OnSendTo3rdParty).toHaveBeenCalled();
+  });
+
+  it('should not call OnSendTo3rdParty', async () => {
+    options.value.OnSendTo3rdParty = undefined;
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    const item = wrapper.findComponentByTestId<VListItem>('send-to-3rd-party');
+    expect(item.exists()).toBeFalsy();
+  });
+
+  it('should call OnShareToMobile', async () => {
+    options.value.OnShareToMobile = vi.fn();
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    await wrapper.findComponentByTestId<VListItem>('share-to-mobile').trigger('click');
+    expect(options.value.OnShareToMobile).toHaveBeenCalled();
+  });
+
+  it('should not call OnShareToMobile', async () => {
+    options.value.OnShareToMobile = undefined;
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    const item = wrapper.findComponentByTestId<VListItem>('share-to-mobile');
+    expect(item.exists()).toBeFalsy();
+  });
+
+  it('should call OnClosePopup', async () => {
+    options.value.OnClosePopup = vi.fn();
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    await wrapper.findComponentByTestId<VListItem>('close').trigger('click');
+    expect(options.value.OnClosePopup).toHaveBeenCalled();
+    expect(wrapper.emitted('close')).toEqual([[]]);
+  });
+
+  it('should not call OnClosePopup', async () => {
+    options.value.OnClosePopup = undefined;
+    const wrapper = mount(FileMenu);
+    await wrapper.findComponentByTestId<VBtn>('menu').trigger('click');
+    await wrapper.findComponentByTestId<VListItem>('close').trigger('click');
+    expect(wrapper.emitted('close')).toEqual([[]]);
+  });
+});