Diferencia entre revisiones de «Test de javascript con QUnit»

De Dos Ideas.
Saltar a: navegación, buscar
Línea 9: Línea 9:
 
Lo primero que se debe hacer es hacer el ambiente de test.  
 
Lo primero que se debe hacer es hacer el ambiente de test.  
  
 +
<code xml>
 +
 +
<!DOCTYPE html>
 +
<html>
 +
<head>
 +
<title>Dos Ideas - QUnit</title>
 +
<script src="http://code.jquery.com/jquery-latest.js"></script>
 +
<link rel="stylesheet" href="http://code.jquery.com/qunit/git/qunit.css" type="text/css" media="screen" />
 +
<script type="text/javascript" src="http://code.jquery.com/qunit/git/qunit.js"></script>
 +
<!-- Your source files go here -->
 +
<script type="text/javascript" src="dosIdeas.js"></script>
 +
 +
<!-- Your tests files go here -->
 +
<script type="text/javascript" src="dosIdeasTest.js"></script>
 +
 +
</head>
 +
<body>
 +
<h1 id="qunit-header">QUnit example</h1>
 +
<h2 id="qunit-banner"></h2>
 +
<div id="qunit-testrunner-toolbar"></div>
 +
<h2 id="qunit-userAgent"></h2>
 +
<ol id="qunit-tests"></ol>
 +
 +
<!-- Any HTML you may require for your tests to work properly -->
 +
<div id="qunit-fixture">test markup, will be hidden</div>
 +
</body>
 +
</html>
 +
 +
</code>
  
 
El codigo que se va a testear debe estar en dosIdeas.js y los test en dosIdeasTest.js. Para correr los test simplemente se debe abrir el html en el browser.
 
El codigo que se va a testear debe estar en dosIdeas.js y los test en dosIdeasTest.js. Para correr los test simplemente se debe abrir el html en el browser.

Revisión del 19:44 15 ago 2011

QUnit es una potente herramienta para testear javascript.

Para utilizar QUnit, se tiene que incluir a los archivos qunit.js, qunit.css y un HTML para mostrar los resultados de las pruebas.

EjemploQUnit.jpg

Como escribir test unitarios con QUnit:

Lo primero que se debe hacer es hacer el ambiente de test.

<!DOCTYPE html> <html> <head> <title>Dos Ideas - QUnit</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <link rel="stylesheet" href="http://code.jquery.com/qunit/git/qunit.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://code.jquery.com/qunit/git/qunit.js"></script> <script type="text/javascript" src="dosIdeas.js"></script>

<script type="text/javascript" src="dosIdeasTest.js"></script>

</head> <body>

QUnit example

    test markup, will be hidden

    </body> </html>

    El codigo que se va a testear debe estar en dosIdeas.js y los test en dosIdeasTest.js. Para correr los test simplemente se debe abrir el html en el browser.