div element keeps changing. If a new item comes into the web, the div number changes.
How do I handle this?
If nothing in the web page is predictable, then you're hosed: you can't find gold in a sea of shifting data unless you have something to hold on to.
If there's some constant factor in the web page that is stable, whether it's the structure, an ID value, or some textual content, then tell us what it is, and we can help you translate that description into XPath.
Don't use absolute xpath at all. Use relative xpath.
It is recommended to use CSS over XPath as it is faster
Web elements could be located using tag, attributes, parent, child, text and lot more. Just see what is the easiest approach and clearest approach.
For instance, the xpath you mentioned doesn't give any idea about the element. The locator we use should be mostly self-descriptive.
One should be able to tell what element the locator is pointing to without the need of rechecking the DOM.
Eg: //button[@id="login"], one can easily say that it's a login button by just seeing the locator.
In your particular case as far as I understood your target element is getting shifted in the list after a new item is added before it. If this is the case you can get the access to that element from the end of the list.
For example this element could be always the last one. Then you should use:
or if it is always pre-last then
Some things to try when handling this: