test: table

src/packages/descriptions/__tests__/Descriptions.test.jsx

@@ -19,9 +19,6 @@ describe('Descriptions', () => {
                 },
                 onLoad: (value) => {
                     console.log(value)
-                },
-                onRequestError: (error) => {
-                    console.log(error)
                 }
             },
             slots: {
@@ -40,6 +37,10 @@ describe('Descriptions', () => {
             }
         })
         expect(wrapper.exists()).toBeTruthy()
+        // onReload
+        wrapper.vm.reload && wrapper.vm.reload()
+        // tryOnScopeDispose
+        wrapper.unmount()
     })
 
     it('props columns', async () => {

src/packages/form/__tests__/Form.test.jsx

@@ -0,0 +1,18 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import { Form, Text } from '../index'
+
+describe('Form', () => {
+    it('render', async () => {
+        const wrapper = mount(Form, {
+            slots: {
+                default: () => {
+                    return [
+                        <Text name={'text'}/>
+                    ]
+                }
+            }
+        })
+        expect(wrapper.exists()).toBeTruthy()
+    })
+})

src/packages/locale-provider/__tests__/LocaleProvider.test.jsx

@@ -0,0 +1,33 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import LocaleProvider, { useLocaleReceiver } from '../index'
+import enUS from '../lang/en-US'
+
+describe('LocaleProvider', () => {
+    it('render', async () => {
+        const wrapper = mount(LocaleProvider, {
+            slots: {
+                default: () => {
+                    const { t } = useLocaleReceiver()
+                    return (<div>{t('open')}</div>)
+                }
+            }
+        })
+        expect(wrapper.exists()).toBeTruthy()
+        // 切换语言
+        await wrapper.setProps({ locale: enUS })
+        expect(wrapper.exists()).toBeTruthy()
+    })
+
+    it('translate path', () => {
+        const wrapper = mount(LocaleProvider, {
+            slots: {
+                default: () => {
+                    const { t } = useLocaleReceiver('Table')
+                    return (<div>{t(['toolbar', 'reload'])}</div>)
+                }
+            }
+        })
+        expect(wrapper.exists()).toBeTruthy()
+    })
+})

src/packages/resize-observer/__tests__/ResizeObserver.test.jsx

@@ -0,0 +1,18 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import ResizeObserver from '../index'
+
+describe('ResizeObserver', () => {
+    it('render', async () => {
+        const wrapper = mount(ResizeObserver, {
+            slots: {
+                default: () => {
+                    return (
+                        <div style={{ height: '200px' }}/>
+                    )
+                }
+            }
+        })
+        expect(wrapper.exists()).toBeTruthy()
+    })
+})

src/packages/table/__tests__/Table.test.jsx

@@ -0,0 +1,68 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import { Table } from '../index'
+import ColumnSetting from '../components/column-setting'
+import { Tooltip } from 'ant-design-vue'
+
+describe('Table', () => {
+    it('render', async () => {
+        const wrapper = mount(Table, {
+            props: {
+                columns: [
+                    {
+                        title: 'test1',
+                        dataIndex: 'test1'
+                    },
+                    {
+                        title: 'test2',
+                        dataIndex: 'test2'
+                    }
+                ],
+                dataSource: [
+                    {
+                        test1: 'test1',
+                        test2: 'test2'
+                    }
+                ]
+            }
+        })
+        expect(wrapper.exists()).toBeTruthy()
+        // column-setting
+        const columnSetting = wrapper.findComponent(ColumnSetting)
+        const button = columnSetting.get('button')
+        button.trigger('click')
+    })
+
+    it('render slots', async () => {
+        const wrapper = mount(Table, {
+            props: {
+                columns: [
+                    {
+                        title: 'test1',
+                        dataIndex: 'test1'
+                    },
+                    {
+                        title: 'test2',
+                        dataIndex: 'test2'
+                    }
+                ],
+                request: () => {
+                    return Promise.resolve({
+                        data: [
+                            {
+                                test1: 'test1',
+                                test2: 'test2'
+                            }
+                        ]
+                    })
+                }
+            },
+            slots: {
+                extra: () => {
+                    return (<Tooltip>Extra</Tooltip>)
+                }
+            }
+        })
+        expect(wrapper.exists()).toBeTruthy()
+    })
+})

tests/setup.js

@@ -20,3 +20,10 @@ global.window.matchMedia = (query) => {
         removeListener: () => {}
     }
 }
+
+const originGetComputedStyle = window.getComputedStyle
+window.getComputedStyle = ele => {
+    const style = originGetComputedStyle(ele)
+    style.lineHeight = '16px';
+    return style;
+}