See Run JavaScript on Web Pages, you might be able to use pageObj.contentDocument.Script.eval() to get the styling sheet, and checking the image properties.
I can't tell you which value is appropriate for your case. In my test, the image is not visible at -300. But it depends on how various elements of your webpage are organized.
Hi, do you have an example ? Each object has a property "VisibleOnScreen". You can check that property whenever you want. Maybe this could solve your problem.
Sometimes, the VisibleOnScreen is always false, in this case you have to find an other trick to do this check. (for example, you can check the value of ScreenTop or something like that).
If I understand properly : your image is fixed when you start scrolling, then the image start scrolling too when you reach a certain point in your webpage, and you want to check the image in both case (fixed, then moving) is that right ?
Try to get the image object or the container that move with the image. And check the "ScreenTop" value.
If the ScreenTop value is below a certain value (maybe -200 px or something) you know that the image is no longer visible. It's not ideal but I don't know what else to do.
If you are using Chrome, then press F12 to launch the DevTools. You can view all the Elements that appear on the page, as well as seeing the values changing while scrolling the page. From here, choose the appropriate property to be used in TestComplete to test for.
I understand that.
But you have to understand how your page is built, as not all CSS pages will have that property value set. In this example the visibility value changes depending on how much is scrolled,
It can be seen clearly while using DevTools.
You might have different element, property, attribute value that's changing which might not be shown in TC.
