sw-flow-list-flow-templates.spec.ts ➔ createWrapper - Code Metrics - Inspection of "NEXT-25896 - Adjust flowbuilder listing" - shopware/platform - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — trunk ( 17531a...3f79bf )

by Christian

created 2023-03-22 14:14 UTC

B

↳ 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	74
Code Lines	41

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	2
eloc	41
dl	0
loc	74
rs	8.896
c	0
b	0
f	0

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';
import 'src/app/component/utils/sw-internal-link';

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-card': true,
            'sw-internal-link': await Shopware.Component.build('sw-internal-link'),
            'router-link': {
                props: ['to'],
                // eslint-disable-next-line no-template-curly-in-string
                template: '<a :href="`${to.name}/${to.params.flowTemplateId}`">asdf</a>'
            },
            '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.classes()).toContain('sw-internal-link--disabled');
    });

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

        const link = wrapper.find('.sw-flow-list-my-flows__content__create-flow-link');

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

shopware / platform

Push — trunk ( 17531a...3f79bf )

B

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like