javascript - 如何编写单元测试来断言 jQuery 元素的值

Question

我正在使用 jQuery 1.4.1，这是一个简单的代码。

buildCol1: function() {
  var col = $('<select />', {className: 'col1' }).append($('<option />'));
  return $('<td />').append(col);
},

我正在使用 qunit 。在这种情况下，方法调用返回一个 jquery 元素。因为我正在写一个测试，所以我应该有类似的东西

s = "<td><select class='col1'><option></option></select></td>"

我不确定如何从 jquery 元素中获取完全扩展的文本值。我相信我可以通过完全侵犯所有孩子来做到这一点。但我希望有一种更简单的方法可以对这种方法进行单元测试。

更新：

在我发布问题后，我知道在返回的元素上我可以检查类名和正确的孩子数。基本上这就像检查返回的 td 是否具有正确的值。

score 3 · Accepted Answer

那么，您想获得 jQuery 选择的纯 HTML 源代码吗？解决方案是将其放入包含元素并获取该元素的内部 HTML：

var $myEl = $('<select />', {className: 'col1' }).append($('<option />'));
var src = $("<div></div>").append($myEl).html();

1 回答 1