Пытаюсь настроить тесты в связке Angular + Karma + Jasmin + Bower,
но ничего не выходит. В гугле полно статей, но они все под старые версии и не запускаются.
Я не знаю, что нужно, по этому расскажу что сделал я -
1) структура проекта выглядит вот так:
|
Код:
|
proj
{
bower_components
{
angular,
angular-mocks
},
test
{
spec.js
}
index.html
} |
2) файлы - karma.conf.js, index.html, app.js, spec.js
// Karma configuration
// Generated on Sun Jun 22 2014 23:33:15 GMT+0400 (Московское время (зима))
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: [url]https://npmjs.org/browse/keyword/karma-adapter[/url]
frameworks: ['jasmine'],
// list of files / patterns to load in the browser
files: [
'bower_components/angular/angular.min.js',
'bower_components/angular/angular.js',
'bower_components/angular-mocks/angular-mocks.js',
],
// list of files to exclude
exclude: [
],
// preprocess matching files before serving them to the browser
// available preprocessors: [url]https://npmjs.org/browse/keyword/karma-preprocessor[/url]
preprocessors: {
},
// test results reporter to use
// possible values: 'dots', 'progress'
// available reporters: [url]https://npmjs.org/browse/keyword/karma-reporter[/url]
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: [url]https://npmjs.org/browse/keyword/karma-launcher[/url]
browsers: ['Chrome'],
// Continuous Integration mode
// if true, Karma captures browsers, runs the tests and exits
singleRun: false
});
};
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="bower_components/bootstrap/css/bootstrap.min.css">
<script type="text/javascript" scr="bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="bower_components/angular-mocks/angular-mocks.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body>
<div ng-controller="MainCtrl">
<button type="button" class="btn btn-default" ng-click="increaseCount()">button</button>
<div>Count = {{count}}</div>
</div>
</body>
</html>
var app = /**
* app Modul
*
* Description
*/
angular.module('app', [])
.controller('MainCtrl', function($scope){
$scope.count = 0;
$scope.increaseCount = function(){
$scope.count = $scope.count + 1;
}
})
describe('des', function() {
console.log('I Spec.js');
});
3) Запускаю в консоли и в браузере выводит:
|
Цитата:
|
|
WARNING: Tried to load angular more than once.
|
а в самой консоли:
|
Цитата:
|
E:\OpenServer\domains\my-site-one>karma start
INFO [karma]: Karma v0.12.16 server started at http://localhost:9876/
INFO [launcher]: Starting browser Chrome
INFO [Chrome 35.0.1916 (Windows 7)]: Connected on socket WYrltOpyKa9kLQAlRYxv with id 36263397
WARN [web-server]: 404: /base/bower_components/angular/angular.min.js.map
Chrome 35.0.1916 (Windows 7) LOG: 'WARNING: Tried to load angular more than once.'
Chrome 35.0.1916 (Windows 7): Executed 0 of 0 ERROR (0.026 secs / 0 secs)
|
В общем, есть что сказать?