新增测试 (#380)

* feat: 新增测试

* chore: 更新版本

* feat(test): 解决window is not defined bug

* refactor(test): 将单测移动到core目录下

* refactor(test): 卸载不必要的依赖

Author: AliceLanniste

package.json

@@ -14,7 +14,8 @@
     "build:staging": "vite build --mode=staging",
     "preview": "pnpm build && vite preview",
     "preview:staging": "pnpm build:staging && vite preview --mode=staging",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "test": "pnpm -C packages/core test"
   },
   "dependencies": {
     "@kuaitu/core": "workspace:^",
@@ -23,7 +24,7 @@
     "color-gradient-picker-vue3": "^2.0.7",
     "dayjs": "^1.11.11",
     "events": "^3.3.0",
-    "fabric": "^5.2.1",
+    "fabric": "^5.3.0",
     "fontfaceobserver": "^2.1.0",
     "lodash-es": "^4.17.21",
     "number-precision": "^1.6.0",

packages/core/__tests__/editor/basic.spec.ts

@@ -0,0 +1,12 @@
+import { beforeEach, expect, test } from 'vitest';
+import { createEditor } from '../utils/setup.ts';
+
+const { cleanUp } = createEditor();
+
+beforeEach(() => {
+  return cleanUp;
+});
+
+test('basic', () => {
+  expect(window.editor).toBeDefined();
+});

packages/core/__tests__/env.d.ts

@@ -0,0 +1,7 @@
+import Editor from '../Editor';
+
+declare global {
+  interface Window {
+    editor: Editor;
+  }
+}

packages/core/__tests__/utils/setup.ts

@@ -0,0 +1,21 @@
+import Editor from '../../Editor.ts';
+import { fabric } from 'fabric';
+
+export function createEditor() {
+  const editor = new Editor();
+  const canvasElement = document.createElement('canvas');
+  canvasElement.id = 'canvas';
+  const canvas = new fabric.Canvas('canvas', {
+    fireRightClick: true,
+    stopContextMenu: true,
+    controlsAboveOverlay: true,
+    imageSmoothingEnabled: false,
+    preserveObjectStacking: true,
+  });
+  editor.init(canvas);
+  window.editor = editor;
+
+  return {
+    cleanUp: editor.destory(),
+  };
+}

packages/core/package.json

@@ -4,7 +4,8 @@
   "description": "",
   "main": "index.ts",
   "scripts": {
-    "build": "vite build"
+    "build": "vite build",
+    "test": "vitest"
   },
   "dependencies": {
     "events": "^3.3.0",
@@ -17,5 +18,10 @@
   },
   "keywords": [],
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "devDependencies": {
+    "@types/jsdom": "^21.1.6",
+    "jsdom": "^24.0.0",
+    "vitest": "^1.6.0"
+  }
 }

packages/core/vitest.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig((_configEnv) =>
+  defineConfig({
+    esbuild: { target: 'es2022' },
+    optimizeDeps: {
+      force: true,
+      esbuildOptions: {
+        target: 'es2022',
+      },
+    },
+    test: {
+      include: ['./__tests__/**/*.spec.ts'],
+
+      deps: {
+        interopDefault: true,
+      },
+      environment: 'jsdom',
+    },
+  })
+);

typings/env.d.ts

@@ -28,3 +28,11 @@ declare module 'vfe' {
     editor: Editor;
   }
 }
+
+import Editor from '@kuaitu/core';
+
+declare global {
+  interface Window {
+    editor: Editor;
+  }
+}