Ah! Okay, The difference appears to be that `b.link(:text, 'Recharge')` includes hidden links, where as `driver.find_element(:link, 'Recharge')` only includes visible links.
Then that's the bug then in WATIR, why not WATIR directly convert this line b.link(:text,'Recharge') into driver.find_element(:link,'Recharge') And when we write b.element(:text,'Recharge') into driver.find_element(:xpath,"//*[normalize-space()='Rechage']") That would be more appropriate,right? On Tuesday, March 28, 2017 at 1:49:25 PM UTC-7, Justin Ko wrote: > > The difference appears to be that `b.link(:text, 'Recharge')` includes > hidden links, where as `driver.find_element(:link, 'Recharge')` only > includes visible links. > > The page includes 8 links with the matching text: > > <a class="mega-menu-link" data-mega-menu="recharge" href= > "javascript:void(0);">Recharge</a> > <a href="javascript:void(0);" data-i18n="recharge" module-id="common"> > Recharge</a> > <a target="_self" href=" > https://www.airtel.in/netbanking/payments-recharges"; data-i18n="recharge" > module-id="common" onclick="setCookie('headerlink','Bank WithUs> Savings > Account > Manage Account > Recharge')">Recharge</a> > <a target="_self" href=" > https://www.airtel.in/netbanking/payments-recharges"; data-i18n="recharge" > module-id="common" onclick="setCookie('headerlink','Bank WithUs> Wallet > > Transact > Recharge')">Recharge</a> > <a target="_self" href=" > https://www.airtel.in/netbanking/payments-recharges"; data-i18n="recharge" > module-id="common" onclick="setCookie('headerlink','Bank WithUs> Savings > Account > Manage Account > Recharge')">Recharge</a> > <a target="_self" href=" > https://www.airtel.in/netbanking/payments-recharges"; data-i18n="recharge" > module-id="common" onclick="setCookie('headerlink','Bank WithUs> Wallet > > Transact > Recharge')">Recharge</a> > <a onclick="setCookie('headerlink','Savings Account > Transact > > Recharge')" target="_self" href=" > https://www.airtel.in/netbanking/payments-recharges"; data-i18n="recharge" > module-id="common">Recharge</a> > <a onclick="setCookie('headerlink','Wallet > Transact > Recharge')" > target="_self" href="https://www.airtel.in/netbanking/payments-recharges"; > data-i18n="recharge" module-id="common">Recharge</a> > > However, only the 2nd one, which is the one you want, is visible: > > b.links(:text, 'Recharge').map(&:visible?) > #=> [false, true, false, false, false, false, false, false] > > You get an exception in Watir because it is clicking on the first one, > which is hidden. You could simulate what Selenium is doing by adding the > visible locator: > > b.link(text: 'Recharge', visible: true).click > > Justin > > > On Tuesday, March 28, 2017 at 12:41:35 PM UTC-4, Raja gopalan wrote: >> >> This is the link "https://www.airtel.in/"; once you entered, please click >> "PAY & RECHARGE" then you will have Recharge option. >> >> >> On Tuesday, March 28, 2017 at 9:34:08 AM UTC-7, Titus Fortner wrote: >>> >>> Apparently you included the link in an earlier post that I missed. It >>> does look like Watir is grabbing a different, hidden element. I'll try to >>> take a longer look at it tonight. >>> >>> Titus >>> >>> On Tuesday, March 28, 2017 at 11:24:16 AM UTC-5, Raja gopalan wrote: >>>> >>>> hi, sorry, that was not done properly, here is the html file >>>> >>>> <section id="mega-menu-pay-recharge" class="mega-menu-container >>>> mega-menu-pay-recharge mega-menu-open"> >>>> <a class="mega-menu-close close" href="javascript:void(0);"> >>>> <article> >>>> <div class="mega-dropdown-menu"> >>>> <!-- ==== Label 2 Menu || Sub Menu for Pay and recharges ==== --> >>>> <ul> >>>> <li> >>>> <li> >>>> <li class="link-active"> >>>> <a module-id="common" data-i18n="recharge" href="javascript:void(0);"> >>>> Recharge</a> >>>> <!-- ==== Label 3 Menu || Sub Menu for Recharge ==== --> >>>> <ul> >>>> </li> >>>> <li> >>>> </ul> >>>> </div> >>>> </article> >>>> </section> >>>> <!-- mega-menu-pay-recharge End--> >>>> <!-- mega-menu-get--> >>>> >>>> On Monday, March 27, 2017 at 9:32:57 PM UTC-7, Titus Fortner wrote: >>>>> >>>>> This html doesn't have any links with text equal to "Recharge" >>>>> >>>>> >>>>> On Monday, March 27, 2017 at 11:13:03 PM UTC-5, Raja gopalan wrote: >>>>>> >>>>>> Here is the Html code >>>>>> >>>>>> <document> >>>>>> <html> >>>>>> <head> >>>>>> <body> >>>>>> <main> >>>>>> <div class="content-wrap"> >>>>>> <!--Header--> >>>>>> <header> >>>>>> <nav id="airtelMegaMenu" class="navbar navbar-default dropdown"> >>>>>> <div class="container-fluid text-right top-smal-menu"> >>>>>> <div class="container-fluid large-menu"> >>>>>> <!-- ==== Label 2 Menus for desktop ==== --> >>>>>> <!-- mega-menu-pay-recharge --> >>>>>> <section id="mega-menu-pay-recharge" class="mega-menu-container >>>>>> mega-menu-pay-recharge mega-menu-open"> >>>>>> <a class="mega-menu-close close" href="javascript:void(0);"> >>>>>> <article> >>>>>> <div class="mega-dropdown-menu"> >>>>>> <!-- ==== Label 2 Menu || Sub Menu for Pay and recharges ==== --> >>>>>> <ul> >>>>>> <li> >>>>>> <li class="link-active"> >>>>>> <a module-id="common" data-i18n="pay_bill" href="javascript:void(0);" >>>>>> >Pay Bill</a> >>>>>> <!-- ==== Label 3 Menu || Sub Menu for Pay bill ==== --> >>>>>> <ul> >>>>>> </li> >>>>>> <li class=""> >>>>>> <li class=""> >>>>>> </ul> >>>>>> </div> >>>>>> </article> >>>>>> </section> >>>>>> <!-- mega-menu-pay-recharge End--> >>>>>> <!-- mega-menu-get--> >>>>>> <section id="mega-menu-get" class="mega-menu-container mega-menu-get" >>>>>> > >>>>>> <!-- mega-menu-get --> >>>>>> <!-- mega-menu-BANK WITH US--> >>>>>> <section id="mega-menu-bank" class="mega-menu-container >>>>>> mega-menu-bank"> >>>>>> <!-- mega-menu-BANK WITH US--> >>>>>> <!-- ==== Label 2 Menus for desktop ==== --> >>>>>> <!-- ==== Label 2 Menus for Mobile ==== --> >>>>>> <!-- Mobile mega menu--> >>>>>> <div id="mobile-mega-menu"> >>>>>> <!-- mega-menu-Bank-mobile --> >>>>>> <section id="mega-menu-pay-recharge" class="mega-menu-container >>>>>> mega-menu-bank-mobile"> >>>>>> <a class="mega-menu-close back visible-sm visible-xs" href=" >>>>>> javascript:void(0);"> >>>>>> <article> >>>>>> <div class="mega-dropdown-menu"> >>>>>> <ul> >>>>>> <li> >>>>>> <li class="link-active"> >>>>>> <a module-id="common" data-i18n="savings_account" href=" >>>>>> javascript:void(0);">Savings Account</a> >>>>>> <ul> >>>>>> </li> >>>>>> <li> >>>>>> </ul> >>>>>> </div> >>>>>> </article> >>>>>> </section> >>>>>> <!-- mega-menu-Bank-mobile--> >>>>>> <!-- mega-menu-pay-bill-mobile --> >>>>>> <section class="mega-menu-container mega-menu-pay-bill"> >>>>>> <section class="mega-menu-container mega-menu-recharge"> >>>>>> <!-- mega-menu-pay-bill-mobile End--> >>>>>> <!-- mega-menu-Add-money --> >>>>>> <section class="mega-menu-container mega-menu-add-money"> >>>>>> <!-- mega-menu-Add-money End--> >>>>>> <!-- mega-menu-Get for me--> >>>>>> <section class="mega-menu-container mega-menu-get-for-me"> >>>>>> <!-- mega-menu-Get for me End--> >>>>>> <!-- mega-menu-for-home-mobile --> >>>>>> <section class="mega-menu-container mega-menu-get-for-home"> >>>>>> <!-- mega-menu-for-home-mobile End--> >>>>>> <!-- mega-menu-exciting-offers-mobile --> >>>>>> <section class="mega-menu-container mega-menu-exciting-offers"> >>>>>> <!-- mega-menu-exciting-offers-mobile End--> >>>>>> <!-- mega-menu-Bank with us mobile --> >>>>>> <section class="mega-menu-container mega-menu-savings-account"> >>>>>> <!-- mega-menu-Bank with us mobile End--> >>>>>> <!-- mega-menu-money-wallet mobile --> >>>>>> <section class="mega-menu-container mega-menu-money-wallet"> >>>>>> <!-- mega-menu-money-wallet mobile End--> >>>>>> </div> >>>>>> <!--Mobile mega menu--> >>>>>> <!-- ==== Label 2 Menus for Mobile End==== --> >>>>>> </nav> >>>>>> </header> >>>>>> <div itemtype="http://schema.org/WebSite"; itemscope=""> >>>>>> <section class="banner padding-top-0 padding-bottom-0 airtel-app >>>>>> bg-white home-banner overflow-hidden airtelwow animated"> >>>>>> <div class="airtelwow animated"> >>>>>> <div class="flex-container airtelwow"> >>>>>> <div class="flex-container bg-white airtelwow"> >>>>>> <div class="airtelwow"> >>>>>> <div class="flex-container bg-white airtelwow"> >>>>>> <div class="flex-container bg-white airtelwow"> >>>>>> <!--footer--> >>>>>> <footer> >>>>>> </div> >>>>>> </main> >>>>>> <script async="" src=" >>>>>> app/libs/edited/homepage/airtel-jqlite.js?version=1490500432236"/> >>>>>> <script async="" src=" >>>>>> app/libs/edited/homepage/lazyloading.js?version=1490500432236"/> >>>>>> <script type="text/javascript">var _gaq = _gaq || []; >>>>>> _gaq.push(['_setAccount', 'UA-35987772-1']); >>>>>> _gaq.push(['_setDomainName', 'airtel.in']); >>>>>> _gaq.push(['_setAllowLinker', true]); >>>>>> _gaq.push(['_setAllowAnchor', true]); >>>>>> _gaq.push(['_addIgnoredRef', ' >>>>>> airtel.in']); _gaq.push(['_trackPageview']); (function() { >>>>>> var ga = document.createElement('script'); ga.type = >>>>>> 'text/javascript'; ga.async = true; >>>>>> //ga.src = ('https:' == document.location.protocol ? 'https://' : >>>>>> 'http://') + ' >>>>>> stats.g.doubleclick.net/dc.js'; >>>>>> ga.src = ('app/libs/edited/homepage/dc.js?version=1490500432236'); >>>>>> var s = document.getElementsByTagName('script')[0]; >>>>>> s.parentNode.insertBefore(ga, s); >>>>>> })();</script> >>>>>> <script type="text/javascript"/> >>>>>> </body> >>>>>> </html> >>>>>> </document> >>>>>> >>>>>> On Monday, March 27, 2017 at 2:13:16 PM UTC-7, Titus Fortner wrote: >>>>>>> >>>>>>> I'd need to see the html to see why it works for one of the locator >>>>>>> strategies, but not the other. >>>>>>> >>>>>>> On Mon, Mar 27, 2017 at 1:21 PM, Raja gopalan <[email protected] >>>>>>> > wrote: >>>>>>> >>>>>>>> Here is the code >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> require 'watir' >>>>>>>> class AirTelRecharge >>>>>>>> def initialize >>>>>>>> caps = Selenium::WebDriver::Remote::Capabilities.firefox( >>>>>>>> marionette: false) >>>>>>>> @b=Watir::Browser.new :firefox, desired_capabilities: caps, >>>>>>>> profile: "default" >>>>>>>> @b.goto "https://www.airtel.in/"; >>>>>>>> @[email protected] >>>>>>>> @driver.manage.timeouts.implicit_wait=10 >>>>>>>> end >>>>>>>> >>>>>>>> def execute >>>>>>>> @b.element(:text, 'Pay & Recharge').click >>>>>>>> @driver.find_element(:link,'Recharge').click #Here is the problem >>>>>>>> this code doesn't work for @b.element(:text,'Recharge').click >>>>>>>> end >>>>>>>> end >>>>>>>> >>>>>>>> AirTelRecharge.new.execute >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> On Monday, March 27, 2017 at 8:48:37 AM UTC-7, Titus Fortner wrote: >>>>>>>>> >>>>>>>>> Those two locators should find the same element, but it appears it >>>>>>>>> is not if one says the element exists but is not visible and the >>>>>>>>> other says >>>>>>>>> it is visible. To figure out why it is finding a different element, >>>>>>>>> I'd >>>>>>>>> need to see the underlying html. >>>>>>>>> >>>>>>>>> >>>>>>>>> On Sunday, March 26, 2017 at 11:38:52 PM UTC-5, Raja gopalan wrote: >>>>>>>>>> >>>>>>>>>> Link is clearly visible to click >>>>>>>>>> >>>>>>>>>> If I write >>>>>>>>>> >>>>>>>>>> @b.link(:text,'Recharge').click >>>>>>>>>> >>>>>>>>>> WATIR converts this code into >>>>>>>>>> >>>>>>>>>> @driver.find_element(:xpath,"//a[normalize-space()='Recharge']"). >>>>>>>>>> click >>>>>>>>>> >>>>>>>>>> but this selenium code says that element is not visible, So it's >>>>>>>>>> not working. >>>>>>>>>> >>>>>>>>>> If I write the following selenium code >>>>>>>>>> >>>>>>>>>> @driver.find_element(:link,'Recharge').click >>>>>>>>>> >>>>>>>>>> It works properly. >>>>>>>>>> >>>>>>>>>> Do you understand me now? >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> On Sunday, March 26, 2017 at 3:05:51 PM UTC-7, Titus Fortner >>>>>>>>>> wrote: >>>>>>>>>>> >>>>>>>>>>> Is Watir finding a different link? Or is Selenium just allowing >>>>>>>>>>> the user to click a link that is not displayed? >>>>>>>>>>> >>>>>>>>>>> There are definitely ways that Watir can optimize its locator >>>>>>>>>>> strategies, but that part of the code is not trivial to dig into. >>>>>>>>>>> As >>>>>>>>>>> always, pull requests are welcome. >>>>>>>>>>> >>>>>>>>>>> On Sun, Mar 26, 2017 at 12:18 PM, Raja gopalan < >>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> I have written the following selenium code to click this link >>>>>>>>>>>> >>>>>>>>>>>> @driver.find_element(:link,'Recharge').click >>>>>>>>>>>> >>>>>>>>>>>> It successfully clicks the line >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> I have written the same code in WATIR as shown below >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> @b.link(:text,'Recharge').click >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> but it throws element not present error >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> I checked out how this above code works, this above code forms >>>>>>>>>>>> this xpath at the end >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> "//a[normalize-space()='Recharge']" >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> So I suspected that this xpath might be the reason, So I have >>>>>>>>>>>> written the below selenium code using this xpath, As I expected >>>>>>>>>>>> the same >>>>>>>>>>>> error was >>>>>>>>>>>> >>>>>>>>>>>> thrown by selenium as well(element is not visible) >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> @driver.find_element(:xpath,"//a[normalize-space()='Recharge']").click >>>>>>>>>>>> >>>>>>>>>>>> So what I think is, WATIR should refrain forming the xpath when >>>>>>>>>>>> b.link is called, they can directly convert this code to >>>>>>>>>>>> @driver.find_element(:link,'Recharge') but they >>>>>>>>>>>> >>>>>>>>>>>> can form the xpath when b.element(:text,'Recharge') is called >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> any suggestion? >>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> -- >>>>>>>>>>>> -- >>>>>>>>>>>> Before posting, please read http://watir.com/support. In >>>>>>>>>>>> short: search before you ask, be nice. >>>>>>>>>>>> >>>>>>>>>>>> [email protected] >>>>>>>>>>>> http://groups.google.com/group/watir-general >>>>>>>>>>>> [email protected] >>>>>>>>>>>> >>>>>>>>>>>> --- >>>>>>>>>>>> You received this message because you are subscribed to the >>>>>>>>>>>> Google Groups "Watir General" group. >>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from >>>>>>>>>>>> it, send an email to [email protected]. >>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> -- >>>>>>>> -- >>>>>>>> Before posting, please read http://watir.com/support. In short: >>>>>>>> search before you ask, be nice. >>>>>>>> >>>>>>>> [email protected] >>>>>>>> http://groups.google.com/group/watir-general >>>>>>>> [email protected] >>>>>>>> >>>>>>>> --- >>>>>>>> You received this message because you are subscribed to the Google >>>>>>>> Groups "Watir General" group. >>>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>>> send an email to [email protected]. >>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>> >>>>>>> >>>>>>> -- -- Before posting, please read http://watir.com/support. In short: search before you ask, be nice. [email protected] http://groups.google.com/group/watir-general [email protected] --- You received this message because you are subscribed to the Google Groups "Watir General" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
