test: Add tests cases for DpRoot component

Author: Jasenkoo

src/packages/components/DpRoot/DpRoot.ts

@@ -13,6 +13,7 @@ import type {
 } from '@packages/types';
 
 const props = {
+    as: { type: String as PropType<string>, default: 'div' },
     modelValue: { type: [String, Date, Array, Object, Number] as PropType<ModelValueProp>, default: undefined },
     range: { type: [Boolean, Object] as PropType<RangeProp>, default: false },
     multiDates: { type: [Object, Boolean] as PropType<MultiDatesProp>, default: false },
@@ -43,6 +44,6 @@ export const DpRoot = {
     setup(props: DpRootProps, { slots, attrs, emit }: SetupContext) {
         useRoot(props, emit);
 
-        return () => h('div', { ...attrs }, slots.default?.());
+        return () => h(props.as, { ...attrs }, slots.default?.());
     },
 };

src/packages/components/DpRoot/__tests__/DpRoot.spec.ts

@@ -0,0 +1,17 @@
+import { describe, expect, it } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { DpRoot } from '@packages/components/DpRoot';
+
+describe('DpRoot', () => {
+    it('Should render component', () => {
+        const wrapper = mount(DpRoot);
+
+        expect(wrapper.html()).toContain('<div>');
+    });
+
+    it('Should render component as custom HTML tag', () => {
+        const wrapper = mount(DpRoot, { props: { as: 'section' } });
+
+        expect(wrapper.html()).toContain('<section>');
+    });
+});