import { flushPromises, mount } from '@vue/test-utils';
import MeasurementTools from '@/components/navigation/measurement/MeasurementTools.vue';
import MeasurementLengthSnackbar from '@/components/navigation/measurement/MeasurementLengthSnackbar.vue';
import MeasurementPolygonSnackbar from '@/components/navigation/measurement/MeasurementPolygonSnackbar.vue';
import MeasurementAngleSnackbar from '@/components/navigation/measurement/MeasurementAngleSnackbar.vue';
import MeasurementDeleteSnackbar from '@/components/navigation/measurement/MeasurementDeleteSnackbar.vue';
import { storeToRefs } from 'pinia';
import { useViewerStore } from '@/stores/viewer.store';

describe('MeasurementDataTable tests', () => {
  it('should mount', async () => {
    const wrapper = mount(MeasurementTools, { drawer: true });
    await flushPromises();
    expect(wrapper).toBeTruthy();
  });

  it('should MeasurementLengthSnackbar', async () => {
    const wrapper = mount(MeasurementTools, { drawer: true });

    const snack = wrapper.findComponent(MeasurementLengthSnackbar);
    await snack.setValue(true);

    expect(snack.isVisible()).toBe(true);
  });

  it('should MeasurementPolygonSnackbar', async () => {
    const wrapper = mount(MeasurementTools, { drawer: true });

    const snack = wrapper.findComponent(MeasurementPolygonSnackbar);
    await snack.setValue(true);

    expect(snack.isVisible()).toBe(true);
  });

  it('should MeasurementAngleSnackbar', async () => {
    const wrapper = mount(MeasurementTools, { drawer: true });

    const snack = wrapper.findComponent(MeasurementAngleSnackbar);
    await snack.setValue(true);

    expect(snack.isVisible()).toBe(true);
  });

  it('should MeasurementDeleteSnackbar', async () => {
    const { measurementToDelete } = storeToRefs(useViewerStore());
    measurementToDelete.value = {} as any;
    const wrapper = mount(MeasurementTools, { drawer: true });

    const snack = wrapper.findComponent(MeasurementDeleteSnackbar);
    await snack.setValue(true);

    expect(snack.isVisible()).toBe(true);
  });

  it('should angle', async () => {
    const { measurementToDelete } = storeToRefs(useViewerStore());
    measurementToDelete.value = {} as any;
    const wrapper = mount(MeasurementTools, { drawer: true });
    const snack = wrapper.findComponent(MeasurementAngleSnackbar);

    wrapper.vm.angle();

    expect(snack.isVisible()).toBe(true);
  });

  it('should length', async () => {
    const { measurementToDelete } = storeToRefs(useViewerStore());
    measurementToDelete.value = {} as any;
    const wrapper = mount(MeasurementTools, { drawer: true });
    const snack = wrapper.findComponent(MeasurementLengthSnackbar);

    wrapper.vm.length();

    expect(snack.isVisible()).toBe(true);
  });

  it('should polygon', async () => {
    const { measurementToDelete } = storeToRefs(useViewerStore());
    measurementToDelete.value = {} as any;
    const wrapper = mount(MeasurementTools, { drawer: true });
    const snack = wrapper.findComponent(MeasurementPolygonSnackbar);

    wrapper.vm.polygon();

    expect(snack.isVisible()).toBe(true);
  });
});