@webitel/ui-sdk 26.4.17 → 26.4.18

package/src/modules/AgentStatusSelect/components/__tests__/wt-cc-agent-status-select.spec.js

@@ -54,53 +54,8 @@ describe('Wt Cc Agent Status Select', () => {
 		const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
 		expect(wrapper.exists()).toBe(true);
 	});
-	it(`at wt-status-select "change" to "online" event, triggers agent status patch
-   with "online" status`, () => {
-		const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
-		wrapper
-			.findComponent({
-				name: 'wt-status-select',
-			})
-			.vm.$emit('change', AgentStatus.ONLINE);
-		const reqPayload = {
-			status: AgentStatus.ONLINE,
-			agentId: agent.agentId,
-			payload: undefined,
-		};
-		expect(agentStatusMock).toHaveBeenCalledWith(reqPayload);
-	});
-	it('at wt-status-select "change" to "pause" event, pause causes are loaded', async () => {
-		const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
-		wrapper
-			.findComponent({
-				name: 'wt-status-select',
-			})
-			.vm.$emit('change', AgentStatus.PAUSE);
-		await wrapper.vm.$nextTick();
-		expect(getAgentPauseCausesMock).toHaveBeenCalled();
-	});
-	it(`at wt-status-select "change" to "pause" event and pause causes truthy response,
-   pause-cause-popup appears`, async () => {
-		const wrapper = mount(WtCcAgentStatusSelect, mountOptions);
-		wrapper
-			.findComponent({
-				name: 'wt-status-select',
-			})
-			.vm.$emit('change', AgentStatus.PAUSE);
-		await wrapper.vm.$nextTick(); // load pause causes
-		await wrapper.vm.$nextTick();
-		await wrapper.vm.$nextTick(); // render popup
-		expect(
-			wrapper
-				.findComponent({
-					name: 'pause-cause-popup',
-				})
-				.isVisible(),
-		).toBe(true);
-	});
 	it(`at pause-cause-popup "change" event, triggers patch agent status
    with "pause" status and passed pauseCause`, async () => {
-		const pauseCause = 'jest';
 		const wrapper = mount(WtCcAgentStatusSelect, mountOptions);
 		wrapper.vm.openPauseCausePopup();
 		await wrapper.vm.$nextTick();
@@ -109,11 +64,15 @@ describe('Wt Cc Agent Status Select', () => {
 			.findComponent({
 				name: 'pause-cause-popup',
 			})
-			.vm.$emit('change', pauseCause);
+			.vm.$emit('change', {
+				pauseCause: 'coffee',
+				statusComment: 'brb',
+			});
 		const reqPayload = {
 			status: AgentStatus.PAUSE,
 			agentId: agent.agentId,
-			pauseCause,
+			pauseCause: 'coffee',
+			statusComment: 'brb',
 		};
 		expect(agentStatusMock).toHaveBeenCalledWith(reqPayload);
 	});

package/src/modules/AgentStatusSelect/components/__tests__/wt-cc-pause-cause-popup.spec.js

@@ -13,7 +13,8 @@ describe('Pause cause popup', () => {
 			props: {
 				options: [
 					{
-						value,
+						id: 1,
+						name: value,
 					},
 				],
 			},
@@ -22,7 +23,34 @@ describe('Pause cause popup', () => {
 			.findComponent({
 				name: 'wt-radio',
 			})
-			.vm.$emit('input');
-		expect(wrapper.vm.selected.value).toEqual(value);
+			.vm.$emit('update:selected');
+		expect(wrapper.vm.selected.name).toEqual(value);
+	});
+
+	it('emits payload and close on setPause', async () => {
+		const wrapper = mount(WtCcPauseCausePopup, {
+			props: {
+				options: [
+					{
+						id: 1,
+						name: 'coffee',
+					},
+				],
+			},
+		});
+
+		wrapper.vm.select({
+			id: 1,
+			name: 'coffee',
+			statusComment: 'brb',
+		});
+		wrapper.vm.setPause();
+		await wrapper.vm.$nextTick();
+
+		expect(wrapper.emitted().change[0][0]).toEqual({
+			pauseCause: 'coffee',
+			statusComment: 'brb',
+		});
+		expect(wrapper.emitted().close).toBeTruthy();
 	});
 });

package/src/modules/Appearance/components/__tests__/wt-dark-mode-switcher.spec.js

@@ -5,16 +5,20 @@ import AppearanceStoreModule from '../../store/AppearanceStoreModule.js';
 import WtDarkModeSwitcher from '../wt-dark-mode-switcher.vue';
 
 describe('WtDarkModeSwitcher', () => {
-	let store;
+	let wrapper;
 
-	store = createStore(new AppearanceStoreModule().getModule());
+	beforeEach(() => {
+		const store = createStore(new AppearanceStoreModule().getModule());
+		localStorage.removeItem('theme');
+		document.documentElement.classList.remove('theme--dark');
 
-	const wrapper = shallowMount(WtDarkModeSwitcher, {
-		global: {
-			plugins: [
-				store,
-			],
-		},
+		wrapper = shallowMount(WtDarkModeSwitcher, {
+			global: {
+				plugins: [
+					store,
+				],
+			},
+		});
 	});
 
 	it('should render component', () => {
@@ -25,13 +29,15 @@ describe('WtDarkModeSwitcher', () => {
 		expect(
 			window.document.documentElement.classList.contains('theme--dark'),
 		).toBe(false);
-		await wrapper
+		wrapper
 			.findComponent({
 				name: 'wt-switcher',
 			})
-			.trigger('change');
+			.vm.$emit('update:model-value');
+		await wrapper.vm.$nextTick();
 		expect(
 			window.document.documentElement.classList.contains('theme--dark'),
 		).toBe(true);
+		expect(localStorage.getItem('theme')).toBe('dark');
 	});
 });

package/src/modules/AuditForm/components/form-questions/options/__tests__/audit-form-question-options.spec.js

@@ -25,7 +25,7 @@ describe('AuditFormQuestionOptions', () => {
 		wrapper
 			.findComponent('.audit-form-question-options-write__add-button')
 			.vm.$emit('click');
-		expect(wrapper.emitted()['change:question'][0][0].options.length).toBe(2);
+		expect(wrapper.emitted()['update:question'][0][0].options.length).toBe(2);
 	});
 	it('deletes existing question option at "delete" icon-btn click', () => {
 		const wrapper = mount(AuditFormQuestionOptions, {
@@ -42,7 +42,7 @@ describe('AuditFormQuestionOptions', () => {
 			name: 'audit-form-question-options-write-row',
 		});
 		writeRow.vm.$emit('delete');
-		expect(wrapper.emitted()['change:question'][0][0].options.length).toBe(0);
+		expect(wrapper.emitted()['update:question'][0][0].options.length).toBe(0);
 	});
 	it('emits result change with selected radio option score', () => {
 		const score = 11;
@@ -62,10 +62,8 @@ describe('AuditFormQuestionOptions', () => {
 			.findComponent({
 				name: 'wt-radio',
 			})
-			.vm.$emit('input', {
-				score,
-			});
-		expect(wrapper.emitted()['change:result'][0][0]).toEqual({
+			.vm.$emit('update:selected', score);
+		expect(wrapper.emitted()['update:answer'][0][0]).toEqual({
 			score,
 		});
 	});

package/src/modules/AuditForm/components/form-questions/score/__tests__/audit-form-question-score.spec.js

@@ -29,8 +29,8 @@ describe('AuditFormQuestionScore', () => {
 			.findComponent({
 				name: 'wt-radio',
 			})
-			.vm.$emit('input');
-		expect(wrapper.emitted()['change:result'][0][0]).toEqual({
+			.vm.$emit('update:selected', min);
+		expect(wrapper.emitted()['update:answer'][0][0]).toEqual({
 			score: min,
 		});
 	});

package/src/modules/DeleteConfirmationPopup/__tests__/delete-confirmation-popup.spec.js

@@ -1,4 +1,4 @@
-import { mount, shallowMount } from '@vue/test-utils';
+import { shallowMount } from '@vue/test-utils';
 import { ref } from 'vue';
 
 import { useValidation } from '../../../mixins/validationMixin/useValidation';
@@ -23,69 +23,25 @@ describe('DeleteConfirmationPopup', () => {
 		expect(wrapper.classes('delete-confirmation-popup')).toBe(true);
 	});
 
-	it('yes button called props callback', async () => {
-		const callback = vi.fn();
-		const wrapper = mount(DeleteConfirmationPopup, {
-			props: {
-				deleteCount: 1,
-				callback,
-			},
-		});
-		const button = wrapper
-			.findAllComponents({
-				name: 'wt-button',
-			})
-			.find((btn) => btn.text().includes('Yes'));
-		expect(button.text()).toContain('Yes');
-		await button.trigger('click');
-		await wrapper.vm.$nextTick();
-		expect(callback).toHaveBeenCalled();
-	});
-
 	it('popup message block have delete count', () => {
 		const deleteCount = 123;
-		const wrapper = mount(DeleteConfirmationPopup, {
+		const wrapper = shallowMount(DeleteConfirmationPopup, {
 			props: {
 				deleteCount,
 				callback: vi.fn(),
 			},
 		});
-		expect(
-			wrapper.find('.delete-confirmation-popup__content').text(),
-		).toContain(deleteCount.toString());
+		expect(wrapper.vm.deleteMessage).toContain(deleteCount.toString());
 	});
 
-	it('yes button emitted close', async () => {
-		const wrapper = mount(DeleteConfirmationPopup, {
+	it('uses "delete all" text for zero count', () => {
+		const wrapper = shallowMount(DeleteConfirmationPopup, {
 			props: {
-				deleteCount: 1,
+				deleteCount: 0,
 				callback: vi.fn(),
 			},
 		});
-		const button = wrapper
-			.findAllComponents({
-				name: 'wt-button',
-			})
-			.find((btn) => btn.text().includes('Yes'));
-		await button.vm.$emit('close');
-		await wrapper.vm.$nextTick();
-		expect(button.emitted('close')).toBeTruthy();
-	});
 
-	it('no button emitted close', async () => {
-		const wrapper = mount(DeleteConfirmationPopup, {
-			props: {
-				deleteCount: 1,
-				callback: vi.fn(),
-			},
-		});
-		const button = wrapper
-			.findAllComponents({
-				name: 'wt-button',
-			})
-			.find((btn) => btn.text().includes('No'));
-		await button.vm.$emit('close');
-		await wrapper.vm.$nextTick();
-		expect(button.emitted('close')).toBeTruthy();
+		expect(wrapper.vm.deleteMessage).toBeTruthy();
 	});
 });

package/src/modules/QueryFilters/store/__tests__/QueryFiltersStoreModule.spec.js

@@ -48,13 +48,17 @@ describe('QueryFiltersStoreModule getters', () => {
 });
 
 describe('QueryFiltersStoreModule actions', () => {
-	const context = {
-		state: {
-			...state,
-		},
-		commit: vi.fn(),
-	};
-	const module = new QueryFiltersStoreModule().getModule();
+	let context;
+	let module;
+	beforeEach(() => {
+		context = {
+			state: {
+				...state,
+			},
+			commit: vi.fn(),
+		};
+		module = new QueryFiltersStoreModule().getModule();
+	});
 	it('SET_FILTER: single value filter', () => {
 		const filter = {
 			filter: valueFilter,
@@ -114,7 +118,7 @@ describe('QueryFiltersStoreModule actions', () => {
 	});
 	it('calls RESET_FILTERS mutation on RESET_FILTERS action call', () => {
 		module.actions.RESET_FILTERS(context);
-		expect(context.commit).toHaveBeenCalledWith('RESET_FILTERS');
+		expect(context.commit).toHaveBeenCalledWith('RESET_FILTERS', undefined);
 	});
 });
 

package/types/components/on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    files: unknown[];
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "set-video": (val: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onSet-video"?: (val: unknown) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/wt-display-chip-items-DPoEtUZ-.js

@@ -1,46 +0,0 @@
-import { defineComponent as v, computed as p, createElementBlock as t, openBlock as s, createCommentVNode as a, renderSlot as m, createVNode as d, toDisplayString as n, createTextVNode as h, unref as u, withCtx as c, Fragment as k, renderList as C } from "vue";
-import { ae as I, af as B, _ as S } from "./install-C_4PcYy4.js";
-const y = "-", b = (i) => i || y, g = { class: "wt-display-chip-items" }, w = { key: 0 }, E = ["onClick"], F = /* @__PURE__ */ v({
-  __name: "wt-display-chip-items",
-  props: {
-    hideFirstItem: { type: Boolean },
-    useEmptySymbol: { type: Boolean },
-    title: {},
-    items: {}
-  },
-  setup(i) {
-    const e = i, f = p(() => e.items?.length ? e.items[0]?.name : e.useEmptySymbol ? y : ""), o = p(() => e.items?.length ? e.hideFirstItem ? e.items : e.items.slice(1) : []);
-    return (l, N) => (s(), t("div", g, [
-      e.title ? (s(), t("p", w, n(i.title) + ":", 1)) : a("", !0),
-      e.hideFirstItem ? a("", !0) : m(l.$slots, "first-item", { key: 1 }, () => [
-        h(n(u(b)(f.value)), 1)
-      ], !0),
-      d(u(I), null, {
-        activator: c(({ toggle: r }) => [
-          m(l.$slots, "activator", { toggle: r }, () => [
-            o.value.length ? (s(), t("div", {
-              key: 0,
-              onClick: r
-            }, [
-              d(u(B), null, {
-                default: c(() => [
-                  h(" +" + n(o.value.length), 1)
-                ], void 0, !0),
-                _: 1
-              })
-            ], 8, E)) : a("", !0)
-          ], !0)
-        ]),
-        default: c(() => [
-          m(l.$slots, "items", { items: o.value }, () => [
-            (s(!0), t(k, null, C(o.value, ({ name: r, id: _ }) => (s(), t("div", { key: _ }, n(r), 1))), 128))
-          ], !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), T = /* @__PURE__ */ S(F, [["__scopeId", "data-v-4c67fbb7"]]);
-export {
-  T as default
-};

package/src/components/wt-copy-action/__tests__/WtCopyAction.spec.js

@@ -1,15 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-
-import WtIconBtn from '../../wt-icon-btn/wt-icon-btn.vue';
-import WtCopyAction from '../wt-copy-action.vue';
-
-describe('WtCopyAction', () => {
-	it('renders a component', () => {
-		const wrapper = shallowMount(WtCopyAction, {
-			stubs: {
-				WtIconBtn,
-			},
-		});
-		expect(wrapper.classes('wt-copy-action')).toBe(true);
-	});
-});

package/src/components/wt-divider/__tests__/WtDivider.spec.js

@@ -1,10 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-
-import WtDivider from '../wt-divider.vue';
-
-describe('WtDivider', () => {
-	it('renders a component', () => {
-		const wrapper = shallowMount(WtDivider);
-		expect(wrapper.classes('wt-divider')).toBe(true);
-	});
-});

package/src/components/wt-slider/__tests__/WtSlider.spec.js

@@ -1,10 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-
-import WtSlider from '../wt-slider.vue';
-
-describe('WtSlider', () => {
-	it('renders a component', () => {
-		const wrapper = shallowMount(WtSlider, {});
-		expect(wrapper.classes('wt-slider')).toBe(true);
-	});
-});

package/src/components/wt-table/__tests__/WtTable.spec.js

@@ -1,140 +0,0 @@
-import { mount, shallowMount } from '@vue/test-utils';
-
-import WtCheckbox from '../../wt-checkbox/wt-checkbox.vue';
-import WtTable from '../wt-table.vue';
-
-const headers = [
-	{
-		text: 'heading 1',
-		value: 'h1',
-		sort: null,
-	},
-	{
-		text: 'heading2',
-		value: 'h2',
-	},
-	{
-		text: 'heading 3',
-		value: 'h3',
-	},
-];
-const data = [
-	{
-		h1: 'value 1',
-		h2: 'value 2',
-		h3: 'value 3',
-		_isSelected: false,
-	},
-	{
-		h1: 'value 1',
-		h2: 'value 2',
-		h3: 'value 3',
-		_isSelected: false,
-	},
-	{
-		h1: 'value 1',
-		h2: 'value 2',
-		h3: 'value 3',
-		_isSelected: false,
-	},
-	{
-		h1: 'value 1',
-		h2: 'value 2',
-		h3: 'value 3',
-		_isSelected: false,
-	},
-];
-
-describe('WtTable', () => {
-	it('renders a component', () => {
-		const wrapper = shallowMount(WtTable);
-		expect(wrapper.classes('wt-table')).toBe(true);
-	});
-
-	it('renders table data rows', () => {
-		const wrapper = shallowMount(WtTable, {
-			props: {
-				headers,
-				data,
-			},
-		});
-		expect(wrapper.findAll('.wt-table__tr__body').length).toBe(data.length);
-	});
-
-	it('renders table headers', () => {
-		const wrapper = shallowMount(WtTable, {
-			props: {
-				headers,
-				data,
-				selectable: false,
-				gridActions: false,
-			},
-		});
-		expect(wrapper.findAll('.wt-table__tr__head th').length).toBe(
-			headers.length,
-		);
-	});
-
-	it('do not renders table footer by default', () => {
-		const wrapper = shallowMount(WtTable, {
-			props: {
-				headers,
-				data,
-			},
-		});
-		expect(wrapper.find('.wt-table__foot').exists()).toBe(false);
-	});
-
-	it('renders table footer if footer slot is passed', () => {
-		const wrapper = shallowMount(WtTable, {
-			props: {
-				headers,
-				data,
-			},
-			slots: {
-				'data-footer': '',
-			},
-		});
-		expect(wrapper.find('.wt-table__foot').isVisible()).toBe(true);
-	});
-
-	it('emits sort event at header click when sortable is true', () => {
-		const wrapper = shallowMount(WtTable, {
-			props: {
-				headers,
-				data,
-				sortable: true,
-			},
-		});
-		wrapper.find('.wt-table__th--sortable').trigger('click');
-		expect(wrapper.emitted().sort.pop()).toBeTruthy();
-	});
-
-	it('draws sort arrow, if a column is sorted', () => {
-		headers[0].sort = 'asc';
-		const wrapper = shallowMount(WtTable, {
-			props: {
-				headers,
-				data,
-				sortable: true,
-			},
-		});
-		expect(
-			wrapper
-				.find('.wt-table__th--sortable .wt-table__th__sort-arrow')
-				.exists(),
-		).toBe(true);
-	});
-
-	it('selects all rows at header checkbox click', async () => {
-		const wrapper = mount(WtTable, {
-			props: {
-				headers,
-				data,
-				selectable: true,
-			},
-		});
-		wrapper.findComponent(WtCheckbox).vm.$emit('change');
-		expect(data.every((item) => item._isSelected)).toBe(true);
-	});
-});

package/src/modules/Filters/components/__tests__/filter-pagination.spec.js

@@ -1,109 +0,0 @@
-import { mount } from '@vue/test-utils';
-import { createStore } from 'vuex';
-
-import FiltersStoreModule from '../../store/FiltersStoreModule.js';
-import FilterPagination from '../filter-pagination.vue';
-
-const filtersSchema = [
-	{
-		name: 'page',
-		value: 1,
-		get: [
-			'value',
-		],
-		set: [
-			'value',
-		],
-		restore: () => {},
-	},
-	{
-		name: 'size',
-		value: 11,
-		get: [
-			'value',
-		],
-		set: [
-			'value',
-		],
-		restore: () => {},
-	},
-];
-
-describe('FilterPagination', () => {
-	it('renders a component', () => {
-		const store = createStore({
-			modules: {
-				filters: new FiltersStoreModule().addFilter(filtersSchema).getModule(),
-			},
-		});
-
-		const wrapper = mount(FilterPagination, {
-			props: {
-				namespace: 'filters',
-			},
-			global: {
-				plugins: [
-					store,
-				],
-			},
-		});
-		expect(wrapper.exists()).toBe(true);
-	});
-
-	it('size change dispatches SET_FILTER action', async () => {
-		const store = createStore({
-			modules: {
-				filters: new FiltersStoreModule().addFilter(filtersSchema).getModule(),
-			},
-		});
-
-		const wrapper = mount(FilterPagination, {
-			shallow: true,
-			props: {
-				namespace: 'filters',
-			},
-			global: {
-				plugins: [
-					store,
-				],
-				stubs: {
-					WtPagination: false,
-				},
-			},
-		});
-
-		const pagination = wrapper.findComponent('.wt-pagination');
-		pagination.vm.$emit('input', 321);
-		pagination.vm.$emit('change');
-		await wrapper.vm.$nextTick();
-		expect(store.getters['filters/GET_FILTER']('size')).toBe(321);
-	});
-
-	it('page change dispatches SET_FILTER action', async () => {
-		const store = createStore({
-			modules: {
-				filters: new FiltersStoreModule().addFilter(filtersSchema).getModule(),
-			},
-		});
-
-		const wrapper = mount(FilterPagination, {
-			shallow: true,
-			props: {
-				namespace: 'filters',
-			},
-			global: {
-				plugins: [
-					store,
-				],
-				stubs: {
-					WtPagination: false,
-				},
-			},
-		});
-
-		const pagination = wrapper.findComponent('.wt-pagination');
-		pagination.vm.$emit('next');
-		await wrapper.vm.$nextTick();
-		expect(store.getters['filters/GET_FILTER']('page')).toBe(2);
-	});
-});