Javascript/Protractorを使用したテストスクリプトの作成方法。

Question

マウスのhtmlコードを以下に示します。私は「&サービス製品」の上にカーソルを移動するためにはJavaScriptを使用してスクリプトを書くことができるようにして、isentia.mediaportal

をクリックしますこれは私のインタビューのため おかげ

<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> 

であるように私が作成した助けてください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