2010-08-18 98 views
2

我們有JS API根據HTML(標記語義和CSS)做了很多事情。我們有許多如下所示的代碼:JS - 如何使用qunit來測試

function initHelpText() { 
    $(".helpText, .tooltip, #pageHelp").css("cursor", "hand"); 
} 

不要擔心代碼的作用,只是一個例子。現在我如何使用qUnit來測試,這個功能的工作原理。我的猜測是我需要用上面的類設置一些HTML元素,以及我需要如何測試它,對嗎?我瞭解qUnit的功能,但肯定會缺少一些非常基本的東西。你可以幫我嗎?謝謝。

回答

3

這是檢驗一個元素

test('.helpText cursor test',function(){ 
    var element = $('<div class="helpText"></div>'); 
    $('body').append(element); 
    same($('.helpText').css('cursor'),'hand','Cursor should be hand'); 
    element.remove(); 
}); 
+0

我想我現在明白了。謝謝,現在我看到了大局。 – 2011-01-24 21:57:44

1

好的......我認爲這是一個基本問題,聽起來好像沒有多少人使用qUnit,而使用qUnit的人可能沒有確切的情況。

對於任何遇到這種情況的人,我最終將自己的HTML超出了qUnit的統計HTML。它看起來很醜 - 嘿它有效。謝謝。