JS-如何使用QUnit進行測試

Question

我們有JS API根據HTML（標記語義和CSS）做很多事情。 我們下面有很多類似的代碼：

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

不用擔心代碼做什么，僅舉一個例子。 現在，我如何使用qUnit進行測試，此功能有效。 我的猜測是，我需要使用上述類設置一些HTML元素，以及一些需要如何測試的元素，對嗎？ 我了解qUnit的作用，但可以肯定缺少一些基本的東西。 請你幫助我好嗎？ 謝謝。

Answer 1

這是對一個元素的測試

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();
});

Answer 2

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

對於遇到這種情況的任何人，我最終都將自己的HTML放到qUnit的統計HTML之外。 看起來很丑-嘿，行得通。 謝謝。