shopware / platform

import Vuex from 'vuex';

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

import swOrderDetailGeneral from 'src/module/sw-order/view/sw-order-detail-general';

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

// eslint-disable-next-line @typescript-eslint/no-unused-vars

import type Vue from 'vue';

// eslint-disable-next-line @typescript-eslint/no-unused-vars

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

const orderMock = {

    orderCustomer: {

        email: '[email protected]'

    },

    shippingCosts: {

        calculatedTaxes: [

            {

                tax: 1,

                taxRate: 10,

            },

            {

                tax: 1.9,

                taxRate: 19,

            }

        ],

        totalPrice: 10

    },

    currency: {

        shortName: 'EUR',

        translated: {

            shortName: 'EUR'

        }

    },

    deliveries: [

        {

            stateMachineState: {

                translated: {

                    name: 'Open'

                }

            },

            shippingCosts: {

                calculatedTaxes: [],

                totalPrice: 10

            },

            shippingOrderAddress: {

                id: 'address1'

            },

        }

    ],

    price: {

        calculatedTaxes: [

            {

                tax: 10,

                taxRate: 10,

            },

            {

                tax: 19,

                taxRate: 19,

            }

        ],

        taxStatus: 'gross',

        totalPrice: 139,

    },

    totalRounding: {

        interval: 0.01,

        decimals: 2

    },

    itemRounding: {

        interval: 0.01,

        decimals: 2

    },

    amountNet: 100,

    lineItems: [],

};

Shopware.Component.register('sw-order-detail-general', swOrderDetailGeneral);

async function createWrapper(privileges = []): Promise<Wrapper<Vue>> {

    const localVue = createLocalVue();

    localVue.use(Vuex);

    localVue.directive('tooltip', {

        bind(el, binding) {

            el.setAttribute('tooltip-message', binding.value.message);

        },

        inserted(el, binding) {

            el.setAttribute('tooltip-message', binding.value.message);

        },

        update(el, binding) {

            el.setAttribute('tooltip-message', binding.value.message);

        }

    });

    localVue.filter('currency', Shopware.Filter.getByName('currency'));

    return shallowMount(await Shopware.Component.build('sw-order-detail-general'), {

        localVue,

        stubs: {

            'sw-container': {

                template: `

                    <div class="sw-container"><slot></slot></div>

                `

            },

            'sw-card-section': {

                template: `

                    <div class="sw-card-section"><slot></slot></div>

                `

            },

            'sw-description-list': {

                template: `

                    <div class="sw-description-list"><slot></slot></div>

                `

            },

            'sw-card': {

                template: `

                    <div class="sw-card">

                        <slot></slot>

                        <slot name="grid"></slot>

                    </div>

                `

            },

            'sw-order-general-info': true,

            'sw-order-line-items-grid': true,

            'sw-order-saveable-field': {

                props: ['value'],

                template: '<input class="sw-order-saveable-field" :value="value" @input="$emit(\'value-change\', $event.target.value)" />',

            },

        },

        mocks: {

            $tc: (key, number, value) => {

                if (!value) {

                    return key;

                }

                return key + JSON.stringify(value);

            },

        },

        provide: {

            acl: {

                can: (key) => {

                    if (!key) { return true; }

                    return privileges.includes(key);

                }

            },

        },

        propsData: {

            orderId: '1a2b3c',

            isSaveSuccessful: false

        }

    });

}

describe('src/module/sw-order/view/sw-order-detail-details', () => {

    let wrapper;

    beforeAll(() => {

        Shopware.State.registerModule('swOrderDetail', {

            ...orderDetailStore,

            state: {

                ...orderDetailStore.state,

                order: orderMock,

                orderAddressIds: [],

            },

        });

    });

    beforeEach(async () => {

        wrapper = await createWrapper();

    });

    afterEach(async () => {

        await wrapper.destroy();

    });

    it('should be a Vue.js component', async () => {

        expect(wrapper.vm).toBeTruthy();

    });

    it('should tax description correctly for shipping cost if taxStatus is not tax-free', async () => {

        const shippingCostField = wrapper.find('.sw-order-saveable-field');

        expect(shippingCostField.attributes()['tooltip-message'])

            .toEqual('sw-order.detailBase.tax<br>sw-order.detailBase.shippingCostsTax{"taxRate":10,"tax":"€1.00"}<br>sw-order.detailBase.shippingCostsTax{"taxRate":19,"tax":"€1.90"}');

    });

    it('should tax description correctly if taxStatus is not tax-free', async () => {

        const descriptionTitles = wrapper.findAll('dt');

        const descriptionInfos = wrapper.findAll('dd');

        expect(descriptionTitles.at(3).text()).toEqual('sw-order.detailBase.summaryLabelTaxes{"taxRate":10}');

        expect(descriptionInfos.at(3).text()).toEqual('€10.00');

        expect(descriptionTitles.at(4).text()).toEqual('sw-order.detailBase.summaryLabelTaxes{"taxRate":19}');

        expect(descriptionInfos.at(4).text()).toEqual('€19.00');

    });

    it('should able to edit shipping cost', async () => {

        wrapper = await createWrapper(['order.editor']);

        const shippingCostField = wrapper.find('.sw-order-saveable-field');

        await shippingCostField.setValue(20);

        await shippingCostField.trigger('input');

        expect(wrapper.vm.delivery.shippingCosts.unitPrice).toEqual('20');

        expect(wrapper.vm.delivery.shippingCosts.totalPrice).toEqual('20');

        expect(wrapper.emitted('save-and-recalculate')).toBeTruthy();

    });

    it('should emit event save-edits when saving general info', async () => {

        wrapper = await createWrapper(['order.editor']);

        const generalInfo = wrapper.find('sw-order-general-info-stub');

        await generalInfo.vm.$emit('save-edits');

        expect(wrapper.emitted('save-edits')).toBeTruthy();

    });

    it('should emit event recalculate-and-reload when adding line item delete item successfully', async () => {

        wrapper = await createWrapper(['order.editor']);

        const generalInfo = wrapper.find('sw-order-line-items-grid-stub');

        await generalInfo.vm.$emit('item-edit');

        expect(wrapper.emitted('recalculate-and-reload')).toBeTruthy();

    });

    it('should emit event recalculate-and-reload when deleting line item successfully', async () => {

        wrapper = await createWrapper(['order.editor']);

        const generalInfo = wrapper.find('sw-order-line-items-grid-stub');

        await generalInfo.vm.$emit('item-delete');

        expect(wrapper.emitted('recalculate-and-reload')).toBeTruthy();

    });

    it('should emit event recalculate-and-reload when cancel editing line item successfully', async () => {

        wrapper = await createWrapper(['order.editor']);

        const generalInfo = wrapper.find('sw-order-line-items-grid-stub');

        await generalInfo.vm.$emit('item-cancel');

        expect(wrapper.emitted('recalculate-and-reload')).toBeTruthy();

    });

    it('should emit event save-and-recalculate when editing line item successfully', async () => {

        wrapper = await createWrapper(['order.editor']);

        const generalInfo = wrapper.find('sw-order-line-items-grid-stub');

        await generalInfo.vm.$emit('existing-item-edit');

        expect(wrapper.emitted('save-and-recalculate')).toBeTruthy();

    });

});