마우스로 Javascript/Protractor를 사용하여 테스트 스크립트를 작성하고 표시된 메뉴에서 클릭하는 방법

Question

다음은 마우스의 html 코드입니다. 나는이 인터뷰를 위해 내가 만든 감사

<li class="first-item has-children dropdown products first"> 
    <a href="#" class="dropdown-toggle root-menu">Products &amp; Services</a> 
    <ul class="dropdown-menu"> 
     <li class="first-item has-children dropdown all-products"> 
      <a href="#" class="">Products</a> 
      <ul class=""> 
       <li class="first-item has-children"> 
        <a title="isentia.mediaportal" href="/tools/mediaportal" class="">isentia.mediaportal</a> 
        <ul class=""> 
         <li class="first-item menu_blurb"><span>Our Suite of Media Monitoring Tools: All your PR &amp; Analytics in one platform</span></li> 

같이 도와주세요 "를 제품 & 서비스"위로 마우스를 이동하고 isentia.mediaportal

를 클릭하여 자바 스크립트를 사용하여 스크립트를 작성할 수 있도록하려면 spec.js

당신은 어떤 webelement에 마우스 작업을 수행 할 수 browser.actions()를 사용할 필요가

// spec.js 
describe('Protractor Demo App', function() { 
    it('should have a title', function() { 
    browser.get('http://www.isentia.com/'); 

    expect(browser.getTitle()).toEqual('Products & Services'); 

    var dropdown-toggle = element(by.id('dropdown-toggle')); 
    expect(dropdown-toggle.getText()).toEqual('Products & Services'); 

    it('should have a title', function() { 
    expect(browser.getTitle()).toEqual('isentia.mediaportal'); 
    }); 
element(by.css('a[href*="/tools/mediaportal"]')) 

    }); 
}); 

Answer 1

의이 비트. 아래 코드를 사용해보십시오.

var EC = protractor.ExpectedConditions; 
var productsAndServiceMenu = element(by.linkText("Products & Services")); 
var subMenu = element(by.linkText("isentia.mediaportal")); 
browser.actions().mouseMove(productsAndServiceMenu).perform(); 
browser.wait(EC.visibilityOf(subMenu),5000); 
subMenu.click(); 

는 http://www.protractortest.org/#/api?view=webdriver.WebDriver.prototype.actions