AngularJS学习---更多模板(More Templating) step 8

amosli@amosli-pc:~/develop/angular-phonecat$ git checkout step-8 #切换分支
amosli@amosli-pc:~/develop/angular-phonecat$ npm start #启动项目

{"additionalFeatures":"Contour Display, Near Field Communications (NFC),...","android":{"os":"Android 2.3","ui":"Android"},..."images":["img/phones/nexus-s.0.jpg","img/phones/nexus-s.1.jpg","img/phones/nexus-s.2.jpg","img/phones/nexus-s.3.jpg"],"storage":{"flash":"16384MB","ram":"512MB"}}

var phonecatControllers = angular.module(‘phonecatControllers‘, []);

phonecatControllers.controller(‘PhoneListCtrl‘, [‘$scope‘, ‘$http‘,
  function($scope, $http) {
    $http.get(‘phones/phones.json‘).success(function(data) {
      $scope.phones = data;
    });

    $scope.orderProp = ‘age‘;
  }]);

phonecatControllers.controller(‘PhoneDetailCtrl‘, [‘$scope‘, ‘$routeParams‘, ‘$http‘,
  function($scope, $routeParams, $http) {
    $http.get(‘phones/‘ + $routeParams.phoneId + ‘.json‘).success(function(data) {
      $scope.phone = data;
    });
  }]);

amosli@amosli-pc:~/develop/angular-phonecat/app$ cat partials/phone-detail.html
<img ng-src="{{phone.images[0]}}" class="phone">

<h1>{{phone.name}}</h1>

<p>{{phone.description}}</p>

<ul class="phone-thumbs">
  <li ng-repeat="img in phone.images">
    <img ng-src="{{img}}">
  </li>
</ul>

<ul class="specs">
  <li>
    <span>Availability and Networks</span>
    <dl>
      <dt>Availability</dt>
      <dd ng-repeat="availability in phone.availability">{{availability}}</dd>
    </dl>
  </li>
 .....
　.....
</ul>

  beforeEach(module(‘phonecatApp‘));

  ...

  describe(‘PhoneDetailCtrl‘, function(){
    var scope, $httpBackend, ctrl;

    beforeEach(inject(function(_$httpBackend_, $rootScope, $routeParams, $controller) {
      $httpBackend = _$httpBackend_;
      $httpBackend.expectGET(‘phones/xyz.json‘).respond({name:‘phone xyz‘});

      $routeParams.phoneId = ‘xyz‘;
      scope = $rootScope.$new();
      ctrl = $controller(‘PhoneDetailCtrl‘, {$scope: scope});
    }));


    it(‘should fetch phone detail‘, function() {
      expect(scope.phone).toBeUndefined();
      $httpBackend.flush();

      expect(scope.phone).toEqual({name:‘phone xyz‘});
    });
  });
...

amosli@amosli-pc:~/develop/angular-phonecat$ npm run protractor 

#测试结果
....
Using ChromeDriver directly...
.....

Finished in 8.325 seconds
5 tests, 8 assertions, 0 failures