Currently, I am working on creating a framework that involves determining whether a web element is hidden before executing any actions on it.
One specific scenario involves a password field that is structured like so:
<div class=hidepassword>
<input type="password" >
<div>
After querying the input tag with the provided lines of code, all values indicate that the element is visible.
Upon further investigation, I discovered that the preceding div's class is what makes the input invisible. I attempted to retrieve the 'overflow' value from the .css file for the hidepassword class. However, due to numerous CSS values associated with this class, the JavaScript function I implemented only retrieves one CSS value.
Is there a method to extract all CSS values for a specific class name and then analyze these values to determine if the element is visible or not?
Thank you in advance for your assistance with this matter.