JQuery单元测试工具提示(jasmine, qunit等)

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

本文关键字:qunit jasmine 单元测试 工具提示 JQuery      更新时间:2023-09-26

我想知道是否有人可以为我提供信息,也许是一些示例代码,关于如何单元测试工具提示?框架没有问题,我可以自由使用任何Javascript/JQuery框架(Jasmine, Qunit等)。困难的部分是,我真的找不到一个很好的例子来说明如何测试工具提示(它们的脚本是异步调用的)。

所以任何关于单元测试JQuery UI tooltip或其他外部库(qtip等)的例子都将非常有帮助。

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.' );
});

Jasmine一般支持异步测试。您可以在回调中做出断言,并调用done()来表示您的测试成功完成。

例如

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