如何在Qunit複選框中添加事件

Question

我正在使用QUnit，並且有一個簡單的要求：我需要在「qunit-testrunner-toolbar」中定製複選框，其中已經有3個複選框。

我可以使用添加一個複選框：

QUnit.config.urlConfig.push({ 
id: 'foo', 
value: 'bar', 
label: 'Enable foo', 
tooltip: '...' 
}); 

但我怎麼能的addEvent它。假設我想讓這個複選框執行一個簡單的函數，以便檢查它只顯示名稱爲「GoodTest」的測試用例並隱藏所有其他測試用例。

在此先感謝！

Answer 1

您需要自己編寫該功能。當你添加這樣的複選框時，當用戶檢查它時，id/value將被置於查詢字符串中。換句話說，對於上面的代碼，當複選框被選中時，URL將變爲：http://localhost:80/my-test.html?foo=bar

您需要編寫JavaScript代碼來讀取查詢字符串，然後根據值（或不目前）像這樣：

var params = document.location.search.substr(1).split('&'); 
for (var i=0; i<params.length; ++i) { 
    if (params[i] === 'foo=bar') { 
    // user has checked your box, do whatever you need to do! 
    } 
}