I need help with a JavaScript and CSS project. I have a situation where I have a numbered list like this:
- Coffee
- Tea
- Cola
Here is the code structure I am using:
<!DOCTYPE html>
<html>
<head>
<style>
ul.a {list-style-type: decimal;}
</style>
</head>
<body>
<h1>The list-style-type Property</h1>
<p>Example of unordered lists:</p>
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Cola</li>
</ul>
</body>
</html>Everything seems to be working fine in the UI, but when it comes to testing through automation, the numbered list does not appear in the DOM because it's controlled by CSS.
Is there a way to test if the list is actually numbered? Any assistance would be greatly appreciated.