在 AngularJS 中使用 Jasmine 测试元素的数量

Question

我正在使用 Jasmine 为 AngularJS 编写端到端测试。我正在使用量角器来运行测试。我有以下标记

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

我想测试一个特定的页面实例，我有四个这样的图像。这是我目前所拥有的

describe('Phone detail view', function() {

    beforeEach(function() {
      browser.get('app/index.html#/phones/nexus-s');
    });

    it('should display four thumbnails on the nexus-s page', function() {
      expect(element(by.css('.phone-thumbs li img')).length()).toBe(4);
    });
  });

问题是我收到一个错误提示

TypeError: Object #<Object> has no method 'length'

我哪里出错了？

Answer 1

这个问题是 AngularJS 教程tutorial 8 中“实验”部分的一部分。

这是我解决它的方法。我采取了不同的方式来计算渲染的图像，而不是直接测试转发器/模型。

it('should display four thumbnails of the nexus-s', function() {
  var imgsCount = element.all(by.css('.phone-thumbs li img')).count();
  expect(imgsCount).toBe(4);
});

Answer 2

对于任何需要知道这一点的人。以下是我的做法。

it('should display four thumbnails on the nexus-s page', function() {
      var images = element.all(by.repeater('img in phone.images')).count();
      expect(images).toBe(4);
    });