Start with QUnit

Start with QUnit

Hi,

I'm new in QUnit and testing JS.

I am reading a lot of tutorials but i have a question. 
How to test DOM ? 

Tutorial said that i have to create new file 

(test_qunit.html)
<pre> 
  

   

    <!DOCTYPE html>
   

  

  

   

    <html>
   

  

  

   

    <head>
   

  

  

   

     <meta charset="utf-8">
   

  

  

   

     <title>QUnit Example</title>
   

  

  

   

     <link rel="stylesheet" href="/resources/qunit.css">
   

  

  

   

    </head>
   

  

  

   

    <body>
   

  

  

   

     <div id="qunit"></div>
   

  

  

   

     <div id="qunit-fixture"></div>
   

  

  

   

     <script src="/resources/qunit.js"></script>
   

  

  

   

     <script src="/resources/tests.js"></script>
   

  

  

   

    </body>
   

  

  

   

    </html>
</pre>

OK

In my application in second html file i have some 

<a href="#" id="showDiv">show my div</a>
<div id="myDiv" class="hidden">

and in js file preety jquery code
$('#showDiv').click(function() { $('#myDiv').show(); }

I want to test is this div is visible after click <a>.


I have to put the same html code to my text_qunit.html ?