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

Question

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

在jQuery，我可以做类似的事情

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

为达到这个。但是，在功能单元中，

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');。这也适用于selected以旧的 XHTML 样式添加属性。不过，取消设置属性可能很困难。

另一种选择可能是使用click，如下所示：

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

您甚至不需要触发change.

Answer 2

根据funcunit 团队的评论-用户将无法设置选项的属性，他们只知道执行一些操作，例如单击、拖动等。

所以为了实现这一点，我们需要做

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

这会在测试窗口上运行 jquery。