248 lines
9.6 KiB
TypeScript
248 lines
9.6 KiB
TypeScript
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
|
import { mount } from '@vue/test-utils';
|
|
import { createPinia, setActivePinia } from 'pinia';
|
|
import { createVuetify } from 'vuetify';
|
|
import axios from 'axios';
|
|
|
|
import BulkActionsBar from '../../resources/js/components/projects/BulkActionsBar.vue';
|
|
import { useProjectsStore } from '../../resources/js/stores/projectsStore';
|
|
|
|
vi.mock('axios');
|
|
|
|
const defaultStubs = {
|
|
VDialog: { template: '<div><slot /></div>' },
|
|
DevIndexBadge: true,
|
|
RegionsBulkDialog: true,
|
|
DaysBulkDialog: true,
|
|
LimitBulkDialog: true,
|
|
};
|
|
|
|
const factory = () => {
|
|
vi.mocked(axios.post).mockResolvedValue({ data: { updated: 0, skipped: [], warnings: [] } });
|
|
vi.mocked(axios.get).mockResolvedValue({ data: { data: [], meta: { total: 0 } } });
|
|
return mount(BulkActionsBar, {
|
|
global: {
|
|
plugins: [createVuetify()],
|
|
stubs: defaultStubs,
|
|
},
|
|
});
|
|
};
|
|
|
|
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.bulkUpdate("pause") after confirm', async () => {
|
|
const store = useProjectsStore();
|
|
store.selectedIds.add(1);
|
|
const spy = vi.spyOn(store, 'bulkUpdate').mockResolvedValue({ updated: 1, skipped: [], warnings: [] });
|
|
window.confirm = vi.fn(() => true);
|
|
const wrapper = factory();
|
|
await wrapper.find('[data-testid="bulk-pause"]').trigger('click');
|
|
expect(spy).toHaveBeenCalledWith({ action: 'pause' });
|
|
});
|
|
|
|
it('cancel confirm — bulkUpdate NOT called', async () => {
|
|
const store = useProjectsStore();
|
|
store.selectedIds.add(1);
|
|
const spy = vi.spyOn(store, 'bulkUpdate').mockResolvedValue({ updated: 0, skipped: [], warnings: [] });
|
|
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);
|
|
});
|
|
});
|
|
|
|
describe('BulkActionsBar snackbar replacement (Sprint 1 C5)', () => {
|
|
it('runBulk with skipped > 0 opens snackbar (not window.alert)', async () => {
|
|
setActivePinia(createPinia());
|
|
const store = useProjectsStore();
|
|
store.selectedIds.add(1);
|
|
vi.spyOn(store, 'bulkUpdate').mockResolvedValue({
|
|
updated: 5,
|
|
skipped: [{ id: 7 }, { id: 8 }],
|
|
warnings: [],
|
|
} as never);
|
|
const alertSpy = vi.spyOn(window, 'alert').mockImplementation(() => {});
|
|
window.confirm = vi.fn(() => true);
|
|
|
|
const wrapper = mount(BulkActionsBar, {
|
|
global: {
|
|
plugins: [createVuetify()],
|
|
stubs: defaultStubs,
|
|
},
|
|
});
|
|
await wrapper.find('[data-testid="bulk-pause"]').trigger('click');
|
|
// Wait for async confirmAndRun + runBulk + DOM update
|
|
await new Promise((r) => setTimeout(r, 30));
|
|
|
|
// window.alert MUST NOT be called
|
|
expect(alertSpy).not.toHaveBeenCalled();
|
|
// snackbar state should be open
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
expect((wrapper.vm as any).skipToastOpen).toBe(true);
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
expect((wrapper.vm as any).skipToastText).toContain('Применено: 5');
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
expect((wrapper.vm as any).skipToastText).toContain('Пропущено: 2');
|
|
});
|
|
|
|
it('runBulk with supplier_snapshot_locked reason shows specific text', async () => {
|
|
setActivePinia(createPinia());
|
|
const store = useProjectsStore();
|
|
store.selectedIds.add(1);
|
|
vi.spyOn(store, 'bulkUpdate').mockResolvedValue({
|
|
updated: 0,
|
|
skipped: [
|
|
{ id: 7, reason: 'supplier_snapshot_locked' },
|
|
{ id: 8, reason: 'supplier_snapshot_locked' },
|
|
],
|
|
warnings: [],
|
|
} as never);
|
|
window.confirm = vi.fn(() => true);
|
|
|
|
const wrapper = mount(BulkActionsBar, {
|
|
global: {
|
|
plugins: [createVuetify()],
|
|
stubs: defaultStubs,
|
|
},
|
|
});
|
|
await wrapper.find('[data-testid="bulk-delete"]').trigger('click');
|
|
await new Promise((r) => setTimeout(r, 30));
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
const text = (wrapper.vm as any).skipToastText as string;
|
|
expect(text).toContain('2');
|
|
expect(text.toLowerCase()).toContain('сбор лидов');
|
|
});
|
|
|
|
it('runBulk with mixed reasons shows both groups', async () => {
|
|
setActivePinia(createPinia());
|
|
const store = useProjectsStore();
|
|
store.selectedIds.add(1);
|
|
vi.spyOn(store, 'bulkUpdate').mockResolvedValue({
|
|
updated: 3,
|
|
skipped: [
|
|
{ id: 7, reason: 'supplier_snapshot_locked' },
|
|
{ id: 8, reason: 'has_deals' },
|
|
],
|
|
warnings: [],
|
|
} as never);
|
|
window.confirm = vi.fn(() => true);
|
|
|
|
const wrapper = mount(BulkActionsBar, {
|
|
global: {
|
|
plugins: [createVuetify()],
|
|
stubs: defaultStubs,
|
|
},
|
|
});
|
|
await wrapper.find('[data-testid="bulk-delete"]').trigger('click');
|
|
await new Promise((r) => setTimeout(r, 30));
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
const text = (wrapper.vm as any).skipToastText as string;
|
|
expect(text.toLowerCase()).toContain('сбор лидов'); // supplier_snapshot_locked
|
|
expect(text.toLowerCase()).toContain('сделки'); // has_deals
|
|
});
|
|
|
|
it('runBulk with skipped=0 does NOT open snackbar', async () => {
|
|
setActivePinia(createPinia());
|
|
const store = useProjectsStore();
|
|
store.selectedIds.add(1);
|
|
vi.spyOn(store, 'bulkUpdate').mockResolvedValue({
|
|
updated: 3,
|
|
skipped: [],
|
|
warnings: [],
|
|
} as never);
|
|
window.confirm = vi.fn(() => true);
|
|
|
|
const wrapper = mount(BulkActionsBar, {
|
|
global: {
|
|
plugins: [createVuetify()],
|
|
stubs: defaultStubs,
|
|
},
|
|
});
|
|
await wrapper.find('[data-testid="bulk-pause"]').trigger('click');
|
|
await new Promise((r) => setTimeout(r, 30));
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
expect((wrapper.vm as any).skipToastOpen).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('BulkActionsBar — extended', () => {
|
|
it('renders 3 new dialog-open buttons (Regions/Days/Limit)', async () => {
|
|
const { wrapper } = await (async () => {
|
|
setActivePinia(createPinia());
|
|
vi.mocked(axios.post).mockResolvedValue({ data: { updated: 1, skipped: [], warnings: [] } });
|
|
vi.mocked(axios.get).mockResolvedValue({ data: { data: [], meta: { total: 0 } } });
|
|
const store = useProjectsStore();
|
|
store.selectedIds.add(1);
|
|
store.selectedIds.add(2);
|
|
const wrapper = mount(BulkActionsBar, {
|
|
global: {
|
|
plugins: [createVuetify()],
|
|
stubs: defaultStubs,
|
|
},
|
|
});
|
|
return { wrapper, store };
|
|
})();
|
|
expect(wrapper.find('[data-testid="bulk-regions"]').exists()).toBe(true);
|
|
expect(wrapper.find('[data-testid="bulk-days"]').exists()).toBe(true);
|
|
expect(wrapper.find('[data-testid="bulk-limit"]').exists()).toBe(true);
|
|
});
|
|
|
|
it('opens RegionsBulkDialog on regions button click', async () => {
|
|
setActivePinia(createPinia());
|
|
vi.mocked(axios.post).mockResolvedValue({ data: { updated: 1, skipped: [], warnings: [] } });
|
|
vi.mocked(axios.get).mockResolvedValue({ data: { data: [], meta: { total: 0 } } });
|
|
const store = useProjectsStore();
|
|
store.selectedIds.add(1);
|
|
store.selectedIds.add(2);
|
|
const wrapper = mount(BulkActionsBar, {
|
|
global: {
|
|
plugins: [createVuetify()],
|
|
stubs: defaultStubs,
|
|
},
|
|
});
|
|
await wrapper.find('[data-testid="bulk-regions"]').trigger('click');
|
|
expect((wrapper.vm as unknown as { regionsOpen: boolean }).regionsOpen).toBe(true);
|
|
});
|
|
|
|
it('keeps existing pause/resume/delete buttons', async () => {
|
|
setActivePinia(createPinia());
|
|
vi.mocked(axios.post).mockResolvedValue({ data: { updated: 1, skipped: [], warnings: [] } });
|
|
vi.mocked(axios.get).mockResolvedValue({ data: { data: [], meta: { total: 0 } } });
|
|
const store = useProjectsStore();
|
|
store.selectedIds.add(1);
|
|
store.selectedIds.add(2);
|
|
const wrapper = mount(BulkActionsBar, {
|
|
global: {
|
|
plugins: [createVuetify()],
|
|
stubs: defaultStubs,
|
|
},
|
|
});
|
|
expect(wrapper.find('[data-testid="bulk-pause"]').exists()).toBe(true);
|
|
expect(wrapper.find('[data-testid="bulk-resume"]').exists()).toBe(true);
|
|
expect(wrapper.find('[data-testid="bulk-delete"]').exists()).toBe(true);
|
|
});
|
|
});
|