test: add basic test for all comps

jest.config.js

@@ -130,7 +130,7 @@ module.exports = {
   // The glob patterns Jest uses to detect test files
   testMatch: [
     // '<rootDir>/src/**/__tests__/**/*.[jt]s',
-    '<rootDir>/src/**/*.(spec|test).ts'
+    '<rootDir>/src/**/*.(spec|test).(ts|tsx)'
   ],
 
   // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped

package.json

@@ -107,8 +107,7 @@
     "tinycolor2": "^1.4.2",
     "typescript": "^4.1.3",
     "vite": "^2.0.0",
-    "vue-jest": "^5.0.0-alpha.7",
-    "vue-router": "^4.0.0-rc.1"
+    "vue-jest": "^5.0.0-alpha.7"
   },
   "dependencies": {
     "@css-render/plugin-bem": "^0.12.0",
@@ -128,7 +127,8 @@
     "vfonts": "^0.0.1",
     "vooks": "0.0.8",
     "vue": "^3.0.5",
-    "vueuc": "^0.1.2"
+    "vueuc": "^0.1.2",
+    "vue-router": "^4.0.3"
   },
   "husky": {
     "hooks": {

src/_mixins/use-hljs.ts

@@ -29,6 +29,6 @@ export default function useHljs (
     warn('code', 'hljs is not set.')
   }
   return computed(() => {
-    return props.hljs || NConfigProvider?.mergedHljs || vm.$naive.hljs
+    return props.hljs || NConfigProvider?.mergedHljs || vm?.$naive?.hljs
   })
 }

src/auto-complete/tests/AutoComplete.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NAutoComplete } from '../index'
+
+describe('n-auto-complete', () => {
+  it('should work with import on demand', () => {
+    mount(NAutoComplete)
+  })
+})

src/avatar/tests/Avatar.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NAvatar } from '../index'
+
+describe('n-avatar', () => {
+  it('should work with import on demand', () => {
+    mount(NAvatar)
+  })
+})

src/back-top/tests/BackTop.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NBackTop } from '../index'
+
+describe('n-back-top', () => {
+  it('should work with import on demand', () => {
+    mount(NBackTop)
+  })
+})

src/badge/tests/Badge.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NBadge } from '../index'
+
+describe('n-badge', () => {
+  it('should work with import on demand', () => {
+    mount(NBadge)
+  })
+})

src/breadcrumb/tests/Breadcrumb.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NBreadcrumb } from '../index'
+
+describe('n-breadcrumb', () => {
+  it('should work with import on demand', () => {
+    mount(NBreadcrumb)
+  })
+})

src/card/tests/Card.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NCard } from '../index'
+
+describe('n-card', () => {
+  it('should work with import on demand', () => {
+    mount(NCard)
+  })
+})

src/cascader/src/Cascader.tsx

@@ -56,7 +56,7 @@ export default defineComponent({
     },
     options: {
       type: Array as PropType<BaseOption[]>,
-      default: []
+      default: () => []
     },
     value: [String, Number, Array] as PropType<Value | null>,
     defaultValue: {

src/checkbox/tests/Checkbox.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NCheckbox } from '../index'
+
+describe('n-checkbox', () => {
+  it('should work with import on demand', () => {
+    mount(NCheckbox)
+  })
+})

src/code/tests/Code.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NCode } from '../index'
+
+describe('n-code', () => {
+  it('should work with import on demand', () => {
+    mount(NCode)
+  })
+})

src/collapse/tests/Collapse.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NCollapse } from '../index'
+
+describe('n-collapse', () => {
+  it('should work with import on demand', () => {
+    mount(NCollapse)
+  })
+})

src/config-consumer/tests/ConfigConsumer.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NConfigConsumer } from '../index'
+
+describe('n-config-consumer', () => {
+  it('should work with import on demand', () => {
+    mount(NConfigConsumer)
+  })
+})

src/config-provider/tests/ConfigProvider.spec.ts

@@ -0,0 +1,8 @@
+import { mount } from '@vue/test-utils'
+import { NConfigProvider } from '../index'
+
+describe('n-config-provider', () => {
+  it('should work with import on demand', () => {
+    mount(NConfigProvider)
+  })
+})

src/data-table/demos/enUS/index.demo-entry.md

@@ -36,7 +36,7 @@ custom-filter-menu
 | bordered | `boolean` | `true` |  |
 | bottom-bordered | `boolean` | `true` |  |
 | checked-row-keys | `Array<string \| number>` | `undefined` | The keys of checked rows. |
-| columns | `Array<Column>` | required | Columns to display. |
+| columns | `Array<Column>` | `[]` | Columns to display. |
 | data | `Array<Object>` | `[]` | Data to display. |
 | default-checked-row-keys | `Array<string \| number>` | `[]` |  |
 | loading | `boolean` | `false` |  |

src/data-table/demos/zhCN/index.demo-entry.md

@@ -36,7 +36,7 @@ custom-filter-menu
 | bordered | `boolean` | `true` |  |
 | bottom-bordered | `boolean` | `true` |  |
 | checked-row-keys | `Array<string \| number>` | `undefined` | 被选中的列的 key |
-| columns | `Array<Column>` |  | 需要展示的列，**必需** |
+| columns | `Array<Column>` | `[]` | 需要展示的列 |
 | data | `Array<Object>` | `[]` | 需要展示的数据 |
 | default-checked-row-keys | `Array<string \| number>` | `[]` |  |
 | loading | `boolean` | `false` |  |

src/data-table/src/DataTable.tsx

@@ -48,7 +48,7 @@ export const dataTableProps = {
   maxHeight: Number,
   columns: {
     type: Array as PropType<Array<TableColumnInfo | SelectionColInfo>>,
-    required: true
+    default: () => []
   },
   data: {
     type: Array as PropType<TableNode[]>,