Javascript JQuery单元测试工具提示(jasmine、qunit等)
我想知道是否有人能为我提供关于如何单元测试工具提示的信息,也许是一些示例代码? 该框架没有问题,我可以自由使用任何可用的Javascript/JQuery框架(Jasmine、Qunit等)。 困难的是,我真的找不到工具提示(它们的脚本被异步称为工具提示)如何测试的好例子Javascript JQuery单元测试工具提示(jasmine、qunit等),javascript,jquery,unit-testing,jasmine,qunit,Javascript,Jquery,Unit Testing,Jasmine,Qunit,我想知道是否有人能为我提供关于如何单元测试工具提示的信息,也许是一些示例代码? 该框架没有问题,我可以自由使用任何可用的Javascript/JQuery框架(Jasmine、Qunit等)。 困难的是,我真的找不到工具提示(它们的脚本被异步称为工具提示)如何测试的好例子 因此,任何关于单元测试jQueryUI工具提示或其他外部库(qtip等)的示例都非常有用 Jasmine通常支持异步测试。您可以在回调中做出断言,并调用done(),以表示测试已成功完成 比如说 it("should work
因此,任何关于单元测试jQueryUI工具提示或其他外部库(qtip等)的示例都非常有用 Jasmine通常支持异步测试。您可以在回调中做出断言,并调用
done()
,以表示测试已成功完成
比如说
it("should work with async", function(done) {
doSomethingAsync().success(function() {
// make assertions in callback
done(); // done with test
});
})
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.' );
});
但是,是否也可以检查对象(在我的示例中是工具提示)是否在qunit中可见?它们有这样的功能吗?或者我应该只使用可见选择器吗?您可以检查
display
属性。如果它不是none
,则它是可见的。我将添加一个示例。谢谢!另一个问题是,在我的HTML文件中有一个对象(div、span等),它可以触发工具提示功能。但我可以向函数中添加参数,如:onclick=“Tooltip”(“content”,width,500)”。例如,如何检查工具提示中是否使用了字符串“content”?希望不是太多的问题。这是相当具体的插件,但我会猜测。也许,抓取tooltip元素并检查其内部HTML,看看它是否包含“内容”。不,您的函数不必返回任何内容。例如,您可以检查qtip是否触发事件。看看这本书。你可以做很多事情。如果你在html中有一个调用,比如:onclick=“tooltip(“content”)”
和在JS中使用函数tooltip(){}
脚本并使用Jasmine测试,你能解释一下你的例子是如何组合工作的吗?