如何编写单元测试来断言 jQuery 元素的值答案

【问题标题】：How to write unit test to assert the value of a jQuery element如何编写单元测试来断言 jQuery 元素的值
【发布时间】：2010-02-15 04:24:47
【问题描述】：

我使用的是 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 是否具有正确的值。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：