TUTORIALES

Pruebas unitarias con Jasmine


Para realizar pruebas unitarias en una aplicación AngularJS utilizando Jasmine, sigue estos pasos:

  1. Instalación de Jasmine:

    Asegúrate de tener Jasmine instalado en tu proyecto. Puedes instalarlo utilizando npm:

    npm install --save-dev jasmine
  2. Estructura de directorios:

    Organiza tus archivos de código y pruebas unitarias en una estructura de directorios coherente. Por ejemplo:

    proyecto/
    ├── src/
    │   ├── miApp.js
    │   └── miControlador.js
    ├── tests/
    │   └── miControlador.spec.js
    └── karma.conf.js
  3. Configuración de Karma:

    Configura Karma para que pueda ejecutar las pruebas de Jasmine. Puedes utilizar el archivo karma.conf.js para configurar Karma. Asegúrate de incluir los archivos de tu aplicación y las pruebas en la configuración de Karma.

  4. Escribir pruebas con Jasmine:

    Crea archivos de pruebas con la extensión .spec.js o .test.js en el directorio de pruebas. Por ejemplo, miControlador.spec.js contendrá pruebas para el controlador MiControlador.

    describe('MiControlador', function() {
      var $controller, $scope;
    
      beforeEach(module('miApp'));
    
      beforeEach(inject(function(_$controller_, $rootScope) {
        $scope = $rootScope.$new();
        $controller = _$controller_('MiControlador', { $scope: $scope });
      }));
    
      it('debería inicializar el contador en 0', function() {
        expect($scope.contador).toEqual(0);
      });
    
      it('debería incrementar el contador correctamente', function() {
        $scope.incrementarContador();
        expect($scope.contador).toEqual(1);
      });
    
      // Otras pruebas
    });

    Aquí estamos escribiendo pruebas para el controlador MiControlador. Utilizamos el servicio $controller para instanciar el controlador y $rootScope para crear un nuevo ámbito aislado para las pruebas.

  5. Ejecutar las pruebas:

    Ejecuta Karma para que ejecute las pruebas de Jasmine. Puedes hacerlo ejecutando el siguiente comando en la raíz de tu proyecto:

    karma start

    Karma ejecutará las pruebas y te proporcionará los resultados en la terminal.

  6. Interpretar los resultados:

    Observa los resultados de las pruebas en la terminal. Verifica que todas las pruebas pasen correctamente y que no haya errores.

  7. Refactorización y mantenimiento:

    Mantén tus pruebas actualizadas a medida que desarrollas tu aplicación. Asegúrate de que las pruebas cubran todos los casos de uso y refactoriza cuando sea necesario para mantener un código limpio y legible.

Con estos pasos, has aprendido cómo realizar pruebas unitarias en tu aplicación AngularJS utilizando Jasmine y Karma. Las pruebas unitarias son una parte importante del desarrollo de software ya que te ayudan a garantizar que tu código funcione como se espera y a detectar problemas temprano en el proceso de desarrollo.



0 Comments:

Publicar un comentario