JQuery 单元测试工具提示（jasmine、qunit 等）

Question

我想知道是否有人可以向我提供有关如何对工具提示进行单元测试的信息，也许是一些示例代码？框架没问题，我可以自由使用任何可用的 Javascript/JQuery 框架（Jasmine、Qunit 等）。困难的部分是我真的找不到一个很好的例子来说明如何测试工具提示（他们的脚本被异步调用）。

所以关于单元测试的任何示例 JQuery UI 工具提示或其他外部库（qtip 等）都会非常有帮助。

Answer 1

Jasmine 通常支持异步测试。您可以在回调中进行断言并调用 done() 以表示您的测试已成功完成。

例如

it("should work with async", function(done) {
   doSomethingAsync().success(function() {
      // make assertions in callback
      done(); // done with test
   });
})

Answer 2

jQuery 团队使用 Qunit 进行测试。当我处理 jQuery 插件时，我倾向于使用相同的工具。这是 Qunit 中的示例测试：

//In your JS

function myTestFunction() {
  //code here
}

//In test.js

QUnit.test( 'My Tests: ', function( assert ) {

  'use strict';

  var $el = $('#my-tooltip');

  assert.strictEqual( typeof myFunction, 'function', 'It is a function.' );
  assert.notEqual( $el.css('display'), 'none', 'It is visible.' );

});

JQuery 单元测试工具提示（jasmine、qunit 等）

JQuery Unit Testing tooltips (jasmine, qunit, etc..)

javascript

jquery

unit-testing

jasmine

qunit