e2e-тестирование AngularJS

• 05, 27, 2013
•  bullgare
•  Angular.js, Testing
• Комментарии к записи e2e-тестирование AngularJS отключены

Нужно поставить karma (я использовал версию 0.9.1).
Вот описание установки и официальная документация по использованию — http://karma-runner.github.io/0.8/index.html (видео достаточно сильно устарело, годится только для того, чтобы понять в общих чертах).

Установка:

npm install -g karma-0.9.1
npm install -g karma-ng-scenario
npm install -g karma-jasmine
npm install -g karma-requirejs

Конфиг для karma-0.9.1:

// end-to-end tests config

// Karma configuration


// base path, that will be used to resolve files and exclude
basePath = '../';

frameworks = ['ng-scenario'];

// list of files / patterns to load in the browser
files = [
//	ANGULAR_SCENARIO,
//	ANGULAR_SCENARIO_ADAPTER,
	'./e2e/*Spec.js'
];


// list of files to exclude
exclude = [

];


// test results reporter to use
// possible values: 'dots', 'progress', 'junit'
reporters = ['progress'];


// web server port
port = 9876;


// cli runner port
runnerPort = 9100;


// enable / disable colors in the output (reporters and logs)
colors = true;


// level of logging
// possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
logLevel = LOG_INFO;
//logLevel = LOG_DEBUG;


// enable / disable watching file and executing tests whenever any file changes
autoWatch = true;


// Start these browsers, currently available:
// - Chrome
// - ChromeCanary
// - Firefox
// - Opera
// - Safari (only Mac)
// - PhantomJS
// - IE (only Windows)
browsers = ['ChromeCanary'];


// If browser does not capture in given timeout [ms], kill it
captureTimeout = 60000;


// Continuous Integration mode
// if true, it capture browsers, run tests and exit
singleRun = false;


proxies = {
	'/': '<url to app here>'
};
urlRoot = '/e2e/';

//plugins to load
plugins = [
	'karma-ng-scenario',
	'karma-html2js-preprocessor',
	'karma-chrome-launcher',
	'karma-firefox-launcher'/*,
	'karma-junit-reporter'*/
];

Пример теста:

'use strict';

/* http://docs.angularjs.org/guide/dev_guide.e2e-testing */
describe('Touch App:', function () {
	var credentials = {login: '', pass: ''};
	function urlTo(slug)
	{
		return '' + slug;
	}
	function authenticate()
	{
		browser().navigateTo(urlTo('/auth'));
		input('User.login').enter(credentials.login);
		input('User.password').enter(credentials.pass);
		element('input[type="submit"]').click();
		sleep(1);
	}

	it('should redirect index.html to index.html#/top', function () {
		browser().navigateTo(urlTo());
		expect(browser().location().url()).toBe('/top');
	});
	it('should redirect not defined url to index.html#/top', function () {
		browser().navigateTo(urlTo('some_strange_one_adsfasdfasdf'));
		expect(browser().location().url()).toBe('/top');
	});

	describe('Unauthorized user', function () {
		beforeEach(function () {
			browser().navigateTo(urlTo('/logout'));
		});

		it('should not see /profile', function () {
			browser().navigateTo(urlTo('/profile'));
			expect(browser().location().url()).toBe('/auth');
		});
		it('should not see /profile/settings', function () {
			browser().navigateTo(urlTo('/profile/settings'));
			expect(browser().location().url()).toBe('/auth');
		});
	});

	describe('Authenticated user', function () {
		beforeEach(function () {
			browser().navigateTo(urlTo('/logout'));
			authenticate();
		});

		describe('Authenticated user', function () {
			it('should see /profile', function () {
				browser().navigateTo(urlTo('/profile'));
				expect(browser().location().url()).toBe('/profile');
			});
			it('should see /folders', function () {
				browser().navigateTo(urlTo('/folders'));
				expect(browser().location().url()).toBe('/folders');
				expect(repeater('section.messager').count()).toBeGreaterThan(0);
			});

		});
	});
});

Настройки PhpStorm:
для karma server

для karma run

Полезные ссылки:
https://blog.bullgare.com/2013/05/unit-%d1%82%d0%b5%d1%81%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-angularjs/
https://github.com/vetik32/angular-seed/commit/be9e0dc23cba61618b27912e332455880bec2e48