test: 添加message测试用例

packages/devui-vue/devui/date-picker-pro/__tests__/date-picker-pro.spec.tsx

@@ -31,6 +31,13 @@ window.ResizeObserver =
   }));
 
 describe('date-picker-pro test', () => {
+  afterEach(() => {
+    const baseDom = document.querySelector(baseClass);
+    baseDom?.parentNode?.removeChild(baseDom);
+    const pannelDomm = document.querySelector(pickerPanelClass);
+    pannelDomm?.parentNode?.removeChild(pannelDomm);
+  });
+
   it('date-picker-pro init render', async () => {
     const datePickerProValue = ref('');
     const wrapper = mount({
@@ -429,7 +436,11 @@ describe('date-picker-pro test', () => {
     const weekHeader = pickerPanel?.querySelector(weekHeaderClass);
     expect(weekHeader?.getElementsByTagName('td').length).toBe(7);
     const tableMonthItems = pickerPanel?.querySelectorAll(tableMonthClass);
-    expect(tableMonthItems?.length).toBe(4);
+    if (new Date().getMonth() + 1 >= 11 || new Date().getMonth() + 1 <= 1) {
+      expect(tableMonthItems?.length).toBe(3);
+    } else {
+      expect(tableMonthItems?.length).toBe(4);
+    }
 
     const date = new Date();
     const todayIndex = 7 - ((date.getDate() - date.getDay()) % 7) + date.getDate();

packages/devui-vue/devui/date-picker-pro/__tests__/range-date-picker-pro.spec.tsx

@@ -32,6 +32,13 @@ window.ResizeObserver =
   }));
 
 describe('range-date-picker-pro test', () => {
+  afterEach(() => {
+    const baseDom = document.querySelector(baseClass);
+    baseDom?.parentNode?.removeChild(baseDom);
+    const pannelDomm = document.querySelector(pickerPanelClass);
+    pannelDomm?.parentNode?.removeChild(pannelDomm);
+  });
+
   it('range-date-picker-pro init render', async () => {
     const datePickerProValue = ref(['', '']);
     const wrapper = mount({
@@ -407,7 +414,11 @@ describe('range-date-picker-pro test', () => {
     const weekHeader = pickerPanel?.querySelector(weekHeaderClass);
     expect(weekHeader?.getElementsByTagName('td').length).toBe(7);
     const tableMonthItems = pickerPanel?.querySelectorAll(tableMonthClass);
-    expect(tableMonthItems?.length).toBe(4);
+    if (new Date().getMonth() + 1 >= 11 || new Date().getMonth() + 1 <= 1) {
+      expect(tableMonthItems?.length).toBe(3);
+    } else {
+      expect(tableMonthItems?.length).toBe(4);
+    }
 
     const date = new Date();
     const todayIndex = 7 - ((date.getDate() - date.getDay()) % 7) + date.getDate();

packages/devui-vue/devui/menu/__tests__/menu.spec.ts

@@ -16,6 +16,17 @@ const dotSubMenu = dotSubNs.b();
 const submenuDisabled = SubNs.b() + '-disabled';
 const menuitemDisabled = ns.b() + '-item-disabled';
 
+// fix: TypeError: Array.from(...).at is not a function
+!Array.prototype.at && (Array.prototype.at = function at (n) {
+  // Convert the argument to an integer
+  n = Math.trunc(n) || 0; // 去掉小数点
+  // Allow negative indexing from the end
+  if (n < 0) { n += this.length; }
+  // Out-of-bounds access returns undefined
+  if (n < 0 || n >= this.length) { return undefined; }
+  // Otherwise, this is just normal property access
+  return this[n];
+});
 
 describe('menu test', () => {
   let wrapper: VueWrapper<ComponentPublicInstance>;

packages/devui-vue/devui/message/__tests__/message.spec.tsx

@@ -5,6 +5,11 @@ import { useNamespace } from '../../shared/hooks/use-namespace';
 const ns = useNamespace('message', true);
 describe('d-message', () => {
   describe('service', () => {
+    afterEach(() => {
+      const messageDom = document.querySelector(ns.b());
+      messageDom?.parentNode?.removeChild(messageDom);
+    });
+
     it('render correctly when using service', async () => {
       message({
         message: 'message content',
@@ -51,9 +56,32 @@ describe('d-message', () => {
       expect(closeCallback).toBeCalled();
     });
 
-    it.todo('bordered should work well.');
+    it('bordered should work well.', async () => {
+      message({
+        message: 'message bordered should work well',
+        bordered: false,
+      });
+      await nextTick();
+      const messageDom = document.querySelector(ns.b()) as HTMLElement;
 
-    it.todo('shadow should work well.');
+      expect(messageDom).toBeTruthy();
+      expect(messageDom.style['border-top']).toBeFalsy();
+      expect(messageDom.style['border-bottom']).toBeFalsy();
+      expect(messageDom.style['border-left']).toBeFalsy();
+      expect(messageDom.style['border-right']).toBeFalsy();
+    });
+
+    it('shadow should work well.', async () => {
+      message({
+        message: 'message shadow should work well',
+        shadow: false,
+      });
+      await nextTick();
+      const messageDom = document.querySelector(ns.b()) as HTMLElement;
+
+      expect(messageDom).toBeTruthy();
+      expect(messageDom.style['box-shadow']).toBe('none');
+    });
   });
 
   describe('function', () => {

packages/devui-vue/docs/.vitepress/devui-theme/components/PageContributorConfig.ts

@@ -571,6 +571,10 @@ export const CONTRIBUTORS_MAP: IContributingMap = {
       avatar: 'https://avatars.githubusercontent.com/u/50767049?v=4',
       homepage: 'https://github.com/jCodeLife'
     },
+    {
+      avatar: 'https://avatars.githubusercontent.com/u/58357112?v=4',
+      homepage: 'https://github.com/hxj9102'
+    },
   ],
   'editable-select': [
     {