portal/app/tests/Frontend/BulkActionsBar.spec.ts

import { describe, it, expect, vi, beforeEach } from 'vitest';
import { mount } from '@vue/test-utils';
import { createPinia, setActivePinia } from 'pinia';
import { createVuetify } from 'vuetify';

import BulkActionsBar from '../../resources/js/components/projects/BulkActionsBar.vue';
import { useProjectsStore } from '../../resources/js/stores/projectsStore';

const factory = () =>
    mount(BulkActionsBar, {
        global: { plugins: [createVuetify()] },
    });

beforeEach(() => {
    setActivePinia(createPinia());
    vi.clearAllMocks();
});

describe('BulkActionsBar', () => {
    it('shows count of selected', () => {
        const store = useProjectsStore();
        store.selectedIds.add(1);
        store.selectedIds.add(2);
        const wrapper = factory();
        expect(wrapper.text()).toContain('2');
    });

    it('clicking Pause triggers store.bulkAction("pause") after confirm', async () => {
        const store = useProjectsStore();
        store.selectedIds.add(1);
        const spy = vi.spyOn(store, 'bulkAction').mockResolvedValue();
        window.confirm = vi.fn(() => true);
        const wrapper = factory();
        await wrapper.find('[data-testid="bulk-pause"]').trigger('click');
        expect(spy).toHaveBeenCalledWith('pause');
    });

    it('cancel confirm — bulkAction NOT called', async () => {
        const store = useProjectsStore();
        store.selectedIds.add(1);
        const spy = vi.spyOn(store, 'bulkAction').mockResolvedValue();
        window.confirm = vi.fn(() => false);
        const wrapper = factory();
        await wrapper.find('[data-testid="bulk-pause"]').trigger('click');
        expect(spy).not.toHaveBeenCalled();
    });

    it('Clear-selection button calls store.clearSelection', async () => {
        const store = useProjectsStore();
        store.selectedIds.add(1);
        const wrapper = factory();
        await wrapper.find('[data-testid="bulk-clear"]').trigger('click');
        expect(store.selectedIds.size).toBe(0);
    });
});