javascript - property - title label html
¿Cómo se ejecutan las pruebas de mocha en el navegador? (2)
Pensé que la documentación no estaba del todo clara también, pero finalmente la resolví y la configuré. Así es cómo:
Incluir el script Mocha y CSS en Index.html. También incluya un div con id "Mocha" para insertar la salida. Incluye el script de prueba que te gustaría ejecutar.
<link href="lib/mocha/mocha.css" rel="stylesheet" />
<script src="lib/mocha/mocha.js"></script>
<script src="test/my_mocha_test.js"></script>
<div id="mocha"></div>
En su archivo de prueba (my_mocha_test.js en este ejemplo) incluya esta línea de configuración en la parte superior:
// ''bdd'' stands for "browser driven development"
mocha.setup(''bdd'');
Ahora, con la prueba y el contenido de Mocha cargados, puedes ejecutar las pruebas con este comando:
mocha.run();
Puede agregar eso a un detector de eventos y activarlo pulsando un botón u otro evento, o simplemente puede ejecutarlo desde la consola, pero debe colocar la salida de prueba en el div con la identificación "mocha". Aquí hay una página con todo esto configurado con el código visible en GitHub para que lo puedas
¿Soy yo o su documentación no explica cómo ejecutar las pruebas en el navegador?
¿Tengo que crear ese archivo HTML que se muestra en el ejemplo? ¿Cómo hago que ejecute mi conjunto específico de casos de prueba para mi proyecto?
Quiero la misma salida que ejecutando mocha desde la raíz del proyecto. Todos los subdirectorios dentro de la carpeta de test deben ser incluidos
Si necesitamos ejecutar nuestras pruebas en un navegador, debemos configurar una página HTML simple para que sea nuestra página de prueba. La página carga Mocha, las bibliotecas de prueba y nuestros archivos de prueba reales. Para ejecutar las pruebas, simplemente abriremos el corredor en un navegador.
código html de ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Mocha Tests</title>
<link rel="stylesheet" href="node_modules/mocha/mocha.css">
</head>
<body>
<div id="mocha"></div>
<script src="node_modules/mocha/mocha.js"></script>
<script src="node_modules/chai/chai.js"></script>
<script>mocha.setup(''bdd'')</script>
<!-- load code you want to test here -->
<!-- load your test files here -->
<script>
mocha.run();
</script>
</body>
</html>
Configuración de una estructura de directorios
Debe colocar sus pruebas en un directorio separado de sus archivos de código principales. Esto hace que sea más fácil estructurarlos, por ejemplo, si desea agregar otros tipos de pruebas en el futuro (como pruebas de integración o pruebas funcionales).
La práctica más popular con el código JavaScript es tener un directorio llamado prueba / en el directorio raíz de su proyecto. Luego, cada archivo de prueba se coloca bajo prueba / someModuleTest.js.
Cosas importantes :
- Cargamos los estilos CSS de Mocha para dar un formato agradable a nuestros resultados de prueba.
- Creamos un div con el ID mocha. Aquí es donde se insertan los resultados de la prueba.
- Nosotros cargamos mocha y chai. Se encuentran en subcarpetas de la carpeta node_modules ya que los instalamos a través de npm.
- Al llamar a mocha.setup, ponemos a disposición los ayudantes de prueba de Mocha.
- Luego, cargamos el código que queremos probar y los archivos de prueba. No tenemos nada aquí todavía.
- Por último, llamamos a mocha.run para ejecutar las pruebas. Asegúrese de llamar a esto después de cargar los archivos de origen y de prueba