angularjs - beforeEach(防止测试污染)未按预期工作

Question

我一直在做 AngularJS 教程，并且在端到端测试之一的 beforeEach 中遇到了一个奇怪的问题。对于上下文，我目前位于实验部分 step 3 。测试代码在这里:

'use strict';

/* http://docs.angularjs.org/guide/dev_guide.e2e-testing */

describe('PhoneCat App', function() {

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

    beforeEach(function() {
      browser.get('app/index.html');
    });

    it('should filter the phone list as user types into the search box', function() {

      var phoneList = element.all(by.repeater('phone in phones'));
      var query = element(by.model('query'));

      expect(phoneList.count()).toBe(3);

      query.sendKeys('nexus');
      expect(phoneList.count()).toBe(1);

      query.clear();

      query.sendKeys('motorola');
      expect(phoneList.count()).toBe(2);
    });
  });

  it('should display current filter value within an element with id "status"', function() {

    var statusElement = element(by.id('status'));
    expect(statusElement.getText()).toMatch(/Current filter:\s*$/);


    element(by.model('query')).sendKeys('nexus');

    expect(statusElement.getText()).toMatch(/Current filter: nexus\s*$/);

  });
});

beforeEach block 应该在每个规范执行之前重新加载页面，但似乎并非如此，因为当我使用 Protractor 运行此操作时，插入到第一个规范(“motorola”)中的查询元素中的最后一个文本仍然存在执行第二个规范，导致第二个规范失败。

现在，当我将 beforeEach 移动到外部描述 block 时，所有规范都成功通过。有任何想法吗？

Answer 1

glepretre 是正确的。按照上面示例的结构，您的测试如下所示

describe
  describe
    before
    it
  it

因为这种嵌套， before 只在第一个 it 之前运行一次。看看每个 it block 正在测试的内容，我认为它们都旨在测试电话 ListView ，在这种情况下，正确的嵌套如下:

describe
  describe
    before
    it 
    it 

但是，如果索引页面不是特定于电话 ListView 而是包含整个应用程序，那么它可能应该加载到顶级描述 block 中，这使得这是最正确的方法:

describe
  before
  describe
    it
    it