Prueba de modelo de vista sin golpear sin cabeza con mocha

Question

Estoy tratando de hacer pruebas sin cabeza de mis modelos de vista nocaut. Evito deliberadamente tratar con cualquier construcción ui en mi modelo de vista y dejar el cableado a la página html.

Esto funciona muy bien en Jasmine ya que se ejecuta en el navegador, pero cuando cambio a mocha, que terminan corriendo de cabeza en la última línea de nocaut que es:

}) (ventana, documento, navegador);

He mirado en el uso de zombiejs lo que sería una buena alternativa, pero no veo una buena historia sobre cómo utilizarlo sin necesidad de cambiar la fuente nocaut en sí.

¿Alguna idea sobre cómo abordar esto?

Answer 1

Este es un tema actualmente en mi radar también. Voy a arrojar mis conclusiones aquí con la esperanza de que puedan señalarle la dirección correcta.

La ruta más probable que intentaré primero será PhantomJS. Es un navegador WebKit sin cabeza, por lo que debe contar con excelentes selectores de DOM, JSON, HTML5 y CSS (por ejemplo, works with jQuery and qUnit).

yo elegimos este porque se utiliza por sí mismo knockout.js, que he descubierto en el repositorio knockout.js, donde había un archivo .travis.yml y este comentario:

I no tiene ninguna prueba de que esto vaya a funcionar, pero fue alentado por su uso en el núcleo de knockout.js. También encontré this runner script for knockout/phantom que parece un gran punto de lanzamiento.

También he encontrado afewexamples usando Mocha y PhantomJS a través de Node.js, incluyendo this lib extending grunt para funcionar dentro de moka fantasma, y ​​this script showing how to run mocha inside PhantomJS. Entonces esa parte es cierta, al menos.

Otra solución noted in the knockoutjs archives, es utilizar knockout-nodeJsDOM y para crear un DOM viable, pero a primera vista, esto parecía demasiado nebulosa y probable que resulte en la ejecución de su propio entorno de prueba.

Hay un slidedeck suggesting zombie.js que funcionaría con knockout/node/etc. Pero no puedo encontrar nada que ofrezca pruebas contundentes, por lo que tampoco me gustó esta ruta.

Answer 2

Quizás esto se deba a que Knockout ha cambiado (ya que la respuesta aceptada es anterior), pero hoy, no creo que sea necesario (nunca más). Puedes probar fácilmente un modelo de vista Knockout. Todo lo que tenía que hacer era establecer la variable global ko en mi prueba:

global.ko = require('../../Website/Scripts/knockout-3.4.0.js'); 

Después de eso, puede ejecutar la prueba como de costumbre: una instancia de su modelo de vista, realizar cualquier operación sobre el mismo y hacer valer.

He escrito a little more al respecto, pero en esencia, esto funciona para mí:

global.ko = require('../../Website/Scripts/knockout-3.4.0.js'); 

var MyViewModel = require('../../Website/Scripts/myViewModel.js').MyViewModel; 

describe('MyViewModel', function() { 
    var viewModel; 

    beforeEach(function(){ 
     viewModel = new MyViewModel(); 
    }); 

    describe('...', function() { 
     /* And so on */ 
    }); 
});