Search jQuery

jQuery Forum

Append DOM objects to qunit-fixture + Qunit

in QUnit and Testing • 8 years ago

<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>

I would to add above DOM object to qunit-fixture and access DOM object attributes in Test cases such as below:
ok($("#FileExtensiondTest_fileExtensionInValid_DocumentFileName").hasClass("input- validation-error"), "True, Valid Test");

I tried adding DOM to qunit-fixture by below line of code:
 $("#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>');


Am I doing in the right way..Need your suggestions

Replies(1)

FernandoL..

Re: Append DOM objects to qunit-fixture + Qunit

5 years ago

Is not bad, I would recommend to do this instead:

var fixture = $('#qunit-fixture');

and then just:

fixture.append.('<select><option>1</option><option>2</option></select>'); (for example)
Then can you use fixture in differente places of your test if you need it.
You can also declare

('<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>');

as var $element = $('<div><form><input /> </input></div>');
and then you can call it like this:

fixture.append($element);

Top Reply

Response title

Attachments

jQuery Forum

Append DOM objects to qunit-fixture + Qunit

Replies(1)

Re: Append DOM objects to qunit-fixture + Qunit

Statistics

Tags

Actions

Related Posts