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

Question

我正在从事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>');

我做得对吗? way..Need你的建议

Answer 1

在你的代码中：

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

您是否尝试过使用"#FileExtensiondTest.fileExtensionInValid.DocumentFileName“或"#Text1”更改"#FileExtensiondTest_fileExtensionInValid_DocumentFileName"

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