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

Javascript 如何编写单元测试来断言jQuery元素的值,javascript,unit-testing,testing,qunit,Javascript,Unit Testing,Testing,Qunit,我正在使用jQuery1.4.1,下面是一个简单的代码 buildCol1: function() { var col = $('<select />', {className: 'col1' }).append($('<option />')); return $('<td />').append(col); }, buildCol1:function(){ var col=$('',{className:'col1'}).append($('')

我正在使用jQuery1.4.1,下面是一个简单的代码

buildCol1: function() {
  var col = $('<select />', {className: 'col1' }).append($('<option />'));
  return $('<td />').append(col);
},
buildCol1:function(){
var col=$('',{className:'col1'}).append($('');
返回$('')。追加(列);
},
我正在使用qunit。在本例中,方法调用返回jquery元素。因为我正在写一个测试,所以我应该

s = "<td><select class='col1'><option></option></select></td>"
s=“”
我不确定如何从jquery元素获得完全展开的文本值。我相信我可以通过彻底治疗所有的孩子来做到这一点。但是我希望有一种更简单的方法来单元测试这个方法

更新:


在我发布了这个问题之后,我有了一个想法:在返回的元素上,我可以检查类名和正确的子元素计数。基本上,这就像检查返回的td是否具有正确的值一样。

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

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