Question

我正在使用Qunit框架进行javaScript单元测试。我有DOM对象，其中包含Form和Textbox。

 <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 ”或“＃Text1 ”更改“＃FileExtensiondTest_fileExtensionInValid_DocumentFileName”

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

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

1 个答案: