Diferencia entre revisiones de «Test de javascript con QUnit»
| 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.
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
</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.
