页面UI测试

    配置

    3.   Usage: torch [options]
    5.   Options:
    7.     -h, --help                              output usage information
    8.     -V, --version                           output the version number
    9.     -C, --no-colors                         force disabling of colors
    10.     -O, --reporter-options <k=v,k2=v2,...>  reporter-specific options
    11.     -R, --reporter <name>                   specify the reporter to use
    12.     -S, --sort                              sort test files
    13.     -b, --bail                              bail after first test failure
    14.     -g, --grep <pattern>                    only run tests matching <pattern>
    15.     -f, --fgrep <string>                    only run tests containing <string>
    16.     -i, --invert                            inverts --grep and --fgrep matches
    17.     -r, --require <name>                    require the given module
    18.     -s, --slow <ms>                         "slow" test threshold in milliseconds [75]
    19.     -t, --timeout <ms>                      set test-case timeout in milliseconds [2000]
    20.     -u, --ui <name>                         specify user-interface (bdd|tdd|exports)
    21.     --check-leaks                           check for global variable leaks
    22.     --compile                               compile with babel
    23.     --compilers <ext>:<module>,...          use the given module(s) to compile files
    24.     --coverage                              report coverage
    25.     --debug                                 enable Electron debugger on port [5858]; for --renderer tests show window and dev-tools
    27.     --globals <names>                       allow the given comma-delimited global [names]
    28.     --inline-diffs                          display actual/expected differences inline within each string
    29.     --interactive                           run tests in renderer process in a visible window that can be reloaded to re-run tests
    30.     --interfaces                            display available interfaces
    31.     --no-timeouts                           disables timeouts
    32.     --notify-on-fail                        notify on failures
    33.     --notify-on-success                     notify on success
    34.     --opts <path>                           specify opts path
    35.     --preload <name>                        preload the given script in renderer process
    36.     --recursive                             include sub directories
    37.     --renderer                              run tests in renderer process
    38.     --require-main <name>                   load the given script in main process before executing tests
    39.     --source-pattern <sources>              glob pattern of source files
    40.     --watch                                 watching source file changes
    41.     --watch-aggregate-timeout               delay time for re-run test cases after files changed

    使用 UITest

    用法

    页面UI测试 - 图1

    直接引入 uitest-mocha-shim.js 文件即可在浏览器中运行。

    1. <!DOCTYPE html>
    2. <html>
    3.   <head>
    4.     <title>macaca mocha test</title>
    5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <link rel="stylesheet" href="./node_modules/mocha/mocha.css" />
    8.   </head>
    9.   <body>
    11.     <script src="./node_modules/mocha/mocha.js"></script>
    12.     <script src="./node_modules/should/should.js"></script>
    13.     <script>
    14.     _macaca_uitest.setup({
    15.       ui: 'bdd',
    16.       timeout: 5000,
    17.       slow: 2000
    18.     });
    19.     </script>
    20.     <script>
    21.     describe('sample', function() {
    23.       beforeEach('init', function() {
    24.       });
    26.       it('#case_1', function() {
    27.       });
    29.     });
    30.     </script>
    31.     <script>
    32.     _macaca_uitest.run();
    33.     </script>
    34.   </body>

    在命令行里运行

    Gulp

    也可以通过 Gulp 引入：

    1. $ npm i gulp-uitest --save-dev