import { flushPromises, mount } from '@vue/test-utils';
import MeasurementPolygonSnackbar from '@/components/navigation/measurement/MeasurementPolygonSnackbar.vue';

import { VBtn, VSnackbar } from 'vuetify/components';

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

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

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

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

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

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

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

    const vbtn = snack.findComponent(VBtn);

    await vbtn.trigger('click');
    expect(snack.vm.modelValue).toBe(false);
  });
});