JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.4.1/jasmine.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.4.1/jasmine.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.4.1/jasmine-html.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.4.1/boot.min.js"></script>
<script src="https://code.angularjs.org/1.4.8/angular.min.js"></script>
<script src="https://code.angularjs.org/1.4.8/angular-mocks.js"></script>
<div ng-app='myapp' ng-controller='MyCtrl'>
<p>
{{greeting}}
</p>
</div>
JavaScript
angular.module('myapp', [])
.service('MyService', ['$injector', function MyService($injector) {
return "hello";
}]);
angular.module('myapp')
.controller('MyCtrl', ['$scope','$injector', function MyCtrl($scope,$injector) {
$scope.greeting = "hello";
}]);
describe('My controller', function() {
var $controller;
beforeEach(module('myapp'));
beforeEach(inject(function(_$controller_) {
$controller = _$controller_;
}));
it('greets', function() {
var $scope = {};
var controller = $controller('MyCtrl', {
$scope: $scope
});
console.log(controller);
expect($scope.greeting).toEqual('hello');
})
});