I’m getting starting with Selenium and I’m trying to locate the Next button on the cnn site and if it isn’t the last page to click on it, otherwise to end the program.
The html code for enabled button is:
<div class="pagination-arrow pagination-arrow-right cnnSearchPageLink text-active"> "Next" <i class="icon icon--arrow-right"></i> </div>
The html code for disabled button is:
<div class="pagination-arrow pagination-arrow-right text-deactive"> "Next" <i class="icon icon--arrow-right"></i> </div>
How should approach the solution? I tried is_enabled()
or to find part of text in class name but didn’t succeed. What should I do?
Advertisement
Answer
You can use
div.text-active
CSS selector to represent the first HTML div that you have shared.
and
div.text-deactive
CSS selector to represent the second HTML div
Please check in the dev tools
(Google chrome) if we have unique entry in HTML DOM
or not.
Steps to check:
Press F12 in Chrome
-> go to element
section -> do a CTRL + F
-> then paste the css selector
and see, if your desired element
is getting highlighted with 1/1
matching node.