Merge pull request #4 from coderYarn/main

Update jest script

Author: coderYarn

README.md

@@ -4,14 +4,15 @@
   "description": "Unitify 是移动端组件库 Vant 的 Uniapp & Taro Vue3 版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。",
   "main": "index.js",
   "dependencies": {
-    "mime-types": "^2.1.35",
-    "typescript": "^4.6.3",
-    "multicast-dns-service-types": "^1.1.0",
-    "eslint-scope": "^4.0.3"
+    "typescript": "^4.6.3"
+  },
+  "devDependencies": {
+
   },
-  "devDependencies": {},
   "scripts": {
-    "develop": "pnpm dev -r"
+    "develop": "pnpm dev -r",
+    "lint": "eslint src/**/*.{js,vue,ts} --fix",
+    "lint:create": "eslint --init"
   },
   "repository": {
     "type": "git",

package.json

@@ -0,0 +1,3 @@
+{
+  "presets": [["@babel/preset-env", { "targets": { "node": "current" } }]]
+}

packages/core/.babelrc

@@ -0,0 +1,89 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  parser: "vue-eslint-parser",
+  globals: {
+    defineProps: "readonly",
+    defineEmits: "readonly",
+    defineExpose: "readonly",
+    withDefaults: "readonly",
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:vue/vue3-recommended",
+    "plugin:vue/essential",
+    "plugin:@typescript-eslint/recommended",
+  ],
+  parserOptions: {
+    ecmaVersion: "2018",
+    parser: "@typescript-eslint/parser",
+    sourceType: "module",
+  },
+  plugins: ["vue", "@typescript-eslint"],
+  rules: {
+    "vue/script-setup-uses-vars": "error",
+    indent: ["error", 2],
+    "linebreak-style": ["error", "windows"],
+    quotes: ["error", "single"],
+    semi: ["error", "never"],
+    "object-shorthand": ["error", "always"],
+    "array-bracket-spacing": [
+      "error",
+      "always",
+      {
+        objectsInArrays: false,
+        arraysInArrays: false,
+      },
+    ],
+    "array-callback-return": "error",
+    "arrow-spacing": "error",
+    "block-scoped-var": "error",
+    "block-spacing": "error",
+    "brace-style": ["error", "1tbs", { allowSingleLine: true }],
+    camelcase: "error",
+    "comma-spacing": ["error", { before: false, after: true }],
+    "comma-style": ["error", "last"],
+    "computed-property-spacing": ["error", "never"],
+    "consistent-this": ["error", "that"],
+    "constructor-super": "error",
+    curly: "error",
+    "default-case": "error",
+    "dot-location": ["error", "property"],
+    "dot-notation": "error",
+    "eol-last": ["error", "always"],
+    eqeqeq: ["error", "always"],
+    "for-direction": "warn",
+    "func-call-spacing": ["error", "never"],
+    "func-names": ["warn", "as-needed"],
+    "function-paren-newline": ["error", { minItems: 4 }],
+    "getter-return": ["error", { allowImplicit: true }],
+    "guard-for-in": "warn",
+    "implicit-arrow-linebreak": ["warn", "beside"],
+    "jsx-quotes": ["error", "prefer-single"],
+    "key-spacing": [
+      "error",
+      {
+        beforeColon: false,
+        align: "colon",
+      },
+    ],
+    "keyword-spacing": [
+      "error",
+      {
+        before: true,
+        after: true,
+      },
+    ],
+    "lines-around-comment": ["warn", { beforeBlockComment: true }],
+    "new-cap": "warn",
+    "no-await-in-loop": "error",
+    "no-buffer-constructor": "error",
+    "no-cond-assign": "error",
+    "no-empty": "warn",
+    "no-constant-condition": "warn",
+    "vue/no-multiple-template-root": "off",
+    parser: "vue-eslint-parser",
+  },
+};

packages/core/.eslintrc.js

@@ -0,0 +1,17 @@
+{
+  "0 debug pnpm:scope": {
+    "selected": 1,
+    "workspacePrefix": "D:\\web\\vue\\unitify"
+  },
+  "1 error pnpm": {
+    "fileName": "D:\\web\\vue\\unitify\\packages\\core\\package.json",
+    "codeFrame": "\u001b[0m \u001b[90m  5 |\u001b[39m   \u001b[32m\"scripts\"\u001b[39m\u001b[33m:\u001b[39m {\u001b[0m\n\u001b[0m \u001b[90m  6 |\u001b[39m     \u001b[32m\"jest\"\u001b[39m\u001b[33m:\u001b[39m \u001b[32m\"jest  --watch\"\u001b[39m\u001b[33m,\u001b[39m\u001b[0m\n\u001b[0m\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m  7 |\u001b[39m   }\u001b[33m,\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m    |\u001b[39m   \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m  8 |\u001b[39m   \u001b[32m\"keywords\"\u001b[39m\u001b[33m:\u001b[39m [\u001b[0m\n\u001b[0m \u001b[90m  9 |\u001b[39m     \u001b[32m\"unitify\"\u001b[39m\u001b[33m,\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m 10 |\u001b[39m     \u001b[32m\"unitify-ui\"\u001b[39m\u001b[33m,\u001b[39m\u001b[0m",
+    "code": "ERR_PNPM_JSON_PARSE",
+    "err": {
+      "name": "pnpm",
+      "message": "Unexpected token \"}\" (0x7D) in JSON at position 125 while parsing near \"...\\\"jest  --watch\\\",\\r\\n  },\\r\\n  \\\"keywords\\\": [\\r...\" in D:\\web\\vue\\unitify\\packages\\core\\package.json \n\n\u001b[0m \u001b[90m  5 |\u001b[39m   \u001b[32m\"scripts\"\u001b[39m\u001b[33m:\u001b[39m {\u001b[0m\n\u001b[0m \u001b[90m  6 |\u001b[39m     \u001b[32m\"jest\"\u001b[39m\u001b[33m:\u001b[39m \u001b[32m\"jest  --watch\"\u001b[39m\u001b[33m,\u001b[39m\u001b[0m\n\u001b[0m\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m  7 |\u001b[39m   }\u001b[33m,\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m    |\u001b[39m   \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m  8 |\u001b[39m   \u001b[32m\"keywords\"\u001b[39m\u001b[33m:\u001b[39m [\u001b[0m\n\u001b[0m \u001b[90m  9 |\u001b[39m     \u001b[32m\"unitify\"\u001b[39m\u001b[33m,\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m 10 |\u001b[39m     \u001b[32m\"unitify-ui\"\u001b[39m\u001b[33m,\u001b[39m\u001b[0m\n",
+      "code": "ERR_PNPM_JSON_PARSE",
+      "stack": "pnpm: Unexpected token \"}\" (0x7D) in JSON at position 125 while parsing near \"...\\\"jest  --watch\\\",\\r\\n  },\\r\\n  \\\"keywords\\\": [\\r...\" in D:\\web\\vue\\unitify\\packages\\core\\package.json \n\n\u001b[0m \u001b[90m  5 |\u001b[39m   \u001b[32m\"scripts\"\u001b[39m\u001b[33m:\u001b[39m {\u001b[0m\n\u001b[0m \u001b[90m  6 |\u001b[39m     \u001b[32m\"jest\"\u001b[39m\u001b[33m:\u001b[39m \u001b[32m\"jest  --watch\"\u001b[39m\u001b[33m,\u001b[39m\u001b[0m\n\u001b[0m\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m  7 |\u001b[39m   }\u001b[33m,\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m    |\u001b[39m   \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m  8 |\u001b[39m   \u001b[32m\"keywords\"\u001b[39m\u001b[33m:\u001b[39m [\u001b[0m\n\u001b[0m \u001b[90m  9 |\u001b[39m     \u001b[32m\"unitify\"\u001b[39m\u001b[33m,\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m 10 |\u001b[39m     \u001b[32m\"unitify-ui\"\u001b[39m\u001b[33m,\u001b[39m\u001b[0m\n\n    at parseJson (C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:3133:27)\n    at readJsonFile (C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:19780:42)\n    at async tryReadProjectManifest (C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:19841:32)\n    at async readProjectManifest (C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:19826:23)\n    at async Object.readProjectManifestOnly (C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:19834:28)\n    at async readProjectManifestOnly (C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:43827:24)\n    at async Object.handler (C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:178338:24)\n    at async C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:182614:21\n    at async run (C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:182588:34)\n    at async runPnpm (C:\\Users\\coder\\AppData\\Roaming\\npm\\pnpm-global\\5\\node_modules\\.pnpm\\[email protected]\\node_modules\\pnpm\\dist\\pnpm.cjs:182807:5)"
+    }
+  }
+}

packages/core/.pnpm-debug.log

@@ -0,0 +1,8 @@
+module.exports = {
+   "presets": [
+     ["@babel/preset-env"],
+     "@babel/preset-typescript"
+   ],
+   "plugins": ["@babel/plugin-transform-runtime"]
+ }
+ 

packages/core/README.md

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

packages/core/babel.config.js

@@ -1,12 +1,12 @@
 import { App } from "vue";
-import { Button } from "./components/button";
-import Avatar from "./components/avatar/avatar.vue";
-import { Icon } from "./components/icon";
-import { Tab, Tabs } from "./components/tabs";
-import { Swiper, SwiperItem } from "./components/swiper";
-import { FlexItem, Flex } from "./components/flex";
-import { Image } from "./components/image";
-import { Cell ,CellGroup} from "./components/cell";
+import { Button } from "./src/components/button";
+import Avatar from "./src/components/avatar/avatar.vue";
+import { Icon } from "./src/components/icon";
+import { Tab, Tabs } from "./src/components/tabs";
+import { Swiper, SwiperItem } from "./src/components/swiper";
+import { FlexItem, Flex } from "./src/components/flex";
+import { Image } from "./src/components/image";
+import { Cell, CellGroup } from "./src/components/cell";
 // 所有组件列表
 const components = [
   Button,
@@ -20,7 +20,7 @@ const components = [
   Flex,
   Image,
   Cell,
-  CellGroup
+  CellGroup,
 ];
 
 // 定义 install 方法， App 作为参数
@@ -41,7 +41,7 @@ export {
   Flex,
   Image,
   Cell,
-  CellGroup
+  CellGroup,
 };
 
 export default {

packages/core/index.html

@@ -0,0 +1,33 @@
+const path = require("path");
+
+module.exports = {
+  rootDir: path.resolve(__dirname),
+  clearMocks: true,
+  coverageDirectory: "coverage",
+  coverageProvider: "v8",
+  moduleFileExtensions: ["vue", "js", "json", "jsx", "ts", "tsx", "node"],
+  // 别名设置
+  moduleNameMapper: {
+    "@/(.*)$": "<rootDir>/src/components/$1",
+  },
+  preset: "ts-jest",
+  testEnvironment: "jsdom",
+  // 测试文件
+  testMatch: ["<rootDir>/src/components/**/__tests__/**/*.spec.(ts|tsx|js)"],
+  testPathIgnorePatterns: ["/node_modules/"],
+  moduleFileExtensions: ["js", "json", "ts", "tsx"],
+
+  transform: {
+    "^.+\\.vue$": "vue-jest",
+    "^.+\\.(ts|tsx|js|jsx)$": [
+      "babel-jest",
+      {
+        presets: [
+          ["@babel/preset-env", { targets: { node: "current" } }],
+          ["@babel/preset-typescript"],
+        ],
+        plugins: ["@vue/babel-plugin-jsx"],
+      },
+    ],
+  },
+};

packages/core/index.ts

@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')

packages/core/jest.config.js

@@ -1,15 +1,37 @@
 {
-  "name": "@unitify/~core",
-  "version": "0.1.0",
-  "description": "",
-  "scripts": {},
-  "keywords": [
-    "unitify",
-    "unitify-ui",
-    "ui",
-    "uni-app"
-
-  ],
-  "author": "",
-  "license": "MIT"
-}
+  "name": "@unitify/core",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "lint": "eslint src/**/*.{js,vue,ts} --fix",
+    "lint:create": "eslint --init",
+    "test": "jest"
+  },
+  "dependencies": {
+    "vue": "^3.2.25"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.17.9",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-typescript": "^7.16.7",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@types/jest": "^27.4.1",
+    "@typescript-eslint/eslint-plugin": "^5.20.0",
+    "@typescript-eslint/parser": "^5.20.0",
+    "@vitejs/plugin-vue": "^2.3.1",
+    "@vue/babel-plugin-jsx": "^1.1.1",
+    "@vue/test-utils": "^2.0.0-rc.18",
+    "babel-jest": "26.0.0",
+    "eslint": "^8.13.0",
+    "eslint-plugin-vue": "^8.7.1",
+    "jest": "26.0.0",
+    "ts-jest": "26.4.4",
+    "typescript": "^4.5.4",
+    "vite": "^2.9.5",
+    "vue-jest": "^5.0.0-alpha.10",
+    "vue-tsc": "^0.34.7"
+  }
+}

packages/core/main.ts

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+// This starter template is using Vue 3 <script setup> SFCs
+// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <img alt="Vue logo" src="./assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+</template>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

packages/core/package.json

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <h1>{{ msg }}</h1>
+  </div>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'HelloWorld',
+  data() {
+    return {
+      msg: 'Hello Jest',
+    };
+  },
+};
+</script>

packages/core/src/App.vue

@@ -0,0 +1,17 @@
+import { mount } from "@vue/test-utils";
+import Hello from "../helloWorld.vue";
+
+it('content', () => {
+    const Comp = {
+        template: `<div><Hello /></div>`
+    }
+    const wrapper = mount(Comp, {
+        global: {
+            components: {
+                Hello
+            }
+        }
+    })
+    // 最简单的测试用例查看是否包含Hello Jest文字。
+    expect(wrapper.findComponent({ name: 'HelloWorld' }).text()).toContain('Hello Jest')
+})

packages/core/components/avatar/avatar.vue packages/core/src/components/avatar/avatar.vue

@@ -0,0 +1 @@
+export const add = (a: number, b: number) => a + b