# Tradeoffs de testes de componente React com snapshot > Vantagens e desvantagens do snapshot testing em componentes React - Author: Franklin Javier - Published: 2022-12-06 - Language: Português (Brasil) - Tags: react, testes, frontend - Canonical: https://blog-preview.imfrank.dev/pt-br/blog/tradeoffs-snapshot-testing-react/ Snapshot tests oferecem um método rápido para verificar se componentes React renderizam corretamente, mas vêm com limitações importantes que todo desenvolvedor deve conhecer. ## O que são Snapshot Tests? Snapshot testing captura a saída renderizada de um componente e a salva em um arquivo. Em execuções futuras, a saída atual é comparada com o snapshot salvo para detectar mudanças inesperadas. ## Vantagens ### Rapidez na Implementação Criar snapshot tests é extremamente rápido - basicamente você renderiza o componente e salva o output. ### Detecção de Mudanças Não Intencionais Eles avisam quando a UI muda de forma inesperada, funcionando como uma rede de segurança. ## Desvantagens ### Facilmente Quebrados Os testes "podem ser quebrados facilmente se você alterar o componente de uma forma que mude sua saída visual". Isso cria falsos positivos que exigem atualizações frequentes dos snapshots. ### Não Validam Comportamento Uma limitação significativa é que snapshot tests não validam se o componente funciona corretamente - eles apenas confirmam que renderiza da mesma forma. Um componente pode passar nos snapshots enquanto tem bugs críticos de funcionalidade. ### Dificuldade de Manutenção Com o tempo, os snapshots podem ficar grandes e difíceis de revisar. Desenvolvedores podem apenas atualizar snapshots sem realmente verificar as mudanças. ## Exemplo de Código ```typescript import renderer from 'react-test-renderer'; import Button from './Button'; it('renders correctly', () => { const tree = renderer .create(