Software Quality Assurance & Testing Stack Exchange is a question and answer site for software quality control experts, automation engineers, and software testers. It only takes a minute to sign up.
Sign up to join this community
I am trying to click on "Add payment method" button under Payment Methods tab using selenium - https://pay.google.com/gp/w/home/paymentmethods
Tried using xpath, className and cssSelector but looks like something is wrong with the code. :(
Not sure where I am going wrong. Can someone please try? :(
The Add Payment Button is part of a frame, you first need to switch to the frame before trying to find the element.
The frame:
<iframe frameborder="0" src="about:blank" id="mainWidget_:0Iframe" name="mainWidget_:0Iframe">
Reads:
Example code:
WebElement frame = driver.findElement(By.id("mainWidget_:0Iframe"));
driver.switchTo.frame(frame);
WebElement paymentButton = driver.findElement(By.xpath("//span[contains(text(), 'Add payment method')]"));
paymentButton.click();
Maybe you also need to wait for the frame/button to load.
I reached out to Payment team and they confirmed that there are a few a11y and keyboard issues (focus,aria labels, landmarks and title attributes) which are known and prod issues which they will fix mostly by end of this year. And this was the reason why I was not able to move the focus to the frame and from there click on "add payment method" button. The frames do not even have a unique label which is mandatory.
In a nutshell, the prob is with the site, not with the code! :)
