import { mount } from '@vue/test-utils';
import { VBtn } from 'vuetify/components';
import { DataOverlayMcadFaker } from '@test/fakers/data-overlay-mcad.faker';
import McadToggleSortBtn from '@/components/navigation/mcad/McadToggleSortBtn.vue';
import { useMcadStore } from '@/stores/mcad.store';

describe('McadToggleSortBtn tests', () => {
  const mcad = DataOverlayMcadFaker.random();
  const props = { mcad };
  it('should mount', () => {
    const wrapper = mount(McadToggleSortBtn, { props });
    expect(wrapper).toBeTruthy();
  });

  it('should toggle', async () => {
    const mcadStore = useMcadStore();
    const wrapper = mount(McadToggleSortBtn, { props });
    const button = wrapper.findComponent(VBtn);
    expect(mcadStore.sortBy[0].order).toBe('asc');

    await button.trigger('click');
    expect(mcadStore.sortBy[0].order).toBe('desc');
  });

  it('should toggle desc', async () => {
    const mcadStore = useMcadStore();
    const wrapper = mount(McadToggleSortBtn, { props });
    const button = wrapper.findComponent(VBtn);
    expect(mcadStore.sortBy[0].order).toBe('desc');

    await button.trigger('click');
    expect(mcadStore.sortBy[0].order).toBe('asc');
    await button.trigger('click');
    expect(mcadStore.sortBy[0].order).toBe('desc');
  });
});