webdriverに含まれているhtmlファイルの要素を確認するにはどうすればいいですか？

Question

私の主なアプリケーションに含まれているhtmlファイルにある要素を見つけようとしています。

driver.findElement（by.className（ 'name'））を使用しようとすると、要素が見つかりません。

<div> 
       <!-- ngInclude: 'scripts/pageTabs/pageTabs.html' --><div ng-include="'scripts/pageTabs/pageTabs.html'" class="ng-scope"><div ng-controller="callCtrl" class="ng-scope"> 
<div class="page-tabs"> 
    <div title="Directory" id="dirTab" ui-sref="landing.directory" class="page-tab" ng-class="{selected: $state.includes('landing.directory')}" href="#/landing/directory"> 
     <span class="page-tab-icon icon-directory"></span> 
     <span class="page-tab-text ng-binding">Directory</span> 
    </div> 
    <div title="Conversations" id="actCommTab" ui-sref="landing.activity" class="page-tab" ng-class="{selected: $state.includes('landing.activity')}" href="#/landing/activity"> 
     <span class="page-tab-icon icon-conversations"></span> 
     <div class="activeCount ng-binding">(0)</div> 
     <span class="page-tab-text ng-binding">Conversations</span> 
    </div> 
    <div title="History" ui-sref="landing.notifications" class="page-tab selected" ng-class="{selected: $state.includes('landing.notifications')}" href="#/landing/notifications"> 
     <span class="page-tab-icon icon-history"></span> 
     <span class="page-tab-text ng-binding">History</span> 
    </div> 
</div> 

i 'は '=タイトルの歴史を'（）タグ' をクリックしようとしていますが、webdriverを、それがその要素を見つける傾けると言い、私は右のそれをやっていますか？ cssSelector browser.driver.findElementことで （By.cssSelector：

Answer 1

（それはjavascriptの通りであれば、構文を確認してください）以下の方法を試してください。

browser.driver.findElement(By.xpath("//div[@title='History']")).click(); 

Answer 2

はパス以下のいずれかを使用してみてください、彼らは動作するはずです（ "div.page-tab.selected> span.page-tab-text.ng-binding"））。 xpathで browser.driver.findElement（By.xpath（ "// div [（@href、 '＃/ landing/notifications'）と@ title = 'History']"））。