如何在Qunit复选框中添加事件

Question

我正在使用QUnit，并且有一个简单的要求：我需要在“ qunit-testrunner-toolbar”中有3个复选框的自定义复选框。

我可以使用以下方法添加一个复选框：

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

但是我怎么能给它添加事件。 假设我希望此复选框执行一个简单的功能，以便对其进行检查将仅显示名称为“ GoodTest”的测试用例，并隐藏所有其他用例。

提前致谢 ！！

Answer 1

您需要自己编写该功能。 当您添加这样的复选框时，当用户检查ID /值时，其ID /值就会放入查询字符串中。 换句话说，对于上面的代码，当选中此复选框时，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!
  }
}