Heim > Web-Frontend > js-Tutorial > Detaillierte Einführung in die Installation und Verwendung des NodeJs-Testframeworks Mocha

Detaillierte Einführung in die Installation und Verwendung des NodeJs-Testframeworks Mocha

黄舟
Freigeben: 2017-03-28 14:18:52
Original
1705 Leute haben es durchsucht

In diesem Artikel wird die Verwendung von Mokka umfassend vorgestellt, damit Sie problemlos loslegen können. Wenn Sie noch nichts über Tests wissen, kann dieser Artikel auch als Einführung in Unit-Tests in JavaScript verwendet werden. Das Folgende ist eine kurze Zusammenfassung in der Reihenfolge des offiziellen Dokuments
Installation und vorläufige Verwendung

Führen Sie den folgenden Befehl im Konsolenfenster aus:

Sie können den folgenden Code schreiben:

$ npm install -g mocha
$ mk
dir
 test
$ $EDITOR test/test.js
Nach dem Login kopieren

Zurück zur Konsole:

var assert = require('assert');
describe('Array', function() {
  describe('#indexOf()', function () {
    it('should return -1 when the value is not present', function () {
      assert.equal(-1, [1,2,3].indexOf(5));
      assert.equal(-1, [1,2,3].indexOf(0));
    });
  });
});
Nach dem Login kopieren

Hier mocha sucht im aktuellen Dateiverzeichnis nach dem Inhalt des Testordners und führt ihn automatisch aus.

$  mocha
  .
  ✔ 1 test complete (1ms)
Nach dem Login kopieren
Beurteilungsbibliothek

Dies ist ein Beurteilungstest, den Sie verwenden können Mocha unterstützt uns standardmäßig bei der Verwendung verschiedener Assertionsbibliotheken. Es gibt einige Unterschiede in der Verwendung der einzelnen Assertionsbibliotheken. .

1 Should.js BDD-Stil, der in diesen Dokumenten gezeigt wird (BDD-Modus, dieses Dokument verwendet diese Assertionsbibliothek)

2 Better-Assert) Selbstdokumentierendes Assert() im C-Stil (C -

Assertion-Bibliothek unter Modell

)
3 Expect.js-Assertionen im Expect()-Stil (Expect-Modus-Assertion-Bibliothek) 4 Unerwartet das erweiterbare BDD-Assertion-Toolkit 5 Chai Expect() , Assertion() und sollte Stilaussagen

Synchronisationscode

Synchronisationscode bedeutet, dass der Test eine Synchronisationsfunktion ist. Der obige Array-bezogene Beispielcode ist einfacher zu verstehen.

Da Es handelt sich nur um asynchrone Codetests, da es auf nodejs viele asynchrone Funktionen gibt, wie z. B. den folgenden Code. Der Testfall wird erst abgeschlossen, wenn die Funktion done() ausgeführt wird

Detaillierte Erläuterung von „beschreiben“ und „it“. 🎜>

Der obige Beispielcode ist relativ einfach. Was soll also beschrieben werden? Im Allgemeinen können wir sehen, dass „beschreiben“ einen TestSuit (Testsammlung) deklarieren sollte und die Testsammlung verschachtelt und verwaltet werden kann, während die it-Anweisung einen bestimmten Testfall definiert. Am Beispiel der BDD-Schnittstelle lautet der spezifische Quellcode wie folgt:

describe('User', function() {
  describe('#save()', function() {
    it('should save without error', function(done) {
      var user = 
new
 User('Luna');
      user.saveAsync(function(err) {
        
if
 (err) throw err;
        done(); // 只有执行完此函数后,该测试用例算是完成。
      });
    });
  });
});
Nach dem Login kopieren
Hooks (Hook)

Tatsächlich ist dies eine sehr häufige Funktion beim Schreiben von Komponententests Um Testfälle auszuführen, ist eine bestimmte

Callback-Funktion

(Hook) vor oder nach der Testfallsammlung erforderlich. Mocha stellt before(), after(), before
  /**
     * Describe a "suite" with the given `title`
     * and callback `fn` containing nested suites
     * and/or tests.
     */
    context.describe = context.context = function(title, fn) {
      var suite = Suite.create(suites[0], title);
      suite.file = file;
      suites.unshift(suite);
      fn.call(suite);
      suites.shift();
      return suite;
    };
      /**
     * Describe a specification or test-case
     * with the given `title` and callback `fn`
     * acting as a thunk.
     */
    context.it = context.specify = function(title, fn) {
      var suite = suites[0];
      if (suite.pending) {
        fn = null;
      }
      var test = new Test(title, fn);
      test.file = file;
      suite.addTest(test);
      return test;
    };
Nach dem Login kopieren
Each

() und aftetEach() bereit. Der Beispielcode lautet wie folgt:

Hooks haben auch die folgenden anderen Verwendungszwecke: Hooks beschreiben – Sie können der Hook-Funktion eine Beschreibung hinzufügen, um das Problem besser anzuzeigen.Asynchrone Hooks: Die Hook-Funktion kann synchron oder asynchron sein. Das Folgende ist ein asynchroner Hook . Beispielcode:

describe('hooks', function() {
  before(function() {
    // runs before all tests in this block
    // 在执行所有的测试用例前 函数会被调用一次
  });
  after(function() {
    // runs after all tests in this block
    // 在执行完所有的测试用例后 函数会被调用一次
  });
  beforeEach(function() {
    // runs before each test in this block
     // 在执行每个测试用例前 函数会被调用一次
  });
  afterEach(function() {
    // runs after each test in this block
    // 在执行每个测试用例后 函数会被调用一次
  });
  // test cases
});
Nach dem Login kopieren

Root-Level-Hooks (globale Hooks) – werden außerhalb der Beschreibung ausgeführt (außerhalb der Testfallsammlung). Dies wird normalerweise vor oder nach allen Testfällen ausgeführt.

Ausstehende Tests (Ausstehende Tests)

Es gibt einige Tests, die noch nicht abgeschlossen sind, ein bisschen ähnlich wie TODO, wie zum Beispiel der folgende Code:

  beforeEach(function(done) {
    // 异步函数
    db.
clear
(function(err) {
      if (err) return done(err);
      db.save([tobi, loki, jane], done);
    });
  });
Nach dem Login kopieren

Exklusive Tests ( Exklusive Tests)

Exklusive Tests ermöglichen eine Reihe von Tests oder Testfällen, von denen nur einer ausgeführt und die anderen übersprungen werden können. Zum Beispiel die folgende Testfallsammlung:

describe('Array', function() {
  describe('#indexOf()', function() {
    // pending test below 暂时不写回调函数
    it('should return -1 when the value is not present');
  });
});
Nach dem Login kopieren
Das Folgende ist der Testfall:

Es ist zu beachten, dass Hooks (Rückruffunktionen) ausgeführt werden.

describe('Array', function() {
  describe.only('#indexOf()', function() {
    // ...
  });
     // 测试集合不会被执行
    describe('#ingored()', function() {
    // ...
  });
});
Nach dem Login kopieren
Inklusive Tests (einschließlich Tests)

Im Gegensatz zur einzigen Funktion führt die Skip-Funktion dazu, dass das Mocha-System die aktuelle Testfallsammlung oder Testfälle ignoriert und alle übersprungenen Testfälle ignoriert werden als „Ausstehend“ gemeldet.
describe('Array', function() {
  describe('#indexOf()', function() {
    it.only('should return -1 unless present', function() {
      // ...
    });
     // 测试用例不会执行
    it('should return the index when present', function() {
      // ...
    });
  });
});
Nach dem Login kopieren
Das Folgende ist ein Beispielcode für eine Sammlung von Testfällen:

Das folgende Beispiel gilt für einen bestimmten Testfall:


Dynamisch generierende Tests (dynamisch generiert Testfälle)

describe('Array', function() {
   //该测试用例会被ingore掉 
  describe.skip('#indexOf()', function() {
    // ...
  });
   // 该测试会被执行
   describe('#indexOf()', function() {
    // ...
  });
});
Nach dem Login kopieren
Tatsächlich ist dies auch in vielen anderen Testtools verfügbar, beispielsweise in NUnit, das die Testfallparameter durch einen Satz ersetzt, um verschiedene Testfälle zu generieren. Im Folgenden finden Sie konkrete Beispiele:

describe('Array', function() {
  describe('#indexOf()', function() {
     // 测试用例会被ingore掉
    it.skip('should return -1 unless present', function() {
      // ...
    });
     // 测试用例会被执行
    it('should return the index when present', function() {
      // ...
    });
  });
});
Nach dem Login kopieren
Schnittstellen (

Schnittstelle

)

Das Schnittstellensystem von Mocha ermöglicht es Benutzern, ihre Testfallsammlungen mit unterschiedlichen Funktionsstilen oder Stilen zu schreiben Neben spezifischen Testfällen verfügt Mocha über Schnittstellen im BDD-, TDD-, Exports-, QUnit- und Require-Stil.
var assert = require('assert');
function add() {
  return Array.prototype.slice.call(arguments).reduce(function(prev, curr) {
    return prev + curr;
  }, 0);
}
describe('add()', function() {
  var tests = [
    {args: [1, 2],       expected: 3},
    {args: [1, 2, 3],    expected: 6},
    {args: [1, 2, 3, 4], expected: 10}
  ];
 // 下面就会生成三个不同的测试用例,相当于写了三个it函数的测试用例。
  tests.forEach(function(test) {
    it('correctly adds ' + test.args.length + ' args', function() {
      var res = add.apply(null, test.args);
      assert.equal(res, test.expected);
    });
  });
});
Nach dem Login kopieren

BDD – Dies ist der Standardstil von Mocha, und unser Beispielcode in diesem Artikel hat dieses Format. Es stellt die Funktionen discover(), context(), it(), before(), after(), beforeEach() und afterEach() bereit. Der Beispielcode lautet wie folgt:

describe('Array', function() {
    before(function() {
      // ...
    });
    describe('#indexOf()', function() {
      context('when not present', function() {
        it('should not throw an error', function() {
          (function() {
            [1,2,3].indexOf(4);
          }).should.not.throw();
        });
        it('should return -1', function() {
          [1,2,3].indexOf(4).should.equal(-1);
        });
      });
      context('when present', function() {
        it('should return the index where the element first appears in the array', function() {
          [1,2,3].indexOf(3).should.equal(2);
        });
      });
    });
  });
Nach dem Login kopieren

TDD - 提供了 suite(), test(), suiteSetup(), suiteTeardown(), setup(), 和 teardown()的函数,其实和BDD风格的接口类似(suite相当于describe,test相当于it),示例代码如下:

suite('Array', function() {
  setup(function() {
    // ...
  });
  suite('#indexOf()', function() {
    test('should return -1 when not present', function() { 
      assert.equal(-1, [1,2,3].indexOf(4));
    });
  });
});
Nach dem Login kopieren

Exports - 对象的值都是测试用例集合,函数值都是测试用例。 关键字before, after, beforeEach, and afterEach 需要特别定义。
具体的示例代码如下:

module.exports = {
  before: function() {
    // ...
  },
  'Array': {
    '#indexOf()': {
      'should return -1 when not present': function() {
        [1,2,3].indexOf(4).should.equal(-1);
      }
    }
  }
};
Nach dem Login kopieren

QUnit - 有点像TDD,用suit和test函数,也包含before(), after(), beforeEach()和afterEach(),但是用法稍微有点不一样, 可以参考下面的代码:

function ok(expr, msg) {
  if (!expr) throw new Error(msg);
}
suite('Array');
test('#length', function() {
  var arr = [1,2,3];
  ok(arr.length == 3);
});
test('#indexOf()', function() {
  var arr = [1,2,3];
  ok(arr.indexOf(1) == 0);
  ok(arr.indexOf(2) == 1);
  ok(arr.indexOf(3) == 2);
});
suite('String');
test('#length', function() {
  ok('foo'.length == 3);
});
Nach dem Login kopieren

Require - 该接口允许我们利用require关键字去重新封装定义 describe ,it等关键字,这样可以避免全局变量
如下列代码:

var testCase = require('mocha').describe;
var pre = require('mocha').before;
var assertions = require('mocha').it;
var assert = require('assert');
testCase('Array', function() {
  pre(function() {
    // ...
  });
  testCase('#indexOf()', function() {
    assertions('should return -1 when not present', function() {
      assert.equal([1,2,3].indexOf(4), -1);
    });
  });
});
上述默认的接口是BDD, 如果想
Nach dem Login kopieren

上述默认的接口是BDD, 如果想使用其他的接口,可以使用下面的命令行:

mocha -ui  接口(TDD|Exports|QUnit...)

Reporters (测试报告/结果样式)

Mocha 支持不同格式的测试结果暂时,其支持 Spec, Dot Matrix,Nyan,TAP…等等,默认的样式为Spec,如果需要其他的样式,可以用下列命令行实现:

mocha --reporter 具体的样式(Dot Matrix|TAP|Nyan...)

Editor Plugins

mocha 能很好的集成到TextMate,Wallaby.js,JetBrains(IntelliJ IDEA, WebStorm) 中,这里就用WebStorm作为例子。 JetBrains提供了NodeJS的plugin让我们很好的使用mocha和nodeJs。 添加mocha 的相关的菜单,

这里就可以直接在WebStorm中运行,调试mocha的测试用例了。

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Installation und Verwendung des NodeJs-Testframeworks Mocha. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage