salix-front/test/vitest/__tests__/composables/useArrayData.spec.js

import { describe, expect, it, beforeAll, afterEach, vi } from 'vitest';
import { axios, flushPromises } from 'app/test/vitest/helper';
import { useArrayData } from 'composables/useArrayData';
import { useRouter } from 'vue-router';

describe('useArrayData', () => {
    beforeAll(() => {
        vi.spyOn(useRouter(), 'replace');
        vi.spyOn(useRouter(), 'push');
    });

    afterEach(() => {
        vi.clearAllMocks();
    });

    it('should fetch and repalce url with new params', async () => {
        vi.spyOn(axios, 'get').mockReturnValueOnce({ data: [] });

        const arrayData = useArrayData('ArrayData', { url: 'mockUrl' });

        const filter = '{"order":"","limit":10,"skip":0}';
        const params = { supplierFk: 2 };
        arrayData.store.userParams = params;
        arrayData.fetch({});

        await flushPromises();
        const routerReplace = useRouter().replace.mock.calls[0][0];

        expect(axios.get.mock.calls[0][1].params).toEqual({
            filter,
            supplierFk: 2,
        });
        expect(routerReplace.path).toEqual('mockSection/list');
        expect(JSON.parse(routerReplace.query.params)).toEqual(
            expect.objectContaining(params)
        );
    });

    it('Should get data and send new URL without keeping parameters, if there is only one record', async () => {
        vi.spyOn(axios, 'get').mockReturnValueOnce({ data: [{ id: 1 }] });

        const arrayData = useArrayData('ArrayData', { url: 'mockUrl', navigate: {} });

        const filter = '{"order":"","limit":10,"skip":0}';
        const params = { supplierFk: 2 };
        arrayData.store.userParams = params;
        arrayData.fetch({});

        await flushPromises();
        const routerPush = useRouter().push.mock.calls[0][0];

        expect(axios.get.mock.calls[0][1].params).toEqual({
            filter,
            supplierFk: 2,
        });
        expect(routerPush.path).toEqual('mockName/1');
        expect(routerPush.query).toBeUndefined();
    });

    // it('Should get data and send new URL keeping parameters, if you have more than one record', async () => {
    //     vi.spyOn(axios, 'get').mockReturnValueOnce({ data: [{ id: 1 }, { id: 2 }] });

    //     const arrayData = useArrayData('ArrayData', { url: 'mockUrl', navigate: {} });

    //     const filter = '{"order":"","limit":10,"skip":0}';
    //     const params = { supplierFk: 2 };
    //     arrayData.store.userParams = params;
    //     arrayData.fetch({});

    //     await flushPromises();
    //     const routerPush = useRouter().push.mock.calls[0][0];
    //     console.log('routerPush: ', routerPush);

    //     expect(axios.get.mock.calls[0][1].params).toEqual({
    //         filter,
    //         supplierFk: 2,
    //     });
    //     expect(routerPush.path).toEqual('mockName/1');
    //     expect(routerPush.query).toBeUndefined();
    // });
});