Testes de regressão visual são recursos úteis e poderosos para ter em sua caixa de ferramentas, mas têm um custo significativo, pois são feitos para páginas inteiras. Com o surgimento de frameworks baseados em componentes como React e Vue, também observamos a ascensão dos testes de regressão visual de componentes. Essa técnica atinge um bom equilíbrio entre valor e custo para garantir que nenhum elemento visual indesejado seja adicionado à aplicação. Em nossa experiência, o teste de regressão visual de componentes apresenta menos falsos positivos e promove um bom estilo de arquitetura. Em conjunto com ferramentas como Vite e o recurso Hot Module Replacement (HMR) do webpack, seu uso pode ser visto como uma mudança de paradigma para aplicar o desenvolvimento orientado a testes ao desenvolvimento front-end.
