Question

我正在使用此课程学习应用测试：https://code.tutsplus.com/courses/angularjs-for-test-driven-development/

我在课程2.3中安装了Mocha和Chai，一个带有main.spec.js设置和gulp任务设置的测试文件夹来为应用程序和测试提供服务。

当他用这个简单的describe语句更新他的main.spec.js文件时：

describe('The Address Book App', function() {
    it ('should work', function() {
        chai.assert.isArray([]);
    });
});

它适合他：

然而，这是我的设置：

测试/ main.spec.js

describe('The Dashboard app', function() {
    it ('should work', function() {
        chai.assert.isArray([]);
    });
});

基本标记：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Mocha Spec Runner</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="../app/favicon.ico">
    <link rel="apple-touch-icon" href="../app/assets/imgs/apple-touch-icon.png">
    <link href="testing.css" rel="stylesheet">
</head>

<body>

    <div id="mocha"></div>

    <script src="../bower_components/mocha/mocha.js"></script>
    <script>
        mocha.setup('bdd');
    </script>
    <script src="../bower_components/chai/chai.js"></script>
    <script>
        mocha.run();
    </script>
    <script src="main.spec.js"></script>

</body>
</html>

但是我的测试文件没有显示我的第一个测试：

Gulpfile设置，与作者相同，但是PORT编号不同：

gulp.task('serve', function() {
    browserSync.init({
        notify : false,
        port   : 3333,
        server: {
            baseDir: ['app'],
            routes: {
                '/bower_components' : 'bower_components'
            }
        }
    });
});

gulp.task('serve-test', function() {
    browserSync.init({
        notify : false,
        port   : 4444,
        server: {
            baseDir: ['test', 'app'],
            routes: {
                '/bower_components' : 'bower_components'
            }
        }
    });
});

知道为什么我的第一次基础测试没有运行？

Answer 1

除了订购外，一切看起来都很正确。只需交换

即可

<script>
  mocha.run();
</script>

带

<script src="main.spec.js"></script>

您希望在完成所有规范和设置后在最后运行mocha。

Mochai Chai测试没跑

1 个答案: