test: add scaffold for all components

scripts/read-components.js

@@ -19,6 +19,7 @@ const _ = require('lodash')
 
 async function generateImportOnDemandTest (name) {
   const styleVarName = `${_.camelCase(name)}Light`
+  const testFileName = `${_.upperFirst(_.camelCase(name))}.spec.js`
   const compVarName = `N${_.upperFirst(_.camelCase(name))}`
   const script = `import { mount } from '@vue/test-utils'
 import create from '../../create'
@@ -50,5 +51,5 @@ describe('n-${name}', () => {
   } else {
     await fs.mkdir(path.resolve(__dirname, '../src/', name, 'tests'))
   }
-  await fs.writeFile(path.resolve(__dirname, '../src/', name, 'tests', 'index.spec.js'), script)
+  await fs.writeFile(path.resolve(__dirname, '../src/', name, 'tests', testFileName), script)
 }

src/anchor/tests/Anchor.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { anchorLight } from '../styles'
+import { NAnchor } from '../index'
+
+describe('n-anchor', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      anchorLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NAnchor, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

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

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { autoCompleteLight } from '../styles'
+import { NAutoComplete } from '../index'
+
+describe('n-auto-complete', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      autoCompleteLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NAutoComplete, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/avatar/tests/Avatar.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { avatarLight } from '../styles'
+import { NAvatar } from '../index'
+
+describe('n-avatar', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      avatarLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NAvatar, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

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

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { backTopLight } from '../styles'
+import { NBackTop } from '../index'
+
+describe('n-back-top', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      backTopLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NBackTop, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/badge/tests/Badge.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { badgeLight } from '../styles'
+import { NBadge } from '../index'
+
+describe('n-badge', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      badgeLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NBadge, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/breadcrumb/tests/Breadcrumb.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { breadcrumbLight } from '../styles'
+import { NBreadcrumb } from '../index'
+
+describe('n-breadcrumb', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      breadcrumbLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NBreadcrumb, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/button-group/tests/ButtonGroup.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { buttonGroupLight } from '../styles'
+import { NButtonGroup } from '../index'
+
+describe('n-button-group', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      buttonGroupLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NButtonGroup, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/button/tests/Button.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { buttonLight } from '../styles'
+import { NButton } from '../index'
+
+describe('n-button', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      buttonLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NButton, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/card/tests/Card.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { cardLight } from '../styles'
+import { NCard } from '../index'
+
+describe('n-card', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      cardLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NCard, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/cascader/tests/Cascader.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { cascaderLight } from '../styles'
+import { NCascader } from '../index'
+
+describe('n-cascader', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      cascaderLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NCascader, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/checkbox/tests/Checkbox.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { checkboxLight } from '../styles'
+import { NCheckbox } from '../index'
+
+describe('n-checkbox', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      checkboxLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NCheckbox, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/code/tests/Code.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { codeLight } from '../styles'
+import { NCode } from '../index'
+
+describe('n-code', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      codeLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NCode, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/collapse/tests/Collapse.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { collapseLight } from '../styles'
+import { NCollapse } from '../index'
+
+describe('n-collapse', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      collapseLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NCollapse, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

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

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { configConsumerLight } from '../styles'
+import { NConfigConsumer } from '../index'
+
+describe('n-config-consumer', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      configConsumerLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NConfigConsumer, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

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

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { configProviderLight } from '../styles'
+import { NConfigProvider } from '../index'
+
+describe('n-config-provider', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      configProviderLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NConfigProvider, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/data-table/tests/DataTable.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { dataTableLight } from '../styles'
+import { NDataTable } from '../index'
+
+describe('n-data-table', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      dataTableLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NDataTable, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/date-picker/tests/DatePicker.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { datePickerLight } from '../styles'
+import { NDatePicker } from '../index'
+
+describe('n-date-picker', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      datePickerLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NDatePicker, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/descriptions/tests/Descriptions.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { descriptionsLight } from '../styles'
+import { NDescriptions } from '../index'
+
+describe('n-descriptions', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      descriptionsLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NDescriptions, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/dialog/tests/Dialog.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { dialogLight } from '../styles'
+import { NDialog } from '../index'
+
+describe('n-dialog', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      dialogLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NDialog, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/divider/tests/Divider.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { dividerLight } from '../styles'
+import { NDivider } from '../index'
+
+describe('n-divider', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      dividerLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NDivider, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/drawer/tests/Drawer.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { drawerLight } from '../styles'
+import { NDrawer } from '../index'
+
+describe('n-drawer', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      drawerLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NDrawer, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/dropdown/tests/Dropdown.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { dropdownLight } from '../styles'
+import { NDropdown } from '../index'
+
+describe('n-dropdown', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      dropdownLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NDropdown, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/dynamic-input/tests/DynamicInput.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { dynamicInputLight } from '../styles'
+import { NDynamicInput } from '../index'
+
+describe('n-dynamic-input', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      dynamicInputLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NDynamicInput, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/dynamic-tags/tests/DynamicTags.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { dynamicTagsLight } from '../styles'
+import { NDynamicTags } from '../index'
+
+describe('n-dynamic-tags', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      dynamicTagsLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NDynamicTags, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/element/tests/Element.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { elementLight } from '../styles'
+import { NElement } from '../index'
+
+describe('n-element', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      elementLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NElement, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/empty/tests/Empty.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { emptyLight } from '../styles'
+import { NEmpty } from '../index'
+
+describe('n-empty', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      emptyLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NEmpty, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/form/tests/Form.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { formLight } from '../styles'
+import { NForm } from '../index'
+
+describe('n-form', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      formLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NForm, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/gradient-text/tests/GradientText.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { gradientTextLight } from '../styles'
+import { NGradientText } from '../index'
+
+describe('n-gradient-text', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      gradientTextLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NGradientText, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/grid/tests/Grid.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { gridLight } from '../styles'
+import { NGrid } from '../index'
+
+describe('n-grid', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      gridLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NGrid, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/icon/tests/Icon.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { iconLight } from '../styles'
+import { NIcon } from '../index'
+
+describe('n-icon', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      iconLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NIcon, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/input-group-label/tests/InputGroupLabel.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { inputGroupLabelLight } from '../styles'
+import { NInputGroupLabel } from '../index'
+
+describe('n-input-group-label', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      inputGroupLabelLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NInputGroupLabel, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/input-group/tests/InputGroup.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { inputGroupLight } from '../styles'
+import { NInputGroup } from '../index'
+
+describe('n-input-group', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      inputGroupLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NInputGroup, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/input-number/tests/InputNumber.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { inputNumberLight } from '../styles'
+import { NInputNumber } from '../index'
+
+describe('n-input-number', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      inputNumberLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NInputNumber, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/input/tests/Input.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { inputLight } from '../styles'
+import { NInput } from '../index'
+
+describe('n-input', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      inputLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NInput, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/layout/tests/Layout.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { layoutLight } from '../styles'
+import { NLayout } from '../index'
+
+describe('n-layout', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      layoutLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NLayout, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/list/tests/List.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { listLight } from '../styles'
+import { NList } from '../index'
+
+describe('n-list', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      listLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NList, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/loading-bar/tests/LoadingBar.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { loadingBarLight } from '../styles'
+import { NLoadingBar } from '../index'
+
+describe('n-loading-bar', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      loadingBarLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NLoadingBar, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/log/tests/Log.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { logLight } from '../styles'
+import { NLog } from '../index'
+
+describe('n-log', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      logLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NLog, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/menu/tests/Menu.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { menuLight } from '../styles'
+import { NMenu } from '../index'
+
+describe('n-menu', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      menuLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NMenu, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/message/tests/Message.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { messageLight } from '../styles'
+import { NMessage } from '../index'
+
+describe('n-message', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      messageLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NMessage, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/modal/tests/Modal.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { modalLight } from '../styles'
+import { NModal } from '../index'
+
+describe('n-modal', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      modalLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NModal, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/notification/tests/Notification.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { notificationLight } from '../styles'
+import { NNotification } from '../index'
+
+describe('n-notification', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      notificationLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NNotification, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/pagination/tests/Pagination.spec.js

@@ -1,8 +1,8 @@
 import { mount } from '@vue/test-utils'
 import create from '../../create'
 import { enUS } from '../../locales'
-import { NPagination } from '../index'
 import { paginationLight } from '../styles'
+import { NPagination } from '../index'
 
 describe('n-pagination', () => {
   const naive = create({
@@ -13,22 +13,11 @@ describe('n-pagination', () => {
       paginationLight
     ]
   })
-  describe('props.page', () => {
-    it('should work', () => {
-      const wrapper = mount(NPagination, {
-        props: {
-          page: 5,
-          pageCount: 10
-        },
-        global: {
-          plugins: [naive]
-        }
-      })
-      expect(
-        wrapper
-          .find('.n-pagination-item--active')
-          .text()
-      ).toEqual('5')
+  it('should work with import on demand', () => {
+    mount(NPagination, {
+      global: {
+        plugins: [naive]
+      }
     })
   })
 })

src/popconfirm/tests/Popconfirm.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { popconfirmLight } from '../styles'
+import { NPopconfirm } from '../index'
+
+describe('n-popconfirm', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      popconfirmLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NPopconfirm, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/popover/tests/Popover.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { popoverLight } from '../styles'
+import { NPopover } from '../index'
+
+describe('n-popover', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      popoverLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NPopover, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/popselect/tests/Popselect.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { popselectLight } from '../styles'
+import { NPopselect } from '../index'
+
+describe('n-popselect', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      popselectLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NPopselect, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/progress/tests/Progress.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { progressLight } from '../styles'
+import { NProgress } from '../index'
+
+describe('n-progress', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      progressLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NProgress, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/radio/tests/Radio.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { radioLight } from '../styles'
+import { NRadio } from '../index'
+
+describe('n-radio', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      radioLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NRadio, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/rate/tests/Rate.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { rateLight } from '../styles'
+import { NRate } from '../index'
+
+describe('n-rate', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      rateLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NRate, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/result/tests/Result.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { resultLight } from '../styles'
+import { NResult } from '../index'
+
+describe('n-result', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      resultLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NResult, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/scrollbar/tests/Scrollbar.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { scrollbarLight } from '../styles'
+import { NScrollbar } from '../index'
+
+describe('n-scrollbar', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      scrollbarLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NScrollbar, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/select/tests/Select.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { selectLight } from '../styles'
+import { NSelect } from '../index'
+
+describe('n-select', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      selectLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NSelect, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/slider/tests/Slider.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { sliderLight } from '../styles'
+import { NSlider } from '../index'
+
+describe('n-slider', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      sliderLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NSlider, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/space/tests/Space.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { spaceLight } from '../styles'
+import { NSpace } from '../index'
+
+describe('n-space', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      spaceLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NSpace, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/spin/tests/Spin.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { spinLight } from '../styles'
+import { NSpin } from '../index'
+
+describe('n-spin', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      spinLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NSpin, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/statistic/tests/Statistic.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { statisticLight } from '../styles'
+import { NStatistic } from '../index'
+
+describe('n-statistic', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      statisticLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NStatistic, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/steps/tests/Steps.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { stepsLight } from '../styles'
+import { NSteps } from '../index'
+
+describe('n-steps', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      stepsLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NSteps, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/switch/tests/Switch.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { switchLight } from '../styles'
+import { NSwitch } from '../index'
+
+describe('n-switch', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      switchLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NSwitch, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/table/tests/Table.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { tableLight } from '../styles'
+import { NTable } from '../index'
+
+describe('n-table', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      tableLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTable, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/tabs/tests/Tabs.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { tabsLight } from '../styles'
+import { NTabs } from '../index'
+
+describe('n-tabs', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      tabsLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTabs, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/tag/tests/Tag.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { tagLight } from '../styles'
+import { NTag } from '../index'
+
+describe('n-tag', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      tagLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTag, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/thing/tests/Thing.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { thingLight } from '../styles'
+import { NThing } from '../index'
+
+describe('n-thing', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      thingLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NThing, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/time-picker/tests/TimePicker.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { timePickerLight } from '../styles'
+import { NTimePicker } from '../index'
+
+describe('n-time-picker', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      timePickerLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTimePicker, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/time/tests/Time.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { timeLight } from '../styles'
+import { NTime } from '../index'
+
+describe('n-time', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      timeLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTime, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/timeline/tests/Timeline.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { timelineLight } from '../styles'
+import { NTimeline } from '../index'
+
+describe('n-timeline', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      timelineLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTimeline, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/tooltip/tests/Tooltip.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { tooltipLight } from '../styles'
+import { NTooltip } from '../index'
+
+describe('n-tooltip', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      tooltipLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTooltip, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/transfer/tests/Transfer.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { transferLight } from '../styles'
+import { NTransfer } from '../index'
+
+describe('n-transfer', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      transferLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTransfer, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/tree/tests/Tree.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { treeLight } from '../styles'
+import { NTree } from '../index'
+
+describe('n-tree', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      treeLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTree, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/typography/tests/Typography.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { typographyLight } from '../styles'
+import { NTypography } from '../index'
+
+describe('n-typography', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      typographyLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NTypography, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})

src/upload/tests/Upload.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import create from '../../create'
+import { enUS } from '../../locales'
+import { uploadLight } from '../styles'
+import { NUpload } from '../index'
+
+describe('n-upload', () => {
+  const naive = create({
+    locales: [
+      enUS
+    ],
+    styles: [
+      uploadLight
+    ]
+  })
+  it('should work with import on demand', () => {
+    mount(NUpload, {
+      global: {
+        plugins: [naive]
+      }
+    })
+  })
+})