Code Testing and Reviewing

// sample test of how we tested the listeners

describe('getDeviceFulfilled listener', () => {
    let unsubscribe: UnsubscribeListener;

    beforeAll(() => {
        unsubscribe = listeners.getDeviceFulfilled();
    });

    afterAll(() => {
        unsubscribe();
    });

    it('should dispatch setAtomicId, setDevicePayload and initiate getTariffWithHardware', () => {
        // Mock selectors
        jest.spyOn(deviceSelectors, 'selectAtomicId').mockReturnValue('atomic123');
        jest.spyOn(appSelectors, 'selectSalesChannel').mockReturnValue(SALESCHANNEL_CONSUMER);
        jest.spyOn(appSelectors, 'selectIsTradeIn').mockReturnValue(false);

        const mockDevicePayload: HardwareDetailGroupResponse = {
            data: {
                modelName: 'Test Phone',
                virtualItemId: 'test-id',
                legacyGroupId: 'legacy-id',
                promotionAttribute: { cellular: Cellular.FiveG },
                url: { hubpage: { href: 'test-url' }, galleryImage: { href: 'test-image' } },
                colors: [],
                capacities: [],
                atomics: [],
                attributeGroups: [],
            },
        };

        const dispatchMock = jest.fn();
        const getStateMock = jest.fn();
        const mockState = {};

        listener.middleware({
            dispatch: dispatchMock,
            getState: getStateMock.mockReturnValue(mockState),
        })(() => (action: any) => action)({
            type: `${gladosApi.reducerPath}/executeQuery/fulfilled`,
            payload: mockDevicePayload,
            meta: {
                arg: {
                    endpointName: getHardwareDetailGroup.name,
                },
            },
        });

        expect(dispatchMock).toHaveBeenCalledWith(setAtomicId({ atomicId: 'atomic123' }));
        expect(dispatchMock).toHaveBeenCalledWith(setDevicePayload(mockDevicePayload));
        expect(dispatchMock).toHaveBeenCalledWith(expect.any(Function));
    });

    it('should handle different salesChannel and tradeIn values', () => {
        // Mock selectors with different values
        jest.spyOn(deviceSelectors, 'selectAtomicId').mockReturnValue('atomic456');
        jest.spyOn(appSelectors, 'selectSalesChannel').mockReturnValue(SALESCHANNEL_YOUNG);
        jest.spyOn(appSelectors, 'selectIsTradeIn').mockReturnValue(true);

        const mockDevicePayload: HardwareDetailGroupResponse = {
            data: {
                modelName: 'Test Phone2',
                virtualItemId: 'test-id',
                legacyGroupId: 'legacy-id',
                promotionAttribute: { cellular: Cellular.FiveG },
                url: { hubpage: { href: 'test-url' }, galleryImage: { href: 'test-image' } },
                colors: [],
                capacities: [],
                atomics: [],
                attributeGroups: [],
            },
        };

        const dispatchMock = jest.fn();
        const getStateMock = jest.fn();
        const mockState = {};

        listener.middleware({
            dispatch: dispatchMock,
            getState: getStateMock.mockReturnValue(mockState),
        })(() => (action: any) => action)({
            type: `${gladosApi.reducerPath}/executeQuery/fulfilled`,
            payload: mockDevicePayload,
            meta: {
                arg: {
                    endpointName: getHardwareDetailGroup.name,
                },
            },
        });

        expect(dispatchMock).toHaveBeenCalledWith(setAtomicId({ atomicId: 'atomic456' }));
        expect(dispatchMock).toHaveBeenCalledWith(setDevicePayload(mockDevicePayload));
        expect(dispatchMock).toHaveBeenCalledWith(expect.any(Function));
    });
});

// sample test of how we tested the slices

// Divided into 2 main tests (Actions, Reducers)
describe('VVL Device Details Options Slice', () => {
    describe('Actions', () => {
        describe('setDefaultState', () => {
            it('should return the correct type', () => {
                const fixture = '123';
                const expected = {
                    type: expect.any(String),
                    payload: fixture,
                };

                expect(setDefaultState(fixture)).toEqual(expected);
            });
        });
    });

    describe('Reducer', () => {
        it('should handle the setDefaultState action correctly', () => {
            const atomicId = '1234';

            const expected = produce(optionsSlice.getInitialState(), draft => {
                draft.atomicId = atomicId;
            });
            expect(optionsSlice.reducer(optionsSlice.getInitialState(), setDefaultState(atomicId))).toEqual(expected);
        });
    });
});