'Tools/karma'에 해당되는 글 2건

Run 

1. HelloWorld.js

- There is a HelloWorld.js in app folder

function helloWorld() { return "Hello World"; };

2. HelloWorldSpec.js

- HelloWorldSpec.js will be located in tests folder

describe("Hello" , function(){ it("say", function(){ expect(helloWorld()).toEqual("Hello World"); }); });  

3. Karma start

- karma start

Karma

1. What's that?

- Karma is a test runner provided by the Angular team

- Karma will execute your tests in multiple browsers which shall ensure that our application is compatible in all browser

2. How to set up

0) Install AngularJs

npm install angular --save

1) Install Karma

npm install -g karma --save-dev

2) Install Jasmine

npm install karma-jasmine jasmine-core --save-dev

If you are using npm v3.x you might face some problems while running karma start

jasmine-core is required to be installed globally

npm install jasmine-core -g

3) Install ngMock

- ngMock allows you to inject and mock angular services to help you test your application

npm install angular-mocks --save-dev

3) Browsers

- Install browser launcher on which you want karma to run your tests

- We need to install at least one browser

npm install karma-chrome-launcher --save-dev

4) Create two folders in your working directory

- app : Your script files

- tests: here we will keep our tests

5) karma.conf.js

- karma init

- Open up your karma.conf.js and add the location of angular.js in to the files array

node_modules/angular/angular.js

- Add the location for ngMock just below that

node_modules/angular-mocks/angular-mocks.js

// Karma configuration // Generated on Fri Jul 29 2016 15:50:02 GMT+0900 (대한민국 표준시) 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: [ 'app/*.js', 'test/*.js', 'node_modules/angular/angular.js', 'node_modules/angular-mocks/angular-mocks.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: { }, // 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: true, // start these browsers // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher browsers: ['Chrome'], // Continuous Integration mode // if true, Karma captures browsers, runs the tests and exits singleRun: false, // Concurrency level // how many browser should be started simultaneous concurrency: Infinity }) }