feat: init vitest

package.json

@@ -22,7 +22,14 @@
     "prepare": "husky",
     "clear": "rimraf dist"
   },
-  "keywords": ["virtual list", "react", "vue", "vue2", "vanilla", "billion data"],
+  "keywords": [
+    "virtual list",
+    "react",
+    "vue",
+    "vue2",
+    "vanilla",
+    "billion data"
+  ],
   "author": "apathiaX",
   "license": "ISC",
   "devDependencies": {
@@ -55,7 +62,9 @@
     "tsconfig.dom.json": "link:@vue/tsconfig/tsconfig.dom.json",
     "typescript": "^5.5.4",
     "typescript-eslint": "^8.0.1",
-    "vite": "^5.4.8"
+    "vite": "^5.4.8",
+    "vitest": "^2.1.2",
+    "happy-dom": "^15.7.4"
   },
   "husky": {
     "hooks": {

packages/core/package.json

@@ -5,6 +5,7 @@
   "type": "module",
   "main": "src/index.ts",
   "scripts": {
+    "test": "vitest",
     "build": "npx ts-node build.ts",
     "start": "gulp --require @esbuild-kit/cjs-loader -f gulpfile.ts"
   },
@@ -14,10 +15,10 @@
   "author": "apathiaX",
   "license": "MIT",
   "devDependencies": {
-    "vite": "^5.4.8",
-    "vite-plugin-dts": "^4.2.2",
     "@esbuild-kit/cjs-loader": "^2.4.4",
-    "internal-utils": "workspace:^"
+    "internal-utils": "workspace:^",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.2"
   },
   "files": [
     "CHANGELOG.md",

packages/core/test/instance.spec.ts

@@ -0,0 +1,21 @@
+import { beforeEach, describe, expect, test } from 'vitest';
+import { BaseVirtualList } from '../src';
+
+describe('init', () => {
+  describe('with out clientEl', () => {
+    let ins: BaseVirtualList<any> | null = null;
+    beforeEach(() => {
+      const clientEl = document.createElement('div');
+      const bodyEl = document.createElement('div');
+      ins = new BaseVirtualList<any>({
+        clientEl,
+        bodyEl,
+        list: [],
+        itemKey: 'id',
+      });
+    });
+    test('with out clientEl', () => {
+      expect(ins).toBeInstanceOf(BaseVirtualList);
+    });
+  });
+});

packages/core/vitest.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vitest/config';
+export default defineConfig({
+  test: {
+    environment: 'happy-dom',
+  },
+});

packages/vanilla/index.ts

@@ -1,5 +1,5 @@
 import { BaseVirtualList, VirtualListEvent } from 'virtual-list-core';
-import { IVirtualListVanillaOptions } from './types';
+import type { IVirtualListVanillaOptions } from './types';
 import { VirtualListNode } from './node';
 
 export function createVirtualLst<T extends { id: string; text: string }>(

packages/vanilla/types.ts

@@ -1,4 +1,4 @@
-import { IVirtualListOptions } from 'virtual-list-core';
+import type { IVirtualListOptions } from 'virtual-list-core';
 
 export interface IVirtualListVanillaOptions<T> extends IVirtualListOptions<T> {
   containerClass?: string;