将 DOM 对象附加到 qunit-fixture + Qunit答案

【问题标题】：Append DOM objects to qunit-fixture + Qunit将 DOM 对象附加到 qunit-fixture + Qunit
【发布时间】：2013-04-12 07:14:47
【问题描述】：

我正在使用 Qunit 框架进行 JavaScript 单元测试。我有一个带有表单和文本框的 DOM 对象。

 <div>
  <form action="/" id="Form1" method="post">
  <div>
    <input  data-val="true" data-val-fileextensions="The DocumentFileName field only 
            accepts files with the following extensions: doc,docx,txt,rtf,pdf" data-
            val-fileextensions-fileextensions="doc,docx,txt,rtf,pdf" id="Text1" 
            name="FileExtensiondTest.fileExtensionInValid.DocumentFileName" type="text" 
            value="test.ppt" />
  </div>
  </form>
 </div>

我想将上面的 DOM 对象添加到 qunit-fixture 并在测试用例中访问 DOM 对象属性，如下所示：

    ok($("#FileExtensiondTest_fileExtensionInValid_DocumentFileName").hasClass("input-
         validation-error"), "True, Valid Test");

我尝试通过以下代码行将 DOM 添加到 qunit-fixture：

    $("#qunit-fixture").append('<div><form action="/" id="Form1" method="post"><div>        
      <input  data-val="true" data-val-fileextensions="The DocumentFileName field 
        only accepts files with the following extensions: doc,docx,txt,rtf,pdf" data-
        val-fileextensions-fileextensions="doc,docx,txt,rtf,pdf" id="Text1" 
        name="FileExtensiondTest.fileExtensionInValid.DocumentFileName" type="text" 
        value="test.ppt" /></div></form></div>');

我做得对吗..需要你的建议

【问题讨论】：

标签： javascript qunit

【解决方案1】：

在您的代码中：

ok(
  $("#FileExtensiondTest_fileExtensionInValid_DocumentFileName")
    .hasClass("input-validation-error"), 
  true, 
  "Valid Test"
);

您是否尝试将 "#FileExtensiondTest_fileExtensionInValid_DocumentFileName" 更改为“#FileExtensiondTest.fileExtensionInValid.DocumentFileName”或“#Text1”

让我们知道解决方案是什么。一旦你解决它。祝你好运！

【讨论】：