Craig Wilson
Currently, the visual regression testing on the Safe Update feature struggles with websites that include animations, resulting in false positives. Many of the websites I manage use 'Fade In' effects for elements, typically lasting no longer than 300-500ms. It seems screenshots are often taken before these animations complete, leading to unnecessary alerts.
  1. Screenshot Delay Option:
Allow users to configure a delay (e.g., in milliseconds) before screenshots are taken. This would ensure that fade-in animations or similar effects have time to complete before the visual snapshot.
  1. Customisable Change % Threshold:
Provide an option to adjust the percentage threshold for what constitutes a visual change. This would allow users to fine-tune sensitivity based on their website's specific requirements.
  1. Animation Blocking Option:
Add a setting where users can check a box to disable animations on a website during testing. This could be implemented by injecting CSS such as:
*,
*::before,
*::after {
animation: none !important;
transform: none !important;
transition: none !important;
}