add unit test framework

.eslintrc.js

@@ -6,7 +6,8 @@ module.exports = {
   },
   extends: 'standard',
   plugins: [
-    'html'
+    'html',
+    'jest'
   ],
   'globals': {
     'wx': false,
@@ -22,6 +23,9 @@ module.exports = {
   },
   rules: {
     'no-cond-assign': 0,
-    "camelcase": ['error', {'allow': ['__mpx_mode__', '__swan_exports_map__']}]
+    'camelcase': ['error', {'allow': ['__mpx_mode__', '__swan_exports_map__']}]
+  },
+  env: {
+    'jest/globals': true
   }
 }

.travis.yml

@@ -3,9 +3,10 @@ node_js:
   - 11.3.0
 install:
   - npm i
-  - lerna bootstrap --ignore-prepublish
+  - lerna bootstrap --ignore-prepublish --no-ci
 script:
   - npm run lint
+  - npm t
 before_deploy:
   - cd docs
   - npx gitbook-cli install

package.json

@@ -4,7 +4,8 @@
   "scripts": {
     "lerna:publish": "lerna publish from-package --yes",
     "lint": "eslint --ext .js packages/",
-    "fix": "eslint --fix --ext .js packages/"
+    "fix": "eslint --fix --ext .js packages/",
+    "test": "jest"
   },
   "devDependencies": {
     "babel-eslint": "^10.0.1",
@@ -14,11 +15,13 @@
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-plugin-html": "^5.0.0",
     "eslint-plugin-import": "^2.14.0",
+    "eslint-plugin-jest": "^22.5.1",
     "eslint-plugin-local-rules": "^0.1.0",
     "eslint-plugin-node": "^8.0.0",
     "eslint-plugin-prettier": "^2.6.2",
     "eslint-plugin-promise": "^4.0.1",
     "eslint-plugin-standard": "^4.0.0",
+    "jest": "^24.8.0",
     "lerna": "^3.4.3"
   }
 }

packages/core/src/helper/utils.js

@@ -33,7 +33,7 @@ export function aliasReplace (options = {}, alias, target) {
 
 export function findItem (arr = [], key) {
   for (const item of arr) {
-    if (type(key) === 'RegExp' && key.test(item) || item === key) {
+    if ((type(key) === 'RegExp' && key.test(item)) || item === key) {
       return true
     }
   }

packages/core/src/platform/patch/wx/getDefaultOptions.js

@@ -53,6 +53,7 @@ function transformApiForProxy (context, currentInject) {
               // mounted 之后才监听updated
               callback = (...rest) => {
                 this.$mpxProxy.updated()
+                // eslint-disable-next-line standard/no-callback-literal
                 typeof cb === 'function' && cb(...rest)
               }
             }

packages/webpack-plugin/lib/platform/template/wx/component-config/button.js

@@ -10,6 +10,9 @@ module.exports = function ({ print }) {
   const qqPropLog = print({ platform: 'qq', tag: TAG_NAME, isError: false })
   const qqEventLog = print({ platform: 'qq', tag: TAG_NAME, isError: false, type: 'event' })
   const qqValueLogError = print({ platform: 'qq', tag: TAG_NAME, isError: true, type: 'value' })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
+  const ttValueLogError = print({ platform: 'bytedance', tag: TAG_NAME, isError: true, type: 'value' })
+  const ttEventLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false, type: 'event' })
 
   return {
     test: TAG_NAME,
@@ -45,6 +48,12 @@ module.exports = function ({ print }) {
           if (supportList.indexOf(value) === -1) {
             qqValueLogError({ name, value })
           }
+        },
+        tt ({ name, value }) {
+          let supportList = ['share']
+          if (supportList.indexOf(value) === -1) {
+            ttValueLogError({ name, value })
+          }
         }
       },
       {
@@ -59,6 +68,10 @@ module.exports = function ({ print }) {
       {
         test: /^(session-from|send-message-title|send-message-path|send-message-img|show-message-card)$/,
         qq: qqPropLog
+      },
+      {
+        test: /^(plain|lang|session-from|send-message-title|send-message-path|send-message-img|app-parameter|show-message-card)$/,
+        tt: ttPropLog
       }
     ],
     event: [
@@ -79,6 +92,10 @@ module.exports = function ({ print }) {
       {
         test: /^(contact)$/,
         qq: qqEventLog
+      },
+      {
+        test: /^(getuserinfo|contact|getphonenumbe|error|launchapp|opensetting)$/,
+        tt: ttEventLog
       }
     ]
   }

packages/webpack-plugin/lib/platform/template/wx/component-config/canvas.js

@@ -2,6 +2,7 @@ const TAG_NAME = 'canvas'
 
 module.exports = function ({ print }) {
   const aliEventLog = print({ platform: 'ali', tag: TAG_NAME, isError: false, type: 'event' })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
   return {
     test: TAG_NAME,
     props: [
@@ -13,6 +14,10 @@ module.exports = function ({ print }) {
             value
           }
         }
+      },
+      {
+        test: 'disable-scroll',
+        tt: ttPropLog
       }
     ],
     // 组件事件中的差异部分

packages/webpack-plugin/lib/platform/template/wx/component-config/form.js

@@ -4,6 +4,7 @@ module.exports = function ({ print }) {
   const aliPropLog = print({ platform: 'ali', tag: TAG_NAME, isError: false })
   const baiduPropLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false })
   const qqPropLog = print({ platform: 'qq', tag: TAG_NAME, isError: false })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
 
   return {
     test: TAG_NAME,
@@ -13,6 +14,10 @@ module.exports = function ({ print }) {
         ali: aliPropLog,
         swan: baiduPropLog,
         qq: qqPropLog
+      },
+      {
+        test: /^(report-submit|report-submit-timeout)$/,
+        tt: ttPropLog
       }
     ],
     event: [

packages/webpack-plugin/lib/platform/template/wx/component-config/image.js

@@ -1,8 +1,22 @@
 const TAG_NAME = 'image'
 
 module.exports = function ({ print }) {
+  const aliPropLog = print({ platform: 'ali', tag: TAG_NAME, isError: false })
+  const baiduPropLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false })
+  const qqPropLog = print({ platform: 'qq', tag: TAG_NAME, isError: false })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
+
   return {
     test: TAG_NAME,
+    props: [
+      {
+        test: /^show-menu-by-longpress$/,
+        ali: aliPropLog,
+        swan: baiduPropLog,
+        qq: qqPropLog,
+        tt: ttPropLog
+      }
+    ],
     event: [
       {
         test: /^(error|load)$/,

packages/webpack-plugin/lib/platform/template/wx/component-config/index.js

@@ -46,6 +46,11 @@ module.exports = function getComponentConfigs ({ warn, error }) {
       case 'value':
         msg = `<${tag}>'s property '${arg && arg.name}' does not support '[${arg && arg.value}]' value in ${platform} environment!`
         break
+      case 'tagRequiredProps':
+        msg = `<${tag}> should have '${arg}' attr in ali environment!`
+        break
+      default:
+        msg = `<${tag}>'s transform has some error happened!`
     }
     isError ? error(msg) : warn(msg)
   }
@@ -76,6 +81,6 @@ module.exports = function getComponentConfigs ({ warn, error }) {
     image({ print }),
     map({ print }),
     canvas({ print }),
-    wxs()
+    wxs({ print })
   ]
 }

packages/webpack-plugin/lib/platform/template/wx/component-config/input.js

@@ -4,6 +4,7 @@ module.exports = function ({ print }) {
   const aliPropLog = print({ platform: 'ali', tag: TAG_NAME, isError: false })
   const aliEventLog = print({ platform: 'ali', tag: TAG_NAME, isError: false, type: 'event' })
   const baiduPropLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
 
   return {
     test: TAG_NAME,
@@ -15,6 +16,10 @@ module.exports = function ({ print }) {
       {
         test: /^(auto-focus)$/,
         swan: baiduPropLog
+      },
+      {
+        test: /^(placeholder-class|auto-focus|confirm-type|confirm-hold|adjust-position)$/,
+        tt: ttPropLog
       }
     ],
     event: [

packages/webpack-plugin/lib/platform/template/wx/component-config/navigator.js

@@ -5,6 +5,8 @@ module.exports = function ({ print }) {
   const aliPropLog = print({ platform: 'ali', tag: TAG_NAME, isError: false })
   const aliPropLogError = print({ platform: 'ali', tag: TAG_NAME, isError: true })
   const aliEventLog = print({ platform: 'ali', tag: TAG_NAME, isError: false, type: 'event' })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
+  const ttEventLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false, type: 'event' })
 
   return {
     test: TAG_NAME,
@@ -25,12 +27,17 @@ module.exports = function ({ print }) {
       {
         test: /^(hover-stop-propagation)$/,
         ali: aliPropLog
+      },
+      {
+        test: /^(target|app-id|path|extra-data|version)$/,
+        tt: ttPropLog
       }
     ],
     event: [
       {
         test: /^(success|fail|complete)$/,
-        ali: aliEventLog
+        ali: aliEventLog,
+        tt: ttEventLog
       }
     ]
   }

packages/webpack-plugin/lib/platform/template/wx/component-config/picker-view.js

@@ -3,9 +3,17 @@ const TAG_NAME = 'picker-view'
 module.exports = function ({ print }) {
   const aliEventLog = print({ platform: 'ali', tag: TAG_NAME, isError: false, type: 'event' })
   const baiduEventLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
+  const ttEventLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false, type: 'event' })
 
   return {
     test: TAG_NAME,
+    props: [
+      {
+        test: /^(indicator-class|mask-class)$/,
+        tt: ttPropLog
+      }
+    ],
     event: [
       {
         test: /^(change)$/,
@@ -19,7 +27,8 @@ module.exports = function ({ print }) {
       {
         test: /^(pickstart|pickend)$/,
         ali: aliEventLog,
-        swan: baiduEventLog
+        swan: baiduEventLog,
+        tt: ttEventLog
       }
     ]
   }

packages/webpack-plugin/lib/platform/template/wx/component-config/progress.js

@@ -5,6 +5,8 @@ module.exports = function ({ print }) {
   const aliEventLog = print({ platform: 'ali', tag: TAG_NAME, isError: false, type: 'event' })
   const baiduPropLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false })
   const baiduEventLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false, type: 'event' })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
+  const ttEventLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false, type: 'event' })
 
   return {
     test: TAG_NAME,
@@ -26,14 +28,27 @@ module.exports = function ({ print }) {
           }
           obj.name = propsMap[obj.name]
           return obj
+        },
+        tt (obj) {
+          const propsMap = {
+            'activeColor': 'active-color',
+            'backgroundColor': 'background-color'
+          }
+          obj.name = propsMap[obj.name]
+          return obj
         }
+      },
+      {
+        test: /^(show-info|border-radius|font-size|)$/,
+        tt: ttPropLog
       }
     ],
     event: [
       {
         test: /^(activeend)$/,
         ali: aliEventLog,
-        swan: baiduEventLog
+        swan: baiduEventLog,
+        tt: ttEventLog
       }
     ]
   }

packages/webpack-plugin/lib/platform/template/wx/component-config/rich-text.js

@@ -3,14 +3,16 @@ const TAG_NAME = 'rich-text'
 module.exports = function ({ print }) {
   const aliPropLog = print({ platform: 'ali', tag: TAG_NAME, isError: false })
   const baiduPropLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
 
   return {
     test: TAG_NAME,
     props: [
       {
         test: /^(space)$/,
         ali: aliPropLog,
-        swan: baiduPropLog
+        swan: baiduPropLog,
+        tt: ttPropLog
       }
     ]
   }

packages/webpack-plugin/lib/platform/template/wx/component-config/scroll-view.js

@@ -2,13 +2,15 @@ const TAG_NAME = 'scroll-view'
 
 module.exports = function ({ print }) {
   const baiduPropLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
 
   return {
     test: TAG_NAME,
     props: [
       {
         test: /^(enable-back-to-top)$/,
-        swan: baiduPropLog
+        swan: baiduPropLog,
+        tt: ttPropLog
       }
     ],
     event: [

packages/webpack-plugin/lib/platform/template/wx/component-config/slider.js

@@ -34,6 +34,17 @@ module.exports = function ({ print }) {
           obj.name = propsMap[obj.name]
           return obj
         }
+      },
+      {
+        test: /^(activeColor|backgroundColor)$/,
+        tt (obj) {
+          const propsMap = {
+            'activeColor': 'active-color',
+            'backgroundColor': 'background-color'
+          }
+          obj.name = propsMap[obj.name]
+          return obj
+        }
       }
     ],
     event: [

packages/webpack-plugin/lib/platform/template/wx/component-config/swiper.js

@@ -6,6 +6,8 @@ module.exports = function ({ print }) {
   const baiduPropLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false })
   const baiduEventLog = print({ platform: 'baidu', tag: TAG_NAME, isError: false, type: 'event' })
   const qqPropLog = print({ platform: 'qq', tag: TAG_NAME, isError: false })
+  const ttPropLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false })
+  const ttEventLog = print({ platform: 'bytedance', tag: TAG_NAME, isError: false, type: 'event' })
 
   return {
     test: TAG_NAME,
@@ -21,6 +23,10 @@ module.exports = function ({ print }) {
       {
         test: /^(easing-function)$/,
         qq: qqPropLog
+      },
+      {
+        test: /^(previous-margin|next-margin|skip-hidden-item-layout|easing-function)$/,
+        tt: ttPropLog
       }
     ],
     event: [
@@ -35,7 +41,8 @@ module.exports = function ({ print }) {
       },
       {
         test: /^(transition|animationfinish)$/,
-        ali: aliEventLog
+        ali: aliEventLog,
+        tt: ttEventLog
       },
       {
         test: /^(transition)$/,