如何在qunit窗口中使用Funcunit设置元素的属性（测试窗口）

Question

我正在使用带有qunit的FuncUnit来测试应用程序。我想将selected菜单选项的<select>属性设置为true。

在jQuery中，我可以执行类似

的操作

$('select#id option:eq(0)').prop('selected', true).change();

实现这一目标。但是，在funcunit中，

S('select#id option:eq(0)').prop('selected', true).trigger('change');

选择器找到元素并获取（未设置）prop selected的值。我想设置元素的支柱。

Answer 1

你有没有试过这样的东西？

S('select#id option:eq(0)').attr('selected', 'selected').trigger('change');

在jQuery中，它设置标记的任何属性。例如，对于标记<a href="#">Link</a>，您可以设置属性href，如下所示：$('a').attr('href', '#new-link');）。这应该适用于以旧的XHTML样式添加selected属性。取消财产可能会很难。

另一个选项可能是使用click，如下所示：

S('select#id option:eq(0)').click();

您甚至不需要触发change。

Answer 2

根据来自funcunit团队的comment - 用户无法设置选项的属性，他们只知道执行某些操作，例如点击，拖动，等

所以为了达到这个目的，我们需要做到

S.win.$('select#id option:eq(0)').prop('selected', true).trigger('change');

这在测试窗口上运行jquery。