shopware / platform

import Vuex from 'vuex';

import { shallowMount, createLocalVue } from '@vue/test-utils';

import type { Wrapper } from '@vue/test-utils';

import swOrderCustomerGrid from 'src/module/sw-order/component/sw-order-customer-grid';

import 'src/app/component/entity/sw-entity-listing';

import 'src/app/component/data-grid/sw-data-grid';

import 'src/app/component/grid/sw-pagination';

import orderState from 'src/module/sw-order/state/order.store';

Shopware.Component.register('sw-order-customer-grid', swOrderCustomerGrid);

let customerData = [];

function setCustomerData(customers) {

    customerData = [...customers];

    customerData.total = customers.length;

    customerData.criteria = {

        page: 1,

        limit: 5

    };

}

const customers = generateCustomers();

function generateCustomers() {

    const items = [];

    for (let i = 1; i <= 10; i += 1) {

        items.push({

            id: i,

            firstName: `Quynh ${i}`,

            lastName: 'Nguyen',

            email: `quynh${i}@example.com`,

            salesChannelId: '1234',

            customerNumber: i,

            salesChannel: {

                translated: {

                    name: 'Storefront'

                }

            }

        });

    }

    return items;

}

        },

    });

}

describe('src/module/sw-order/view/sw-order-customer-grid', () => {

    beforeAll(() => {

        Shopware.Service().register('contextStoreService', () => {

            return {

                updateCustomerContext: () => Promise.resolve({

                    status: 200

                }),

            };

        });

        Shopware.Service().register('cartStoreService', () => {

            return {

                getCart: () => Promise.resolve({

                    data: {

                        token: 'token',

                        lineItems: []

                    }

                }),

                createCart: () => Promise.resolve({

                    data: {

                        token: 'token',

                    }

                }),

            };

        });

        Shopware.State.registerModule('swOrder', {

            ...orderState,

            state: {

                cart: {

                    token: '',

                    lineItems: [],

                },

                context: {

                    customer: {},

                },

            }

        });

    });

    it('should show empty state view when there is no customer', async () => {

        setCustomerData([]);

        const wrapper = await createWrapper();

        await flushPromises();

        const emptyState = wrapper.find('sw-empty-state-stub');

        expect(emptyState.exists()).toBeTruthy();

    });

    it('should show empty title correctly', async () => {

        setCustomerData([]);

        const wrapper = await createWrapper();

        await flushPromises();

        let emptyState = wrapper.find('sw-empty-state-stub');

        expect(emptyState.attributes('title')).toEqual('sw-customer.list.messageEmpty');

        const searchField = wrapper.find('.sw-card-filter');

        await searchField.setValue('Hello World');

        await searchField.trigger('input');

        emptyState = wrapper.find('sw-empty-state-stub');

        expect(emptyState.attributes('title'))

            .toEqual('sw-order.initialModal.customerGrid.textEmptySearch{"name":"Hello World"}');

    });

    it('should show customer grid', async () => {

        setCustomerData(customers);

        const wrapper = await createWrapper();

        await flushPromises();

        const emptyState = wrapper.find('sw-empty-state-stub');

        expect(emptyState.exists()).toBeFalsy();

        const gridBody = wrapper.find('.sw-data-grid__body');

        expect(gridBody.findAll('.sw-data-grid__row').length).toEqual(customers.length);

    });

    it('should able to search customer', async () => {

        setCustomerData(customers);

        const wrapper = await createWrapper();

        await flushPromises();

        let gridBody = wrapper.find('.sw-data-grid__body');

        expect(gridBody.findAll('.sw-data-grid__row').length).toEqual(customers.length);

        setCustomerData([{ ...customers[1] }]);

        const searchField = wrapper.find('.sw-card-filter');

        await searchField.setValue('Quynh 2');

        await searchField.trigger('input');

        gridBody = wrapper.find('.sw-data-grid__body');

        expect(gridBody.findAll('.sw-data-grid__row').length).toEqual(1);

    });

    it('should open add new customer modal', async () => {

        setCustomerData([]);

        const wrapper = await createWrapper();

        await flushPromises();

        const buttonAddCustomer = wrapper.find('.sw-order-customer-grid__add-customer');

        let modalAddCustomer = wrapper.find('sw-order-new-customer-modal-stub');

        expect(modalAddCustomer.exists()).toBeFalsy();

        await buttonAddCustomer.trigger('click');

        modalAddCustomer = wrapper.find('sw-order-new-customer-modal-stub');

        expect(modalAddCustomer.exists()).toBeTruthy();

    });

    it('should refresh grid list after adding new customer successfully', async () => {

        setCustomerData([]);

        const wrapper = await createWrapper();

        await flushPromises();

        const spyGetList = jest.spyOn(wrapper.vm, 'getList');

        const buttonAddCustomer = wrapper.find('.sw-order-customer-grid__add-customer');

        await buttonAddCustomer.trigger('click');

        const modalAddCustomer = wrapper.find('sw-order-new-customer-modal-stub');

        modalAddCustomer.vm.$emit('on-select-existing-customer', 'customer1');

        expect(spyGetList).toHaveBeenCalled();

    });

    it('should create cart after selecting a customer if there is no cart token', async () => {

        setCustomerData(customers);

        const wrapper = await createWrapper();

        await flushPromises();

        const spyCreateCart = jest.spyOn(wrapper.vm, 'createCart');

        const firstRow = wrapper.find('.sw-data-grid__body .sw-data-grid__row--0');

        await firstRow.find('.sw-field__radio-input input').setChecked(true);

        await flushPromises();

        expect(spyCreateCart).toHaveBeenCalled();

    });

    it('should update customer context and cart after selecting a customer', async () => {

        setCustomerData(customers);

        Shopware.State.commit('swOrder/setCartToken', 'token');

        const wrapper = await createWrapper();

        await flushPromises();

        wrapper.vm.customerRepository.get = jest.fn(() => Promise.resolve(customers[0]));

        const spyUpdateCustomerContext = jest.spyOn(wrapper.vm, 'updateCustomerContext');

        const spyGetCart = jest.spyOn(wrapper.vm, 'getCart');

        const firstRow = wrapper.find('.sw-data-grid__body .sw-data-grid__row--0');

        await firstRow.find('.sw-field__radio-input input').setChecked(true);

        expect(spyUpdateCustomerContext).toHaveBeenCalled();

        await flushPromises();

        expect(spyGetCart).toHaveBeenCalled();

    });

    it('should check customer initially if customer exists', async () => {

        setCustomerData(customers);

        Shopware.State.commit('swOrder/setCustomer', {

            ...customers[0],

        });

        const wrapper = await createWrapper();

        const firstRow = wrapper.find('.sw-data-grid__body .sw-data-grid__row--0');

        const firstRowRadioField = firstRow.find('.sw-field__radio-input input');

        await flushPromises();

        expect(firstRowRadioField.element.checked).toBeTruthy();

    });

});