sw-flow-list-flow-templates.spec.ts ➔ createWrapper - Code Metrics - Inspection of "Merge branch 'next-17050/rule-builder-measurements..." - shopware/platform - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — trunk ( 9b0a66...54d57b )

by Christian

created 2023-03-23 15:35 UTC

A

↳ Parent: src/Administration/Resources/app/administration/src/module/sw-flow/view/listing/sw-flow-list-flow-templates/sw-flow-list-flow-templates.spec.ts

Complexity

Conditions

Size

Total Lines	67
Code Lines	35

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	35
dl	0
loc	67
rs	9.0399
c	0
b	0
f	0
cc	2

How to fix Long Method

import { shallowMount } from '@vue/test-utils';
import swFlowListFlowTemplates from 'src/module/sw-flow/view/listing/sw-flow-list-flow-templates';

const { Context } = Shopware;
const { EntityCollection } = Shopware.Data;

Shopware.Component.register('sw-flow-list-flow-templates', swFlowListFlowTemplates);

const mockData = [
    {
        id: '44de136acf314e7184401d36406c1e90',
        name: 'test flow template',
        config: {
            eventName: 'checkout.order.placed'
        }
    }
];

async function createWrapper(privileges = []) {
    return shallowMount(await Shopware.Component.build('sw-flow-list-flow-templates'), {
        mocks: {
            $route: {
                query: {
                    page: 1,
                    limit: 25
                }
            }
        },

        provide: {
            repositoryFactory: {
                create: () => ({
                    search: () => {
                        return Promise.resolve(new EntityCollection('', '', Context.api, null, mockData, 1));
                    }
                })
            },

            acl: {
                can: (identifier) => {
                    if (!identifier) {
                        return true;
                    }

                    return privileges.includes(identifier);
                }
            },

            searchRankingService: {}
        },

        stubs: {
            'sw-page': {
                template: `
                    <div class="sw-page">
                        <slot name="search-bar"></slot>
                        <slot name="smart-bar-back"></slot>
                        <slot name="smart-bar-header"></slot>
                        <slot name="language-switch"></slot>
                        <slot name="smart-bar-actions"></slot>
                        <slot name="side-content"></slot>
                        <slot name="content"></slot>
                        <slot name="sidebar"></slot>
                        <slot></slot>
                    </div>
                `
            },
            'sw-icon': true,
            'sw-button': true,
            'sw-entity-listing': {
                props: ['items'],
                template: `
                    <div class="sw-data-grid">
                    <div class="sw-data-grid__row" v-for="item in items">
                        <slot name="column-name" v-bind="{ item }"></slot>
                        <slot name="column-createFlow" v-bind="{ item }"></slot>
                        <slot name="actions" v-bind="{ item }"></slot>
                    </div>
                    </div>
                `
            },
            'sw-context-menu-item': true,
            'sw-empty-state': true,
            'sw-search-bar': true
        }
    });
}

describe('module/sw-flow/view/listing/sw-flow-list-flow-templates', () => {
    it('should be able to create a flow from template', async () => {
        const wrapper = await createWrapper([
            'flow.creator'
        ]);
        await flushPromises();

        const createFlowLink = wrapper.find('.sw-flow-list-my-flows__content__create-flow-link');
        expect(createFlowLink.exists()).toBe(true);

        expect(createFlowLink.attributes().disabled).toBe(undefined);
    });

    it('should not be able to create a flow from template', async () => {
        const wrapper = await createWrapper([
            'flow.viewer'
        ]);
        await flushPromises();

        const createFlowLink = wrapper.find('.sw-flow-list-my-flows__content__create-flow-link');
        expect(createFlowLink.exists()).toBe(true);

        expect(createFlowLink.attributes().disabled).toBe('disabled');
    });

    it('should be able to redirect to create flow page from flow template', async () => {
        const wrapper = await createWrapper([
            'flow.creator'
        ]);
        await flushPromises();
        await wrapper.find('.sw-flow-list-my-flows__content__create-flow-link').trigger('click');

        const routerPush = wrapper.vm.$router.push;

        expect(routerPush).toHaveBeenLastCalledWith({
            name: 'sw.flow.create',
            params: { flowTemplateId: '44de136acf314e7184401d36406c1e90' }
        });
    });

    it('should be able to view detail flow template', async () => {
        const wrapper = await createWrapper([
            'flow.creator'
        ]);

        await flushPromises();
        await wrapper.find('.sw-flow-list-my-flows__content__update-flow-template-link').trigger('click');

        const routerPush = wrapper.vm.$router.push;

        expect(routerPush).toHaveBeenLastCalledWith({
            name: 'sw.flow.detail',
            params: { id: '44de136acf314e7184401d36406c1e90' },
            query: {
                type: 'template'
            }
        });

        wrapper.vm.$router.push = jest.fn();
        wrapper.vm.onEditFlow({});
        await flushPromises();

        expect(wrapper.vm.$router.push).toBeCalledTimes(0);
    });
});


1			import { shallowMount } from '@vue/test-utils';
2			import swFlowListFlowTemplates from 'src/module/sw-flow/view/listing/sw-flow-list-flow-templates';
3
4			const { Context } = Shopware;
5			const { EntityCollection } = Shopware.Data;
6
7			Shopware.Component.register('sw-flow-list-flow-templates', swFlowListFlowTemplates);
8
9			const mockData = [
10			{
11			id: '44de136acf314e7184401d36406c1e90',
12			name: 'test flow template',
13			config: {
14			eventName: 'checkout.order.placed'
15			}
16			}
17			];
18
19			async function createWrapper(privileges = []) {
20			return shallowMount(await Shopware.Component.build('sw-flow-list-flow-templates'), {
21			mocks: {
22			$route: {
23			query: {
24			page: 1,
25			limit: 25
26			}
27			}
28			},
29
30			provide: {
31			repositoryFactory: {
32			create: () => ({
33			search: () => {
34			return Promise.resolve(new EntityCollection('', '', Context.api, null, mockData, 1));
35			}
36			})
37			},
38
39			acl: {
40			can: (identifier) => {
41			if (!identifier) {
42			return true;
43			}
44
45			return privileges.includes(identifier);
46			}
47			},
48
49			searchRankingService: {}
50			},
51
52			stubs: {
53			'sw-page': {
54			template: `
55			<div class="sw-page">
56			<slot name="search-bar"></slot>
57			<slot name="smart-bar-back"></slot>
58			<slot name="smart-bar-header"></slot>
59			<slot name="language-switch"></slot>
60			<slot name="smart-bar-actions"></slot>
61			<slot name="side-content"></slot>
62			<slot name="content"></slot>
63			<slot name="sidebar"></slot>
64			<slot></slot>
65			</div>
66			`
67			},
68			'sw-icon': true,
69			'sw-button': true,
70			'sw-entity-listing': {
71			props: ['items'],
72			template: `
73			<div class="sw-data-grid">
74			<div class="sw-data-grid__row" v-for="item in items">
75			<slot name="column-name" v-bind="{ item }"></slot>
76			<slot name="column-createFlow" v-bind="{ item }"></slot>
77			<slot name="actions" v-bind="{ item }"></slot>
78			</div>
79			</div>
80			`
81			},
82			'sw-context-menu-item': true,
83			'sw-empty-state': true,
84			'sw-search-bar': true
85			}
86			});
87			}
88
89			describe('module/sw-flow/view/listing/sw-flow-list-flow-templates', () => {
90			it('should be able to create a flow from template', async () => {
91			const wrapper = await createWrapper([
92			'flow.creator'
93			]);
94			await flushPromises();
95
96			const createFlowLink = wrapper.find('.sw-flow-list-my-flows__content__create-flow-link');
97			expect(createFlowLink.exists()).toBe(true);
98
99			expect(createFlowLink.attributes().disabled).toBe(undefined);
100			});
101
102			it('should not be able to create a flow from template', async () => {
103			const wrapper = await createWrapper([
104			'flow.viewer'
105			]);
106			await flushPromises();
107
108			const createFlowLink = wrapper.find('.sw-flow-list-my-flows__content__create-flow-link');
109			expect(createFlowLink.exists()).toBe(true);
110
111			expect(createFlowLink.attributes().disabled).toBe('disabled');
112			});
113
114			it('should be able to redirect to create flow page from flow template', async () => {
115			const wrapper = await createWrapper([
116			'flow.creator'
117			]);
118			await flushPromises();
119			await wrapper.find('.sw-flow-list-my-flows__content__create-flow-link').trigger('click');
120
121			const routerPush = wrapper.vm.$router.push;
122
123			expect(routerPush).toHaveBeenLastCalledWith({
124			name: 'sw.flow.create',
125			params: { flowTemplateId: '44de136acf314e7184401d36406c1e90' }
126			});
127			});
128
129			it('should be able to view detail flow template', async () => {
130			const wrapper = await createWrapper([
131			'flow.creator'
132			]);
133
134			await flushPromises();
135			await wrapper.find('.sw-flow-list-my-flows__content__update-flow-template-link').trigger('click');
136
137			const routerPush = wrapper.vm.$router.push;
138
139			expect(routerPush).toHaveBeenLastCalledWith({
140			name: 'sw.flow.detail',
141			params: { id: '44de136acf314e7184401d36406c1e90' },
142			query: {
143			type: 'template'
144			}
145			});
146
147			wrapper.vm.$router.push = jest.fn();
148			wrapper.vm.onEditFlow({});
149			await flushPromises();
150
151			expect(wrapper.vm.$router.push).toBeCalledTimes(0);
152			});
153			});
154

shopware / platform

Push — trunk ( 9b0a66...54d57b )

A

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like