分度器に表示されていない要素

Question

<select class="edit-doc-select" ng-model="vm.currentDoc.class.Id"> 
<option ng-repeat="class in vm.types" value="1" ng-selected="false"> 
Unclass </option> 
<option ng-repeat ="class in vm.types" value="2" ng-selected="true"> 
class </option> 
</select> 

このHTMLコードは、Webアプリケーションページのドロップダウンリストです。 最初にドロップダウンリストを選択してから、値unclassのORクラス しかし、ドロップダウンリストコントロールのinspect要素は 'select'要素を与えます そのためには、要素（by.model（ "vm.currentDoc 。クラスID"））。

それは、メニュー上の要素は見えないエラー

Answer 1

クリックすると、2段階の操作でなければなりませんスロー：メニューオプション に

クリックしてメニューを開くために上に

• クリック

  分度器のウェブサイトに書き込んだ分度器のテストをご覧ください。

  var menu = require('./menu-partial'); 
  
  it('should go to tutorial', function() { 
      menu.dropdown('Quick Start').item('Tutorial'); 
  
      expect($('h1').getText()).toBe('Tutorial'); 
  }); 
  

  Pageオブジェクト： https://github.com/angular/protractor/blob/master/website/test/e2e/menu-partial.js

Answer 2

使用デバッガで（要素、要素が 存在または使用していない「browser.enterRepl（）」プログラムはisDisplayed要素を乗り切る見つけようと、今、デバッグモードになりますです乗り切ります.id（ 'xyz'））。isDisplayed（）; 約束が完了するまで待つように約束してください。いくつかの期待条件要素を使用してクリック可能にするExpected Condition