feat: fes-plugin-unit-jest

.fatherrc.js

@@ -16,7 +16,8 @@ const headPkgs = [
     "fes-plugin-icon",
     "fes-plugin-locale",
     "fes-plugin-enums",
-    "create-fes-app"
+    "fes-plugin-unit-jest",
+    "create-fes-app",
 ];
 const tailPkgs = [];
 // const otherPkgs = readdirSync(join(__dirname, 'packages')).filter(

packages/fes-plugin-unit-jest/.fatherrc.js

@@ -0,0 +1,3 @@
+export default {
+  disableTypeCheck: false,
+};

packages/fes-plugin-unit-jest/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020-present webank
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/fes-plugin-unit-jest/README.md

@@ -0,0 +1,2 @@
+
+

packages/fes-plugin-unit-jest/helpers/setupFiles/jasmine.js

@@ -0,0 +1 @@
+jasmine.DEFAULT_TIMEOUT_INTERVAL = 200000; // eslint-disable-line

packages/fes-plugin-unit-jest/helpers/setupFiles/shim.js

@@ -0,0 +1,6 @@
+require('core-js/stable');
+require('regenerator-runtime/runtime');
+
+if (typeof window !== 'undefined') {
+    require('whatwg-fetch');
+}

packages/fes-plugin-unit-jest/helpers/transformers/css.js

@@ -0,0 +1,9 @@
+module.exports = {
+    process() {
+        return 'module.exports = {};';
+    },
+    getCacheKey() {
+    // The output is always the same.
+        return 'css';
+    }
+};

packages/fes-plugin-unit-jest/helpers/transformers/javascript.js

@@ -0,0 +1,7 @@
+const babelJest = require('babel-jest');
+
+module.exports = babelJest.createTransformer({
+    presets: [require.resolve('@umijs/babel-preset-umi/node')],
+    babelrc: false,
+    configFile: false
+});

packages/fes-plugin-unit-jest/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@webank/fes-plugin-unit-jest",
+  "version": "2.0.0-alpha.2",
+  "description": "@webank/fes-plugin-unit-jest",
+  "main": "lib/index.js",
+  "files": [
+    "lib"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WeBankFinTech/fes.js.git",
+    "directory": "packages/fes-plugin-unit-jest"
+  },
+  "keywords": [
+    "fes",
+    "unit",
+    "jest"
+  ],
+  "author": "harrywan",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/WeBankFinTech/fes.js/issues"
+  },
+  "homepage": "https://github.com/WeBankFinTech/fes.js#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@babel/core": "7.11.6",
+    "@umijs/babel-preset-umi": "3.2.24",
+    "core-js": "3.6.5",
+    "babel-core": "^7.0.0-bridge.0",
+    "regenerator-runtime": "^0.13.7",
+    "@webank/fes-compiler": "^2.0.0-alpha.2",
+    "jest": "^26.6.3",
+    "jest-cli": "^26.6.3",
+    "jest-serializer-vue": "^2.0.2",
+    "jest-transform-stub": "^2.0.0",
+    "jest-watch-typeahead": "^0.6.1",
+    "babel-jest": "^26.6.3",
+    "vue-jest": "^5.0.5-0",
+    "whatwg-fetch": "^3.4.1",
+    "typescript": "~4.1.2"
+  }
+}

packages/fes-plugin-unit-jest/src/createDefaultConfig.js

@@ -0,0 +1,39 @@
+export default () => ({
+    moduleFileExtensions: [
+        'js',
+        'jsx',
+        'json',
+        // tell Jest to handle *.vue files
+        'vue'
+    ],
+    transform: {
+        // process *.vue files with vue-jest
+        '^.+\\.vue$': require.resolve('vue-jest'),
+        '.+\\.(css|styl|less|sass|scss|jpg|jpeg|png|svg|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+            require.resolve('jest-transform-stub'),
+        '^.+\\.jsx?$': require.resolve(
+            '../helpers/transformers/javascript'
+        )
+    },
+    setupFiles: [require.resolve('../helpers/setupFiles/shim')],
+    setupFilesAfterEnv: [require.resolve('../helpers/setupFiles/jasmine')],
+    transformIgnorePatterns: ['/node_modules/'],
+    // support the same @ -> src alias mapping in source code
+    moduleNameMapper: {
+        '^@/(.*)$': '<rootDir>/src/$1'
+    },
+    // serializer for snapshots
+    snapshotSerializers: [
+        'jest-serializer-vue'
+    ],
+    testMatch: [
+        '**/tests/unit/**/*.spec.[jt]s?(x)',
+        '**/__tests__/*.[jt]s?(x)'
+    ],
+    // https://github.com/facebook/jest/issues/6766
+    testURL: 'http://localhost/',
+    watchPlugins: [
+        require.resolve('jest-watch-typeahead/filename'),
+        require.resolve('jest-watch-typeahead/testname')
+    ]
+});

packages/fes-plugin-unit-jest/src/index.js

@@ -0,0 +1,82 @@
+import { runCLI } from 'jest';
+import assert from 'assert';
+import { join } from 'path';
+import { existsSync } from 'fs';
+import { Logger } from '@webank/fes-compiler';
+import { options as CliOptions } from 'jest-cli/build/cli/args';
+import createDefaultConfig from './createDefaultConfig';
+
+const logger = new Logger('fes:plugin-built-in');
+
+export default function (api) {
+    const { utils: { mergeConfig }, cwd } = api;
+
+    api.registerCommand({
+        name: 'test:unit',
+        usage: 'fes test:unit [options] <regexForTestFiles>',
+        description: 'run unit tests with jest',
+        options: {
+            '--watch': 'run tests in watch mode',
+            '--debug': 'debug'
+        },
+        details:
+            'All jest command line options are supported.\n'
+            + 'See https://facebook.github.io/jest/docs/en/cli.html for more details.',
+        async fn({ args }) {
+            console.log(args);
+
+            process.env.NODE_ENV = 'test';
+
+            args.debug && logger.log(`args: ${JSON.stringify(args)}`);
+
+            // Read config from cwd/jest.config.js
+            const userJestConfigFile = join(cwd, 'jest.config.js');
+            const userJestConfig = existsSync(userJestConfigFile) && require(userJestConfigFile);
+            args.debug && logger.log(`config from jest.config.js: ${JSON.stringify(userJestConfig)}`);
+
+            // Read jest config from package.json
+            const packageJSONPath = join(cwd, 'package.json');
+            const packageJestConfig = existsSync(packageJSONPath) && require(packageJSONPath).jest;
+            args.debug && logger.log(`jest config from package.json: ${JSON.stringify(packageJestConfig)}`);
+
+            // Merge configs
+            // user config and args config could have value function for modification
+            const config = mergeConfig(
+                createDefaultConfig(cwd, args),
+                packageJestConfig,
+                userJestConfig
+            );
+            args.debug && logger.log(`final config: ${JSON.stringify(config)}`);
+
+            // Generate jest options
+            const argsConfig = Object.keys(CliOptions).reduce((prev, name) => {
+                if (args[name]) prev[name] = args[name];
+
+                // Convert alias args into real one
+                const { alias } = CliOptions[name];
+                if (alias && args[alias]) prev[name] = args[alias];
+                return prev;
+            }, {});
+            args.debug && logger.log(`config from args: ${JSON.stringify(argsConfig)}`);
+
+            // Run jest
+            const result = await runCLI(
+                {
+                    // @ts-ignore
+                    _: args._ || [],
+                    // @ts-ignore
+                    $0: args.$0 || '',
+                    // 必须是单独的 config 配置，值为 string，否则不生效
+                    // @ts-ignore
+                    config: JSON.stringify(config),
+                    ...argsConfig
+                },
+                [cwd]
+            );
+            args.debug && logger.log(result);
+
+            // Throw error when run failed
+            assert(result.results.success, 'Test with jest failed');
+        }
+    });
+}

packages/fes-template/.eslintrc.js

@@ -0,0 +1,10 @@
+module.exports = {
+    extends: [require.resolve('@webank/eslint-config-webank')],
+    files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+    ],
+    env: {
+        jest: true
+    }
+};

packages/fes-template/__tests__/add.js

@@ -0,0 +1,5 @@
+import sum from "@/utils/sum"
+
+test('adds 1 + 2 to equal 3', () => {
+    expect(sum(1, 2)).toBe(3);
+});

packages/fes-template/package.json

@@ -6,7 +6,8 @@
     "build": "fes build",
     "prod": "FES_ENV=prod fes build",
     "analyze": "ANALYZE=1 fes build",
-    "dev": "fes dev"
+    "dev": "fes dev",
+    "test:unit": "fes test:unit"
   },
   "keywords": [
     "管理端",
@@ -52,6 +53,7 @@
     "@webank/fes-plugin-locale": "^2.0.0-alpha.0",
     "@webank/fes-plugin-model": "^2.0.0-alpha.0",
     "@webank/fes-plugin-enums": "^2.0.0-alpha.0",
+    "@webank/fes-plugin-unit-jest": "^2.0.0-alpha.0",
     "ant-design-vue": "2.0.0-rc.3",
     "vue": "3.0.4"
   },

packages/fes-template/src/utils/sum.js

@@ -0,0 +1,3 @@
+export default function sum(a, b) {
+    return a + b;
+}

packages/fes/package.json

@@ -45,7 +45,6 @@
         "@webank/fes-runtime": "^2.0.0-alpha.2",
         "commander": "^6.2.1",
         "envinfo": "^7.7.3",
-        "leven": "^3.1.0",
         "resolve-cwd": "^3.0.0"
     },
     "engines": {

packages/fes/src/cli.js

@@ -1,6 +1,5 @@
 import { chalk, yParser, semver } from '@umijs/utils';
 import program from 'commander';
-import leven from 'leven';
 import { Service } from './serviceWithBuiltIn';
 import fork from './utils/fork';
 import getCwd from './utils/getCwd';
@@ -24,23 +23,6 @@ function checkNodeVersion(wanted, id) {
 
 checkNodeVersion(requiredVersion, '@webank/fes');
 
-function suggestCommands(unknownCommand) {
-    const availableCommands = program.commands.map(cmd => cmd._name);
-
-    let suggestion;
-
-    availableCommands.forEach((cmd) => {
-        const isBestMatch = leven(cmd, unknownCommand) < leven(suggestion || '', unknownCommand);
-        if (leven(cmd, unknownCommand) < 3 && isBestMatch) {
-            suggestion = cmd;
-        }
-    });
-
-    if (suggestion) {
-        console.log(`  ${chalk.red(`Did you mean ${chalk.yellow(suggestion)}?`)}`);
-    }
-}
-
 // process.argv: [node, fes.js, command, args]
 const args = yParser(process.argv.slice(2));
 
@@ -117,16 +99,24 @@ program
             .then(console.log);
     });
 
-// output help information on unknown commands
 program
     .arguments('[command]')
-    .action((cmd) => {
+    .option('--debug', 'Skip prompts and use default preset')
+    .action(async (cmd) => {
         if (cmd) {
-            program.outputHelp();
+            try {
-            console.log(`  ${chalk.red(`Unknown command ${chalk.yellow(cmd)}.`)}`);
+                await new Service({
-            console.log();
+                    cwd: getCwd(),
-            suggestCommands(cmd);
+                    pkg: getPkg(process.cwd())
-            process.exitCode = 1;
+                }).run({
+                    name: cmd,
+                    args
+                });
+            } catch (e) {
+                console.error(chalk.red(e.message));
+                console.error(e.stack);
+                process.exit(1);
+            }
         }
     });