QUnit: uso de aserciones
Todas las afirmaciones están en la categoría de afirmación.
Esta categoría proporciona un conjunto de métodos de afirmación útiles para escribir pruebas. Solo se registran las afirmaciones fallidas.
| No Señor. | Métodos y descripción |
|---|---|
| 1 | async() Indique a QUnit que espere una operación asincrónica. |
| 2 | deepEqual() Una comparación recursiva profunda, trabajando en tipos primitivos, matrices, objetos, expresiones regulares, fechas y funciones. |
| 3 | equal() Una comparación no estricta, aproximadamente equivalente a assertEquals de JUnit. |
| 4 | expect() Especifique cuántas afirmaciones se espera que se ejecuten dentro de una prueba. |
| 5 | notDeepEqual() Una comparación recursiva profunda invertida, que trabaja en tipos primitivos, matrices, objetos, expresiones regulares, fechas y funciones. |
| 6 | notEqual() Una comparación no estricta, comprobando la desigualdad. |
| 7 | notOk() Una verificación booleana, inversa a ok () y assert.ok () de CommonJS, y equivalente a assertFalse () de JUnit. Pasa si el primer argumento es falso. |
| 8 | notPropEqual() Una comparación estricta de las propiedades propias de un objeto, comprobando la desigualdad. |
| 9 | notStrictEqual() Una comparación estricta, comprobando la desigualdad. |
| 10 | ok() Una verificación booleana, equivalente a assert.ok () de CommonJS y assertTrue () de JUnit. Pasa si el primer argumento es verdadero. |
| 11 | propEqual() Una comparación estricta de tipos y valores de las propiedades propias de un objeto. |
| 12 | push() Informar el resultado de una aserción personalizada. |
| 13 | strictEqual() Una estricta comparación de tipos y valores. |
| 14 | throws() Pruebe si una devolución de llamada arroja una excepción y, opcionalmente, compare el error arrojado. |
Intentemos cubrir la mayoría de los métodos mencionados anteriormente en un ejemplo.
<html>
<head>
<meta charset = "utf-8">
<title>QUnit basic example</title>
<link rel = "stylesheet" href = "https://code.jquery.com/qunit/qunit-1.22.0.css">
<script src = "https://code.jquery.com/qunit/qunit-1.22.0.js"></script>
</head>
<body>
<div id = "qunit"></div>
<div id = "qunit-fixture"></div>
<script>
QUnit.test( "TestSuite", function( assert ) {
//test data
var str1 = "abc";
var str2 = "abc";
var str3 = null;
var val1 = 5;
var val2 = 6;
var expectedArray = ["one", "two", "three"];
var resultArray = ["one", "two", "three"];
//Check that two objects are equal
assert.equal(str1, str2, "Strings passed are equal.");
//Check that two objects are not equal
assert.notEqual(str1,str3, "Strings passed are not equal.");
//Check that a condition is true
assert.ok(val1 < val2, val1 + " is less than " + val2);
//Check that a condition is false
assert.notOk(val1 > val2, val2 + " is not less than " + val1);
//Check whether two arrays are equal to each other.
assert.deepEqual(expectedArray, resultArray ,"Arrays passed are equal.");
//Check whether two arrays are equal to each other.
assert.notDeepEqual(expectedArray, ["one", "two"],
"Arrays passed are not equal.");
});
</script>
</body>
</html>Verificar la salida
Debería ver el siguiente resultado: