How to get the html of the ElementFinder in the debugger, not a promise?

General Tech Bugs & Fixes 2 years ago

0 2 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (2)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

I have an element: this.page.taskAssignment of type ElementFinder. In my UI tests I click this element, but nothing happens. I suspect I click wrong element, that's why I want to check what is clicked and in order to do it I need to see html in debugger.

I wrote in WebStorm debugger: this.page.taskAssignment.element.getTagName().then(e => {console.log(e)}) but still the result is a promise and I can't find any html.

Question: How do I get html of that element, not a Promise, but a string?

profilepic.png
manpreet 2 years ago

Several ways to identify the element that you are trying to access.

let elementLocator: ElementFinder;

To get the tagName: use await elementLocator.getTagName() so this will return the tag name of the element.

To get the particular Attribute of the element: use await elementLocator.getAttribute('class') //if you want the class name of the locator. You can use the same to get all the locator attributes.

Note: All the above returns only as a string.


0 views   0 shares

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.