javascript - 将 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>');

我的做法正确吗？需要您的建议

Answer 1

在您的代码中:

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

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

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