Question

我使用量角器结束测试。我没有使用Selenium WebDriver。我直接连接到魅力浏览器。当我启动测试时，发生了2个错误。第一个错误：

conFusion App E2E Testing菜单0项应该显示评论数量为信息：预期0到5等于5。堆：错误：期望失败

第二个：

conFusion App E2E Testing菜单0项应该显示第一个评论作者信息：失败：找不到使用定位器的元素：by.model（“FiltText”）堆栈：

我使用JSON服务器提供REST API以通过我的Angular应用程序访问JSON数据。有五条注释和过滤器来对注释进行排序。我还使用gulp来提供Angular应用程序。当我输入一个终端gulp手表时，每件事情都正常工作。但是量角器失败了。

如何让量角器等到元素出现在DOM中？

相应的量角器配置代码是：

exports.config = {
allScriptsTimeout:11000,

  specs: [
    'e2e/*.js'
     ],
  capabilities: {
   'browserName': 'chrome'
  },

   baseUrl: 'http://localhost:3001/',

   framework: 'jasmine',
   directConnect: true,

  jasmineNodeOpts: {
     showColors: true,
   defaultTimeoutInterval: 30000
  }
};

scenario.js包含e2e测试的代码

describe('menu 0 item', function() {
   beforeEach(function() {

     browser.get('index.html#/menu/0');


   });

   it('should have a name', function() {
   var name = element(by.binding('dish.name'));
   expect(name.getText()).
     toEqual('Uthapizza Hot $4.99');
 });

 it('should show the number of comments as', function() {

      expect(element.all(by.repeater('comment in dish.comments'))
       .count()).toEqual(5);


  });

   it('should show the first comment author as', function() {
      element(by.model('FiltText')).sendKeys('author');

     expect(element.all(by.repeater('comment in dish.comments'))
      .count()).toEqual(5);

    var author = element.all(by.repeater('comment in dish.comments'))
              .first().element(by.binding('comment.author'));

   expect(author.getText()).toContain('25 Cent');

 }); 
 });

我要测试的Html页面的部分代码：

<h4> Customer Comments &nbsp; 
                <span style="font-size:15px;">sorted by:<input type="text" ng-model="FiltText"></span></h4><blockquote ng-repeat="commet in dish.comments |orderBy:FiltText">
         <h5>{{commet.rating}} Stars</h5>
         <h5>{{commet.comment}}</h5>
         <footer>{{commet.author}}, <span>{{commet.date|date}}</span>. </footer>

            </blockquote>

Answer 1

使用protractor.ExpectedConditions.visibilityOf或presenceOf（）方法等待直到元素在UI上可见或存在于DOM中。请遵循以下代码：

var EC=protractor.ExpectedConditions;
var targetEle=element(locator);

browser.wait(EC.visibilityOf(targetEle),10000,'NOT VISIBLE'); //wait until 
//ele visible
browser.wait(EC.presenceOf(targetEle),10000,'NOT PRESENT');//wait until 
//present in dom

量角器：不要等待转发器元素出现在Dom中

1 个答案: