元素不可點擊的鉻驅動器量角器角2

Question

我想點擊第二級菜單選項，將擴大到第三級。一些菜單選項沒有被點擊。我在所有部分之前添加了browser.driver.manage（）。window（）.setSize（1280，1024）。下面

是我的代碼：

it('Should expect clicking the second level menu option will expand the third level',() => { 
    element.all((by.css('div.panel.panel-default'))).click().then(() => { 
    var groupList = element.all((by.css('.list-group-header.sub-menu-header.active-element'))); 
    // expect(groupList.get(1).getAttribute('class')).toMatch('active-element'); 
    expect(groupList.count()).toEqual(1); 
    }); 
}); 

Answer 1

當我們處理的多級菜單，這是很好的使用protractor.ExpectedConditions檢查元素的可視性和可點擊狀態。

而在你的情況下，用量角器「每（）」方法，可以點擊下面的代碼每個element.Hope會幫助你。

Code Snippet: 

var EC = protractor.ExpectedConditions; 
var timeout=5000; 

it('Should expect clicking the second level menu option will expand the 
    third level',() => { 
    element.all((by.css('div.panel.panel-default'))).each(function(ele,index) 
    { 
    //check whether each element becomes visibile or not 
    browser.wait(EC.visibilityOf(ele), timeout).thenCatch(function() { 
    assert.fail('element is not visibile'); 
        }); 
    //check whether each element is clickable or not 
    browser.wait(EC.elementToBeClickable(ele), timeout).thenCatch(function 
    () { 
     assert.fail('element is not click able'); 
      }); 
    //then click each element 
    ele.click().then(function(){ 
    var groupList = element.all((by.css('.list-group-header.sub-menu- 
           header.active-element'))); 
    // expect(groupList.get(1).getAttribute('class')).toMatch('active- 
     element'); 
    expect(groupList.count()).toEqual(1); 
    }); 
    }); 
});