PageObjects+无角页面-如何加入它们？

Question

null

'use strict';

var DamagePage = require('../../pages/case/CaseDamagePage.po.js');

describe('Damage selection - ', function() {

  var damagePage = new DamagePage();

  it('Switch to iFrame',function(){
      browser.driver.switchTo().frame('padIframe');
  });

  it('Open a zone', function() {
      browser.driver.findElement(by.id('30_0_79')).click();
      browser.sleep(2000);
  });

  it('Select a part', function () {
      browser.driver.findElement(by.id('32_0_201')).click();
      browser.sleep(3000);
  });

  it('Put I on it with 5 WU', function() {
      // Click I
      damagePage.leftMenuButtons.I.button.click();
  });

'use strict';

var CaseInterface = require('./CaseInterface.js');

var DamagePage = function() {

  // LEFT-SITE MENU BUTTONS
  this.leftMenuButtons = {
      I: {
          button: browser.driver.findElement(by.id('operation-button-I'))
      },
      E: {
          button: element(by.id('operation-button-E')),
          mutation: element(by.id('operation-button-mutation-E'))
      }
  };
};

module.exports = DamagePage;

在规范中，所有的工作都很好，直到它来到‘把我放在它与5吴’步骤。在此配置中,量角器启动后立即出现错误：

C:\users\xxx\appdata\roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\atoms\Error.js:108 var template=新错误（this.message）；^noSuchelementError：没有这样的元素：找不到元素：{“method”：“id”,“selector”：“operation-button-i”}（会话信息:Chrome=47.0.2526.106)（驱动程序信息:ChromeDriver=2.19.346078(6F1F0CDE889532D48CE8242342D0B84F94B114A1),平台=Windows NT 6.1 SP1 x86_64)（警告：服务器未提供任何stacktrace信息）命令持续时间或超时：22毫秒有关此错误的文档，请访问：http://seleniumhq.org/exceptions/no_such_element.html

这要感谢Page对象中的“Browser.driver.findElement”语法。当我把它改成“元素”时，量角器正确地启动，运行到‘用5吴把我放在上面’步。在这里它抛出：

失败：等待量角器与页面同步时出错：“在窗口上找不到Angular”

Answer 1

量角器一启动我就出错了

这是因为您初始化Page对象的位置-量角器在收集规范时很早就初始化了Page对象。您需要在beforeach（）中初始化page对象：

describe('Damage selection - ', function() {
    var damagePage;

    beforeEach(function () {
       damagePage = new DamagePage();
    });

    // ...
});

或者，直接在it():

it('Put I on it with 5 WU', function() {
    var damagePage = new DamagePage();

    // Click I
    damagePage.leftMenuButtons.I.button.click();
});