Merge pull request sayanee#84 from simobasso/improve_test

Unit test with karma

Author: sayanee

.travis.yml

@@ -1,3 +1,6 @@
 language: node_js
 node_js:
   - 0.10
+before_script:
+  - npm install -g bower
+  - bower install

CONTRIBUTING.md

@@ -9,10 +9,10 @@
 - Code code code and amend the file `dist/angular-pdf.js`
 - Run `npm run build` to create the build minified and example files
 - Code code code
-- Run `npm test` to ensure the [build](https://travis-ci.org/sayanee/angularjs-pdf) will pass
+- Run `npm test` to ensure the [build](https://travis-ci.org/sayanee/angularjs-pdf) and the tests will pass
 - Write a [good commit message](https://github.com/angular/angular.js/blob/master/CONTRIBUTING.md#commit-message-format)
 - [Pull request](https://help.github.com/articles/using-pull-requests) using the new feature/patch branch
-- Ensure the [Travis build](https://travis-ci.org/sayanee/angularjs-pdf) passes
+- Ensure the [Travis build and tests](https://travis-ci.org/sayanee/angularjs-pdf) passes
 
 ##Make a Release (for maintainers only)
 

Gruntfile.js

@@ -112,6 +112,11 @@ module.exports = function(grunt) {
           'dist/angular-pdf.min.js': [ 'dist/angular-pdf.js' ]
         }
       }
+    },
+    karma: {
+      unit: {
+        configFile: 'test/karma.conf.js'
+      }
     }
   });
 
@@ -122,19 +127,22 @@ module.exports = function(grunt) {
   grunt.loadNpmTasks('grunt-jscs');
   grunt.loadNpmTasks('grunt-jsonlint');
   grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-karma');
 
   grunt.registerTask('default', [
     'clean',
     'jsonlint',
     'jscs',
     'jshint',
     'copy',
-    'uglify'
+    'uglify',
+    'karma'
   ]);
 
   grunt.registerTask('check', [
     'jsonlint',
     'jscs',
-    'jshint'
+    'jshint',
+    'karma'
   ]);
 };

bower.json

@@ -9,6 +9,9 @@
      "angular": "1.4.8",
      "pdfjs-dist": "1.3.76"
   },
+  "devDependencies": {
+    "angular-mocks": "1.4.7"
+  },
   "ignore": [
     "**/.*",
     "package.json",

example/index.html

@@ -19,9 +19,7 @@ <h1>{{pdfName}}</h1>
 
 <script src="js/lib/angular.min.js"></script>
 
-<script>
-  var app = angular.module('App', ['pdf']);
-</script>
+<script scr="js/app.js"></script>
 <script src="js/controllers/docCtrl.js"></script>
 <script src="js/directives/angular-pdf.js"></script>
 

example/js/app.js

@@ -0,0 +1 @@
+var app = angular.module('App', ['pdf']);

package.json

@@ -17,7 +17,14 @@
     "grunt-contrib-jshint": "0.11.3",
     "grunt-contrib-uglify": "0.10.1",
     "grunt-jscs": "2.3.0",
-    "grunt-jsonlint": "1.0.6"
+    "grunt-jsonlint": "1.0.6",
+    "grunt-karma": "^0.12.1",
+    "jasmine-core": "^2.4.1",
+    "karma": "^0.13.15",
+    "karma-jasmine": "^0.3.6",
+    "karma-ng-html2js-preprocessor": "^0.2.0",
+    "karma-phantomjs-launcher": "^0.2.1",
+    "phantomjs": "^1.9.19"
   },
   "scripts": {
     "test": "grunt --verbose",

test/karma.conf.js

@@ -0,0 +1,87 @@
+// Karma configuration
+// Generated on Tue Dec 15 2015 22:21:55 GMT+0100 (CET)
+
+module.exports = function(config) {
+  config.set({
+
+    // base path that will be used to resolve all patterns (eg. files, exclude)
+    basePath: '../',
+
+
+    // frameworks to use
+    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+    frameworks: ['jasmine'],
+
+
+    // list of files / patterns to load in the browser
+    files: [
+      {pattern: 'example/pdf/relativity.pdf', included: false, served: true},
+      'bower_components/pdfjs-dist/web/compatibility.js',
+      'example/js/lib/pdf.js',
+      'example/js/lib/pdf.worker.js',
+      'example/js/lib/angular.min.js',
+      'example/js/app.js',
+      'example/js/controllers/docCtrl.js',
+      'dist/angular-pdf.min.js',
+      'example/partials/*.html',
+      'bower_components/angular-mocks/angular-mocks.js',
+      'test/spec/*.js'
+    ],
+
+
+    // list of files to exclude
+    exclude: [
+    ],
+
+    // preprocess matching files before serving them to the browser
+    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+    preprocessors: {
+        'example/partials/*.html': ['ng-html2js']
+    },
+
+    proxies: {
+      '/pdf': '/base/example/pdf'
+    },
+
+    // test results reporter to use
+    // possible values: 'dots', 'progress'
+    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+    reporters: ['progress'],
+
+
+    // web server port
+    port: 9876,
+
+    // enable / disable colors in the output (reporters and logs)
+    colors: true,
+
+
+    // level of logging
+    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+    logLevel: config.LOG_INFO,
+
+
+    // enable / disable watching file and executing tests whenever any file changes
+    autoWatch: false,
+
+
+    // start these browsers
+    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+    browsers: ['PhantomJS'],
+
+
+    // Continuous Integration mode
+    // if true, Karma captures browsers, runs the tests and exits
+    singleRun: true,
+
+    // Concurrency level
+    // how many browser should be started simultanous
+    concurrency: Infinity,
+
+    ngHtml2JsPreprocessor: {
+      // strip this from the file path
+      stripPrefix: 'example/',
+      moduleName: 'my.templates'
+    }
+  })
+}

test/spec/docCtrlSpec.js

@@ -0,0 +1,28 @@
+describe('docCtrl', function() {
+  beforeEach(module('App'));
+
+  var $controller;
+
+  beforeEach(inject(function(_$controller_){
+    // The injector unwraps the underscores (_) from around the parameter names when matching
+    $controller = _$controller_;
+  }));
+  describe('$scope.getNavStyle', function() {
+    var $scope, controller;
+
+    beforeEach(function() {
+      $scope = {};
+      controller = $controller('DocCtrl', { $scope: $scope });
+    });
+
+    it('return "pdf-controls fixed" classes if the scroll is > 100', function() {
+      var navStyle = $scope.getNavStyle(101);
+      expect(navStyle).toEqual('pdf-controls fixed');
+    });
+
+    it('return "pdf-controls" class if the scroll is < 100', function() {
+        var navStyle = $scope.getNavStyle(99);
+        expect(navStyle).toEqual('pdf-controls');
+    });
+  });
+});

test/spec/ngPdfSpec.js

@@ -0,0 +1,43 @@
+describe('ngPdf', function() {
+  console.log = function() {};
+  var element, $scope;
+
+  // Load the myApp module, which contains the directive
+  beforeEach(module('App'));
+
+  beforeEach(module('my.templates'));
+
+  beforeEach(inject(function(_$compile_, _$rootScope_, _$document_){
+    // The injector unwraps the underscores (_) from around the parameter names when matching
+    var $compile = _$compile_;
+    var $rootScope = _$rootScope_;
+    var $document = _$document_;
+    $scope = $rootScope.$new();
+    // Compile a piece of HTML containing the directive
+    var html = '<ng-pdf template-url="partials/viewer.html" canvasid="pdf" scale="page-fit" page=13></ng-pdf>';
+    var elmnt = angular.element(html);
+    $document.find('body').append(elmnt);
+    element = $compile(elmnt)($scope);
+    $scope.pdfUrl = '/pdf/relativity.pdf';
+    $scope.$digest();
+  }));
+
+  beforeEach(function(done){
+      setTimeout(function() {
+        done();
+      }, 9000);
+  }, 10000);
+
+  it('ng-pdf maust have 1 canvas', function() {
+    var canvas = element.find('canvas');
+    expect(canvas.length).toBe(1);
+  });
+
+  it('goNext and goPrevious change page', function(){
+      expect($scope.pageNum).toBe(13);
+      $scope.goPrevious();
+      expect($scope.pageNum).toBe(12);
+      $scope.goNext();
+      expect($scope.pageNum).toBe(13);
+  });
+});