Test de javascript con QUnit - Historial de revisiones

201.251.185.130 en 15:13 31 ago 2011

2011-08-31T15:13:36Z

201.251.185.130 en 15:11 31 ago 2011

2011-08-31T15:11:52Z

Eestevez: /* Asserts */

2011-08-16T12:34:19Z

‎Asserts

Eestevez: /* Asserts */

2011-08-16T12:20:45Z

‎Asserts

Eestevez en 12:08 16 ago 2011

2011-08-16T12:08:02Z

Eestevez en 12:06 16 ago 2011

2011-08-16T12:06:32Z

Eestevez en 11:49 16 ago 2011

2011-08-16T11:49:35Z

190.49.189.88: /* Escribir test unitarios con QUnit */

2011-08-15T23:33:04Z

‎Escribir test unitarios con QUnit

190.49.189.88: /* Escribir test unitarios con QUnit */

2011-08-15T23:10:26Z

‎Escribir test unitarios con QUnit

190.49.189.88: /* Escribir test unitarios con QUnit */

2011-08-15T23:09:46Z

‎Escribir test unitarios con QUnit

@@ Línea 150: / Línea 150: @@
 QTR provee un entorno de JavaScript dentro de una JVM para la ejecucion de los test de QUnit y el reporte de los resultados en un formato JUnit XML standard.
 Por lo tanto, QTR permite una fácil integracion con los sistemas de CI (Integracion Continua) como Jenkins/Hudson, dando visibilidad inmediata de los test de QUnit junto a los test de JUnit.
 * Bajar la libreria [http://code.google.com/p/qunit-test-runner/downloads/list qunit-test-runner-0.0.1-SNAPSHOT-jar-with-dependencies.jar] y agregarla en el classpath de Run Test (en Netbeans) del proyecto.
 * Generar un <nombre del Test>Recipe.js con la funcion loadFiles utilizada por QTR.
 Ejemplo: pagoConTarjetaTestRecipe.js
 <code javascript>
   loadFiles([
@@ Línea 164: / Línea 167: @@
   ])
 </code>
 * Agregar las siguientes tareas ant al build.xml del proyecto.
@@ Línea 193: / Línea 197: @@
 </target>
 </code>
 * Activar en el proyecto de Jenkins, la opcion publish HTML reports y apuntar al directorio donde se generan los reportes HTML a la pagina index.html

@@ Línea 142: / Línea 142: @@
 equal(extraerSubCadena("dosIdeas",3,5),'Ideas');
 </code>
 == Ver también  ==
 [http://docs.jquery.com/Qunit Página de QUnit]

@@ Línea 114: / Línea 114: @@
 '''ok''':
-Es para validar resultado booleanos (es el equivalente a assertTrue de JUnit). Tiene la siguiente estructura: ok(estado, mensaje) donde estado es una expresión booleana y mensaje es la salida del assert.
+Es para validar resultado booleanos (es el equivalente a assertTrue de JUnit).
 Ejemplo:
 <code xml>
 ok(validarImporte("1112"),'El importe es 1112');
 </code>
 == Ver también  ==
 [http://docs.jquery.com/Qunit Página de QUnit]

@@ Línea 110: / Línea 110: @@
 == Asserts  ==
 == Ver también  ==
 [http://docs.jquery.com/Qunit Página de QUnit]

@@ Línea 108: / Línea 108: @@
 [[Image:DosIdeasQUnitResultado.jpg]]
 == Ver también  ==
 [http://docs.jquery.com/Qunit Página de QUnit]

← Revisión anterior		Revisión del 12:06 16 ago 2011
Línea 108:		Línea 108:

	[[Image:DosIdeasQUnitResultado.jpg]]		[[Image:DosIdeasQUnitResultado.jpg]]
		+
		+	== Ver también ==
		+	[http://docs.jquery.com/Qunit Página de QUnit]

← Revisión anterior		Revisión del 11:49 16 ago 2011
Línea 107:		Línea 107:
	El resultado de los test quedan de la siguiente manera:		El resultado de los test quedan de la siguiente manera:

−	[[Image:DosIdeasQUnitResultado.jpg]]	+	[[Image:DosIdeasQUnitResultado.jpg]]
−
−	~~Descargar ejemplo~~
−
−	~~[[File: demoQunit.zip~~]]

@@ Línea 3: / Línea 3: @@
 QUnit es una potente herramienta para testear javascript.
-== Escribir test unitarios con QUnit ==
+== Escribir test unitarios con QUnit  ==
 Lo primero que se debe hacer es configurar el ambiente de test.
 Para utilizar QUnit se deben usar los siguientes archivos: qunit.js y qunit.css. El qunit.js es un script con la libreria, y el qunit.css es una hoja de estilo y es opcional.
-<code xml>
+<code xml="xml">
 <link rel="stylesheet" type="text/css" href="http://github.com/jquery/QUnit/raw/master/QUnit/QUnit.css" media="all" />
 <script type="text/javascript" src="http://github.com/jquery/QUnit/raw/master/QUnit/QUnit.js"></script>
 </code>
 Además de estos archivos, nuestras aplicaciones tienen que contar con una serie de etiquetas HTML donde se mostrarán los resultados de nuestros tests:
-<code xml>
+<code xml="xml">
 <h1 id="QUnit-header">QUnit Test Suite</h1>
 <h2 id="QUnit-banner"></h2>
@@ Línea 22: / Línea 22: @@
 <h2 id="QUnit-userAgent"></h2>
 <ol id="QUnit-tests"></ol>
 </code>
 A continuación se deja un ejemplo completo de un html donde se incluyen los archivos y las etiquetas html que necesita QUnit.
-<code xml>
+<code xml="xml">
 <!DOCTYPE html>
@@ Línea 54: / Línea 54: @@
 </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 archivo dosIdeasTest.js:
-<code xml>
+<code xml="xml">
 $(document).ready(function(){
@@ Línea 80: / Línea 80: @@
 });
 </code>
-El archivo dosIdeas.js:
+<code xml="xml">
 function validarImporte(importe) {
@@ Línea 104: / Línea 103: @@
+}
 </code>
-El resultado de los test quedan de la siguiente manera:
+Descargar ejemplo
-[[Image:DosIdeasQUnitResultado.jpg]]
+[[File: demoQunit.zip]]

← Revisión anterior		Revisión del 23:10 15 ago 2011
Línea 107:		Línea 107:

	El resultado de los test quedan de la siguiente manera:		El resultado de los test quedan de la siguiente manera:
		+
	[[Image:DosIdeasQUnitResultado.jpg]]		[[Image:DosIdeasQUnitResultado.jpg]]

@@ Línea 88: / Línea 88: @@
 function validarImporte(importe) {
          if (importe.length == 0) {
-             mensajeError = 'Ingresá el importe a pagar.';
+             return false;
          } else {
              if (!/^[1-9][0-9]*(?:\.)?[0-9]?[0-9]?$/.test(importe.replace(',','.'))) {
-                 mensajeError = "El importe a pagar debe ser numérico, mayor a cero con hasta 2 decimales.";
+                 return false;
+             }
+         }
-         return esImporteValido;
+         return true;
+     }
@@ Línea 109: / Línea 106: @@
 </code>
+El resultado de los test quedan de la siguiente manera:
 [[Image:DosIdeasQUnitResultado.jpg]]