From 6e5edaab3c7cb70b77b74fef29d348830629fea2 Mon Sep 17 00:00:00 2001 From: devMarcosVM Date: Mon, 2 Sep 2024 10:10:46 -0300 Subject: [PATCH] =?UTF-8?q?docs:=20atualizando=20a=20documenta=C3=A7=C3=A3?= =?UTF-8?q?o=20do=20teste=20Filtro?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Testes do Componente Filtro.md" | 46 ++++++------------- 1 file changed, 14 insertions(+), 32 deletions(-) diff --git "a/docs/Como executar/Front-end/Testes unit\303\241rios/Testes do Componente Filtro.md" "b/docs/Como executar/Front-end/Testes unit\303\241rios/Testes do Componente Filtro.md" index 3130ce3..972c368 100644 --- "a/docs/Como executar/Front-end/Testes unit\303\241rios/Testes do Componente Filtro.md" +++ "b/docs/Como executar/Front-end/Testes unit\303\241rios/Testes do Componente Filtro.md" @@ -2,43 +2,25 @@ ## Descrição Geral -Este conjunto de testes foi desenvolvido para verificar o comportamento e a renderização correta do componente `Filtro` no projeto. A abordagem adotada utiliza a biblioteca `@testing-library/react` e `Jest` para renderizar o componente e validar os elementos visíveis na interface de usuário, garantindo que todos os elementos essenciais estejam presentes e corretamente configurados. +Este conjunto de testes foi desenvolvido para verificar o comportamento e a renderização correta do componente `Filtro` no projeto. A abordagem adotada utiliza a biblioteca `@testing-library/react` e `Jest` para renderizar o componente e validar os elementos visíveis na interface do usuário, garantindo que todos os elementos essenciais estejam presentes e configurados corretamente. Além disso, o mock de funções de API e de gráficos foi implementado para isolar o componente e testar seu comportamento de forma independente. -### Casos de Teste +## Casos de Teste -#### Renderização do Componente Filtro +### 1. Renderização e Interação com o Componente Filtro -1. **Objetivo**: Verificar se o componente `Filtro` é renderizado corretamente com todos os seus elementos principais. -2. **Teste**: - - Renderizar o componente `Filtro`. - - Verificar se o título com o texto "Pesquise por cidade, período e tema" está presente no documento. - - Verificar se o seletor de cidades está presente com a opção "Selecione uma cidade". +**Objetivo:** Verificar se o componente `Filtro` é renderizado corretamente, com todos os seus elementos principais, e interage corretamente com os selecionadores de data. -#### Manipulação da Seleção de Cidade +**Teste:** -1. **Objetivo**: Garantir que a seleção de uma cidade no campo de entrada é manipulada corretamente. -2. **Teste**: - - Renderizar o componente `Filtro`. - - Simular a seleção de uma cidade do seletor de cidades. - - Verificar se a cidade selecionada é refletida no campo de entrada. - -#### Manipulação de Seleção de Datas Inicial e Final - -1. **Objetivo**: Testar a funcionalidade de seleção de datas e garantir que as datas inicial e final são manipuladas corretamente. -2. **Teste**: - - Renderizar o componente `Filtro`. - - Simular a seleção de uma data inicial com o valor "01 / 2023". - - Simular a seleção de uma data final com o valor "12 / 2023". - - Verificar se os campos de entrada para "Data Inicial" e "Data final" contêm os valores selecionados. - -#### Verificação dos Gráficos - -1. **Objetivo**: Garantir que os gráficos são renderizados corretamente após a seleção de dados. -2. **Teste**: - - Renderizar o componente `Filtro`. - - Verificar se os gráficos para "Valor Empenhado", "Valor Liquidado" e "Valor Pago" estão presentes no documento. - - Verificar se o número de gráficos renderizados corresponde ao esperado (três gráficos). +- Renderizar o componente `Filtro`. +- Verificar se o título com o texto "Pesquise por período" está presente no documento. +- Verificar se os campos de data inicial e final estão presentes. +- Simular a seleção de uma data inicial com o valor "01/2023". +- Simular a seleção de uma data final com o valor "12/2023". +- Verificar se a função `fettchYearAndMonthTender` foi chamada após a seleção das datas. +- Verificar se os valores totais ("Total Empenhado", "Total Liquidado", "Total Pago") são exibidos no documento. +- Verificar se os gráficos são renderizados corretamente, garantindo que o mock de gráficos está presente e o número de gráficos renderizados corresponde ao esperado (dois gráficos). ## Considerações Finais -Esses testes garantem que o componente `Filtro` está sendo renderizado corretamente e que os elementos principais estão presentes com o conteúdo esperado. Além disso, verificam se as funcionalidades básicas, como a manipulação de entradas e a seleção de datas, estão funcionando conforme o esperado. Estes testes são essenciais para assegurar que o componente se comporta conforme projetado em diversos cenários de uso. +Os testes garantem que o componente `Filtro` é renderizado corretamente, com os elementos essenciais presentes, e que as funcionalidades básicas, como a manipulação das seleções de data e a exibição de gráficos, estão funcionando conforme o esperado. A utilização de mocks para funções de API e gráficos assegura que o teste seja executado de maneira isolada, focando exclusivamente no comportamento do componente.