1

我正在使用 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>');

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

4

1 回答 1

0

在您的代码中：

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

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

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

于 2014-03-29T04:31:25.847 回答