@webitel/ui-sdk 26.8.75 → 26.8.76

package/src/components/wt-vidstack-player/__tests__/WtVidstackPlayer.spec.js

@@ -0,0 +1,82 @@
+import { mount, shallowMount } from '@vue/test-utils';
+
+import { ComponentSize } from '../../../enums';
+import WtVidstackPlayer from '../wt-vidstack-player.vue';
+
+describe('WtVidstackPlayer', () => {
+	it('renders a component', () => {
+		const wrapper = shallowMount(WtVidstackPlayer);
+		expect(wrapper.classes()).toContain('wt-vidstack-player');
+	});
+
+	it('defaults to the sm size class', () => {
+		const wrapper = shallowMount(WtVidstackPlayer);
+		expect(wrapper.classes()).toContain('wt-vidstack-player--sm');
+	});
+
+	it('applies a custom size class', () => {
+		const wrapper = shallowMount(WtVidstackPlayer, {
+			props: {
+				size: ComponentSize.LG,
+			},
+		});
+		expect(wrapper.classes()).toContain('wt-vidstack-player--lg');
+	});
+
+	it('applies the video-object-fit modifier class', () => {
+		const wrapper = shallowMount(WtVidstackPlayer, {
+			props: {
+				videoObjectFit: 'cover',
+			},
+		});
+		expect(wrapper.classes()).toContain(
+			'wt-vidstack-player-video-object-fit--cover',
+		);
+	});
+
+	it('applies stretch/static/hide-background/mirror modifier classes', () => {
+		const wrapper = shallowMount(WtVidstackPlayer, {
+			props: {
+				stretch: true,
+				static: true,
+				hideBackground: true,
+				mirrorVideo: true,
+			},
+		});
+		expect(wrapper.classes()).toEqual(
+			expect.arrayContaining([
+				'wt-vidstack-player--stretch',
+				'wt-vidstack-player--static',
+				'wt-vidstack-player--hide-background',
+				'wt-vidstack-player--mirror-video',
+			]),
+		);
+	});
+
+	it('emits close when the layout requests close', async () => {
+		const wrapper = shallowMount(WtVidstackPlayer);
+		await wrapper
+			.findComponent({
+				name: 'VideoLayout',
+			})
+			.vm.$emit('close-player');
+		expect(wrapper.emitted().close).toBeTruthy();
+	});
+
+	it('renders default content/controls-panel slots with the current size scope', () => {
+		const wrapper = mount(WtVidstackPlayer, {
+			props: {
+				size: ComponentSize.MD,
+			},
+			slots: {
+				content: `<template #content="{ size }"><div class="content-size">{{ size }}</div></template>`,
+			},
+		});
+		expect(wrapper.find('.content-size').text()).toBe(ComponentSize.MD);
+	});
+
+	it('exposes the root element ref', () => {
+		const wrapper = shallowMount(WtVidstackPlayer);
+		expect(wrapper.vm.rootEl).toBeInstanceOf(HTMLElement);
+	});
+});

package/src/enums/IconAction/{IconAction.enum.js → IconAction.ts}

@@ -1,4 +1,4 @@
-const IconAction = Object.freeze({
+export const IconAction = {
 	REFRESH: 'refresh',
 	ADD: 'add',
 	RESET_MEMBERS: 'reset-members',
@@ -26,6 +26,8 @@ const IconAction = Object.freeze({
 	CHAT: 'chat',
 	SORT: 'sort',
 	LOGOUT: 'logout',
-});
+} as const;
+
+export type IconAction = (typeof IconAction)[keyof typeof IconAction];
 
 export default IconAction;

package/src/enums/index.ts

@@ -21,7 +21,7 @@ export { DefaultWorkspaceTabSettings } from './DefaultWorkspaceTabSettings/Defau
 export { EmptyCause } from './EmptyCause/EmptyCause';
 export { ExportFormat } from './ExportFormat/ExportFormat.enum';
 export { FormatDateMode } from './FormatDateMode/FormatDateMode';
-export { default as IconAction } from './IconAction/IconAction.enum.js';
+export { IconAction } from './IconAction/IconAction';
 export { IconColor } from './IconColor/IconColor';
 export { LoginOptions } from './LoginOptions/LoginOptions';
 export { MessageColor } from './MessageColor/MessageColor';

package/src/modules/ObjectPermissions/components/_internal/permissions-tab-content.vue

@@ -98,7 +98,7 @@
 <script setup>
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import IconAction from '../../../../enums/IconAction/IconAction.enum';
+import { IconAction } from '../../../../enums';
 import { useTableEmpty } from '../../../TableComponentModule/composables/useTableEmpty';
 import { AccessMode, AccessRuleName } from '../../enums';
 import { DEFAULT_PERMISSIONS_USER_ACCESS } from '../../types/PermissionsUserAccess';