[WIP]test: 修复 3.0 测试用例

.eslintignore

@@ -11,7 +11,6 @@ packages/**/dist/
 
 # Test files
 coverage
-jest.config.js
 test/__mock__/
 
 # Others

.eslintrc.json

@@ -196,6 +196,9 @@
         "packages/**/test/**/*.test.js",
         "packages/**/test/**/test.js"
       ],
+      "env": {
+        "jest": true
+      },
       "rules": {
         "taro/no-stateless-component": "off",
         "react/react-in-jsx-scope": "off",

babel.config.json

@@ -1,4 +1,7 @@
 {
+  "babelrcRoots": [
+    "packages/*"
+  ],
   "overrides": [
     {
       "include": "packages/taro-ui-docs/**",
@@ -29,6 +32,41 @@
         "@babel/plugin-syntax-dynamic-import",
         "@babel/plugin-proposal-class-properties"
       ]
+    },
+    {
+      "include": [
+        "packages/taro-ui/test/**",
+        "packages/taro-ui/lib/**",
+        "node_modules/@tarojs/**"
+      ],
+      "env": {
+        "test": {
+          "presets": [
+            [
+              "@babel/preset-env",
+              {
+                "debug": false,
+                "targets": {
+                  "node": "current"
+                },
+                "modules": "commonjs",
+                "forceAllTransforms": true
+              }
+            ],
+            "@babel/preset-react"
+          ],
+          "plugins": [
+            "@babel/plugin-transform-modules-commonjs",
+            [
+              "@babel/plugin-proposal-class-properties",
+              {
+                "loose": true
+              }
+            ],
+            "@babel/plugin-transform-runtime"
+          ]
+        }
+      }
     }
   ]
 }

jest.config.js

@@ -1,17 +1,5 @@
 module.exports = {
   verbose: true,
-  moduleFileExtensions: ['js', 'jsx', 'json'],
   rootDir: __dirname,
-  testMatch: ['<rootDir>/test/**/*.test.js', '<rootDir>/test/**/test.js'],
-  transform: {
-    '^.+\\.js?$': 'babel-jest'
-  },
-  transformIgnorePatterns: ['<rootDir>/node_modules/'],
-  moduleNameMapper: {
-    react: 'nervjs',
-    'react-addons-test-utils': 'nerv-test-utils',
-    'react-dom': 'nervjs',
-    weui: '<rootDir>/test/__mock__/styleMock.js',
-    '\\.(css|less|sass|scss)$': '<rootDir>/test/__mock__/styleMock.js'
-  }
+  projects: ['<rootDir>/packages/*/jest.config.js']
 }

package.json

@@ -1,6 +1,6 @@
 {
   "private": true,
-  "name": "taro-ui",
+  "name": "taro-ui-monorepo",
   "description": "UI KIT for Taro",
   "author": "O2Team <aotu.io>",
   "homepage": "https://taro-ui.aotu.io",
@@ -20,7 +20,8 @@
     "build:component": "lerna run --scope taro-ui build",
     "clean": "lerna run clean",
     "clean:component": "lerna run --scope taro-ui clean",
-    "publish": "lerna publish from-git --yes"
+    "publish": "lerna publish from-git --yes",
+    "test": "lerna run test"
   },
   "devDependencies": {
     "@commitlint/cli": "^8.3.5",

packages/taro-ui/jest.config.js

@@ -0,0 +1,31 @@
+const pack = require('./package.json')
+
+module.exports = {
+  verbose: true,
+  displayName: pack.name,
+  name: pack.name,
+  rootDir: '../..',
+  testMatch: [
+    `<rootDir>/packages/${pack.name}/test/**/*.test.js`,
+    `<rootDir>/packages/${pack.name}/test/**/test.js`
+  ],
+  transform: {
+    '^.+\\.jsx?$': [
+      'babel-jest',
+      {
+        rootMode: 'upward'
+      }
+    ]
+  },
+  transformIgnorePatterns: [
+    '<rootDir>/node_modules/(?!(@tarojs/api|@tarojs/components)/)'
+  ],
+  moduleNameMapper: {
+    '@tarojs/components': '<rootDir>/node_modules/@tarojs/components/h5/react'
+  },
+  setupFilesAfterEnv: [
+    `<rootDir>/packages/${pack.name}/test/setup/setupEnzyme.js`
+  ],
+  collectCoverage: true,
+  coverageDirectory: `<rootDir>/packages/${pack.name}/coverage`
+}

packages/taro-ui/package.json

@@ -41,7 +41,7 @@
     "lint": "eslint ./src --fix",
     "lint:style": "stylelint \"src/**/*.scss\" --syntax scss",
     "lint:style-fix": "stylelint \"src/**/*.scss\" --syntax scss --fix",
-    "test": "cross-env NODE_ENV=test && jest --coverage",
+    "test": "jest --coverage",
     "test:ci": "yarn run build:h5 && yarn run test",
     "test:analyze": "rollup --config ./config/rollup.config.analyze.js",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
@@ -54,16 +54,28 @@
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
+    "@babel/core": "^7.9.0",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.9.0",
+    "@babel/preset-env": "^7.9.5",
+    "@babel/preset-react": "^7.9.4",
     "@rollup/plugin-commonjs": "^11.0.2",
     "@rollup/plugin-json": "^4.0.2",
     "@rollup/plugin-node-resolve": "^7.1.1",
     "@tarojs/components": "~3.0.2",
     "@tarojs/react": "~3.0.2",
     "@tarojs/taro": "~3.0.2",
     "@types/classnames": "^2.2.9",
+    "@types/enzyme": "^3.10.5",
+    "@types/enzyme-adapter-react-16": "^1.0.6",
+    "@types/jest": "^25.2.1",
     "@types/node": "^13.11.1",
     "@types/react": "^16.9.23",
     "@types/react-dom": "^16.9.5",
+    "babel-jest": "^25.3.0",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.2",
+    "jest": "^25.3.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "rollup": "^2.3.1",

packages/taro-ui/test/components/__snapshots__/accordion.test.js.snap

@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AtAccordion Snap render AtAccordion -- props icon 1`] = `"<div class=\\"at-accordion\\"><div class=\\"at-accordion__header\\"><span style=\\"color:red;font-size:undefinedpx;\\" class=\\"taro-text at-icon at-icon-chevron-down at-accordion__icon\\"></span><div class=\\"at-accordion__info\\"><div class=\\"at-accordion__info__title\\"></div><div class=\\"at-accordion__info__note\\"></div></div><div class=\\"at-accordion__arrow\\"><span class=\\"taro-text at-icon at-icon-chevron-down\\"></span></div></div><div style=\\"height:;\\" class=\\"at-accordion__content at-accordion__content--inactive\\"><div class=\\"at-accordion__body\\"><div class=\\"\\"></div></div></div></div>"`;
+exports[`Accordion Component render Accordion -- props hasBorder 1`] = `"<taro-view-core class=\\"at-accordion\\" style=\\"\\"><taro-view-core class=\\"at-accordion__header at-accordion__header--noborder\\"><taro-view-core class=\\"at-accordion__info\\"><taro-view-core class=\\"at-accordion__info__title\\"></taro-view-core><taro-view-core class=\\"at-accordion__info__note\\"></taro-view-core></taro-view-core><taro-view-core class=\\"at-accordion__arrow\\"><taro-text-core class=\\"at-icon at-icon-chevron-down\\"></taro-text-core></taro-view-core></taro-view-core><taro-view-core class=\\"at-accordion__content at-accordion__content--inactive\\"><taro-view-core class=\\"at-accordion__body\\"></taro-view-core></taro-view-core></taro-view-core>"`;
 
-exports[`AtAccordion Snap render AtAccordion -- props note 1`] = `"<div class=\\"at-accordion\\"><div class=\\"at-accordion__header\\"><div class=\\"at-accordion__info\\"><div class=\\"at-accordion__info__title\\"></div><div class=\\"at-accordion__info__note\\">note</div></div><div class=\\"at-accordion__arrow\\"><span class=\\"taro-text at-icon at-icon-chevron-down\\"></span></div></div><div style=\\"height:;\\" class=\\"at-accordion__content at-accordion__content--inactive\\"><div class=\\"at-accordion__body\\"><div class=\\"\\"></div></div></div></div>"`;
+exports[`Accordion Component render Accordion -- props icon 1`] = `ReactWrapper {}`;
 
-exports[`AtAccordion Snap render AtAccordion -- props open 1`] = `"<div class=\\"at-accordion\\"><div class=\\"at-accordion__header\\"><div class=\\"at-accordion__info\\"><div class=\\"at-accordion__info__title\\"></div><div class=\\"at-accordion__info__note\\"></div></div><div class=\\"at-accordion__arrow at-accordion__arrow--folded\\"><span class=\\"taro-text at-icon at-icon-chevron-down\\"></span></div></div><div style=\\"height:;\\" class=\\"at-accordion__content\\"><div class=\\"at-accordion__body\\"></div></div></div>"`;
+exports[`Accordion Component render Accordion -- props note 1`] = `ReactWrapper {}`;
 
-exports[`AtAccordion Snap render AtAccordion -- props title 1`] = `"<div class=\\"at-accordion\\"><div class=\\"at-accordion__header\\"><div class=\\"at-accordion__info\\"><div class=\\"at-accordion__info__title\\">title</div><div class=\\"at-accordion__info__note\\"></div></div><div class=\\"at-accordion__arrow\\"><span class=\\"taro-text at-icon at-icon-chevron-down\\"></span></div></div><div style=\\"height:;\\" class=\\"at-accordion__content at-accordion__content--inactive\\"><div class=\\"at-accordion__body\\"></div></div></div>"`;
+exports[`Accordion Component render Accordion -- props open 1`] = `"<taro-view-core class=\\"at-accordion\\" style=\\"\\"><taro-view-core class=\\"at-accordion__header\\"><taro-view-core class=\\"at-accordion__info\\"><taro-view-core class=\\"at-accordion__info__title\\"></taro-view-core><taro-view-core class=\\"at-accordion__info__note\\"></taro-view-core></taro-view-core><taro-view-core class=\\"at-accordion__arrow at-accordion__arrow--folded\\"><taro-text-core class=\\"at-icon at-icon-chevron-down\\"></taro-text-core></taro-view-core></taro-view-core><taro-view-core class=\\"at-accordion__content\\"><taro-view-core class=\\"at-accordion__body\\"></taro-view-core></taro-view-core></taro-view-core>"`;
 
-exports[`AtAccordion Snap render AtIcon -- props icon prefixClass 1`] = `"<div class=\\"at-accordion\\"><div class=\\"at-accordion__header\\"><span style=\\"color:red;font-size:undefinedpx;\\" class=\\"taro-text prefixClass prefixClass-star at-accordion__icon\\"></span><div class=\\"at-accordion__info\\"><div class=\\"at-accordion__info__title\\"></div><div class=\\"at-accordion__info__note\\"></div></div><div class=\\"at-accordion__arrow\\"><span class=\\"taro-text at-icon at-icon-chevron-down\\"></span></div></div><div style=\\"height:;\\" class=\\"at-accordion__content at-accordion__content--inactive\\"><div class=\\"at-accordion__body\\"><div class=\\"\\"></div></div></div></div>"`;
+exports[`Accordion Component render Accordion -- props title 1`] = `"<taro-view-core class=\\"at-accordion\\" style=\\"\\"><taro-view-core class=\\"at-accordion__header\\"><taro-view-core class=\\"at-accordion__info\\"><taro-view-core class=\\"at-accordion__info__title\\">title</taro-view-core><taro-view-core class=\\"at-accordion__info__note\\"></taro-view-core></taro-view-core><taro-view-core class=\\"at-accordion__arrow\\"><taro-text-core class=\\"at-icon at-icon-chevron-down\\"></taro-text-core></taro-view-core></taro-view-core><taro-view-core class=\\"at-accordion__content at-accordion__content--inactive\\"><taro-view-core class=\\"at-accordion__body\\"></taro-view-core></taro-view-core></taro-view-core>"`;
 
-exports[`AtAccordion Snap render initial AtAccordion 1`] = `"<div class=\\"at-accordion\\"><div class=\\"at-accordion__header\\"><div class=\\"at-accordion__info\\"><div class=\\"at-accordion__info__title\\"></div><div class=\\"at-accordion__info__note\\"></div></div><div class=\\"at-accordion__arrow\\"><span class=\\"taro-text at-icon at-icon-chevron-down\\"></span></div></div><div style=\\"height:;\\" class=\\"at-accordion__content at-accordion__content--inactive\\"><div class=\\"at-accordion__body\\"></div></div></div>"`;
+exports[`Accordion Component render initial Accordion 1`] = `"<taro-view-core class=\\"at-accordion\\" style=\\"\\"><taro-view-core class=\\"at-accordion__header\\"><taro-view-core class=\\"at-accordion__info\\"><taro-view-core class=\\"at-accordion__info__title\\"></taro-view-core><taro-view-core class=\\"at-accordion__info__note\\"></taro-view-core></taro-view-core><taro-view-core class=\\"at-accordion__arrow\\"><taro-text-core class=\\"at-icon at-icon-chevron-down\\"></taro-text-core></taro-view-core></taro-view-core><taro-view-core class=\\"at-accordion__content at-accordion__content--inactive\\"><taro-view-core class=\\"at-accordion__body\\"></taro-view-core></taro-view-core></taro-view-core>"`;

packages/taro-ui/test/components/__snapshots__/action-sheet.test.js.snap

@@ -1,11 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ActionSheet Snap render initial ActionSheet 1`] = `"<div class=\\"at-action-sheet\\"><div class=\\"at-action-sheet__overlay\\"></div><div class=\\"at-action-sheet__container\\"><div class=\\"at-action-sheet__body\\"><div class=\\"at-action-sheet__item\\">按钮一</div><div class=\\"at-action-sheet__item\\">按钮二</div></div></div></div>"`;
+exports[`ActionSheet Component render ActionSheet -- props cancelText 1`] = `"<taro-view-core class=\\"at-action-sheet\\"><taro-view-core class=\\"at-action-sheet__overlay\\"></taro-view-core><taro-view-core class=\\"at-action-sheet__container\\"><taro-view-core class=\\"at-action-sheet__body\\"><taro-view-core class=\\"at-action-sheet__item\\">按钮一</taro-view-core><taro-view-core class=\\"at-action-sheet__item\\">按钮二</taro-view-core></taro-view-core><taro-view-core class=\\"at-action-sheet__footer\\">cancel</taro-view-core></taro-view-core></taro-view-core>"`;
 
-exports[`ActionSheet Snap render opened  ActionSheet -- props completed  1`] = `"<div class=\\"at-action-sheet at-action-sheet--active\\"><div class=\\"at-action-sheet__overlay\\"></div><div class=\\"at-action-sheet__container\\"><div class=\\"at-action-sheet__header\\">清除位置信息后， 别人将不能查看到你&#039;r&#039;n可以通过转义字符换行</div><div class=\\"at-action-sheet__body\\"><div class=\\"at-action-sheet__item\\">按钮一</div><div class=\\"at-action-sheet__item\\">按钮二</div></div><div class=\\"at-action-sheet__footer\\">取消</div></div></div>"`;
+exports[`ActionSheet Component render ActionSheet -- props isOpened  1`] = `"<taro-view-core class=\\"at-action-sheet at-action-sheet--active\\"><taro-view-core class=\\"at-action-sheet__overlay\\"></taro-view-core><taro-view-core class=\\"at-action-sheet__container\\"><taro-view-core class=\\"at-action-sheet__body\\"><taro-view-core class=\\"at-action-sheet__item\\">按钮一</taro-view-core><taro-view-core class=\\"at-action-sheet__item\\">按钮二</taro-view-core></taro-view-core></taro-view-core></taro-view-core>"`;
 
-exports[`ActionSheet Snap render opened ActionSheet -- props cancelText 1`] = `"<div class=\\"at-action-sheet at-action-sheet--active\\"><div class=\\"at-action-sheet__overlay\\"></div><div class=\\"at-action-sheet__container\\"><div class=\\"at-action-sheet__body\\"><div class=\\"at-action-sheet__item\\">按钮一</div><div class=\\"at-action-sheet__item\\">按钮二</div></div><div class=\\"at-action-sheet__footer\\">取消</div></div></div>"`;
+exports[`ActionSheet Component render ActionSheet -- props title 1`] = `"<taro-view-core class=\\"at-action-sheet\\"><taro-view-core class=\\"at-action-sheet__overlay\\"></taro-view-core><taro-view-core class=\\"at-action-sheet__container\\"><taro-view-core class=\\"at-action-sheet__header\\">title</taro-view-core><taro-view-core class=\\"at-action-sheet__body\\"><taro-view-core class=\\"at-action-sheet__item\\">按钮一</taro-view-core><taro-view-core class=\\"at-action-sheet__item\\">按钮二</taro-view-core></taro-view-core></taro-view-core></taro-view-core>"`;
 
-exports[`ActionSheet Snap render opened ActionSheet -- props title 1`] = `"<div class=\\"at-action-sheet at-action-sheet--active\\"><div class=\\"at-action-sheet__overlay\\"></div><div class=\\"at-action-sheet__container\\"><div class=\\"at-action-sheet__header\\">清除位置信息后， 别人将不能查看到你&#039;r&#039;n可以通过转义字符换行</div><div class=\\"at-action-sheet__body\\"><div class=\\"at-action-sheet__item\\">按钮一</div><div class=\\"at-action-sheet__item\\">按钮二</div></div></div></div>"`;
-
-exports[`ActionSheet Snap render opened ActionSheet 1`] = `"<div class=\\"at-action-sheet at-action-sheet--active\\"><div class=\\"at-action-sheet__overlay\\"></div><div class=\\"at-action-sheet__container\\"><div class=\\"at-action-sheet__body\\"><div class=\\"at-action-sheet__item\\">按钮一</div><div class=\\"at-action-sheet__item\\">按钮二</div></div></div></div>"`;
+exports[`ActionSheet Component render initial ActionSheet 1`] = `"<taro-view-core class=\\"at-action-sheet\\"><taro-view-core class=\\"at-action-sheet__overlay\\"></taro-view-core><taro-view-core class=\\"at-action-sheet__container\\"><taro-view-core class=\\"at-action-sheet__body\\"><taro-view-core class=\\"at-action-sheet__item\\">按钮一</taro-view-core><taro-view-core class=\\"at-action-sheet__item\\">按钮二</taro-view-core></taro-view-core></taro-view-core></taro-view-core>"`;