Merge pull request #20 from tidbcloud/feat/unit-test

Feat/unit test

babel.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    '@babel/preset-env',
+    '@babel/preset-react',
+    '@babel/preset-typescript'
+  ]
+}

jest.config.js

@@ -0,0 +1,8 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(ts|tsx)?$': 'babel-jest',
+    '^.+\\.(js|jsx)$': 'babel-jest'
+  }
+}

package.json

@@ -8,6 +8,7 @@
     "prepare": "husky",
     "dev": "pnpm -r --parallel dev",
     "build": "pnpm -r build",
+    "test": "jest",
     "release": "changeset publish"
   },
   "keywords": [
@@ -18,10 +19,22 @@
   "author": "",
   "license": "MIT",
   "devDependencies": {
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
     "@changesets/cli": "^2.27.5",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "babel-jest": "^29.7.0",
     "concurrently": "^8.2.2",
     "eslint": "^9.4.0",
     "husky": "^9.0.11",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.5",
     "prettier": "^3.3.1"
   },

packages/core/src/test/instance.test.ts

@@ -0,0 +1,17 @@
+import { createSQLEditorInstance } from '../editor-instance'
+
+function sum(a: number, b: number) {
+  return a + b
+}
+
+test('adds 1 + 2 to equal 3', () => {
+  expect(sum(1, 2)).toBe(3)
+})
+
+test('create instance successfully', () => {
+  const instance = createSQLEditorInstance({
+    editorId: '111',
+    doc: '222'
+  })
+  expect(instance.editorId).toBe('111')
+})

packages/react/src/test/react-component.test.tsx

@@ -0,0 +1,14 @@
+import { render, screen } from '@testing-library/react'
+// import SQLEditor from '../sql-editor'
+import '@testing-library/jest-dom'
+// @ts-ignore
+import React from 'react'
+
+const Example = () => {
+  return <input></input>
+}
+
+test('test with react-testing-library', () => {
+  render(<Example />)
+  expect(screen.getByRole('textbox')).toBeEnabled()
+})