Merge pull request #129 from unb-mds/integracaoAPIGrafico

Integração da API para Exibição de Gráficos na Guia Pesquisa
unb-mds · Aug 21, 2024 · 8bfbf01 · 8bfbf01
2 parents 44e92e5 + c7e53a8
commit 8bfbf01
Show file tree

Hide file tree

Showing 7 changed files with 401 additions and 179 deletions.
diff --git a/docs/Como executar/Front-end/Testes unitários/Testes do Componente Filtro.md b/docs/Como executar/Front-end/Testes unitários/Testes do Componente Filtro.md
@@ -2,7 +2,7 @@
 
 ## 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 de usuário, garantindo que todos os elementos essenciais estejam presentes e corretamente configurados.
 
 ### Casos de Teste
 
@@ -12,35 +12,32 @@ Este conjunto de testes foi desenvolvido para verificar o comportamento e a rend
 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 os campos de entrada com os placeholders "Assunto", "Local", "Data Inicial" e "Data final" estão presentes no documento.
+    - Verificar se o seletor de cidades está presente com a opção "Selecione uma cidade".
 
-#### Manipulação de Mudanças de Entrada para Assunto e Local
+#### Manipulação da Seleção de Cidade
 
-1. **Objetivo**: Garantir que os campos de entrada para "Assunto" e "Local" respondem corretamente às alterações do usuário.
+1. **Objetivo**: Garantir que a seleção de uma cidade no campo de entrada é manipulada corretamente.
 2. **Teste**:
     - Renderizar o componente `Filtro`.
-    - Simular a mudança de valor no campo de entrada para "Assunto" com o valor "Educação".
-    - Simular a mudança de valor no campo de entrada para "Local" com o valor "Belo Horizonte".
-    - Verificar se o campo de entrada para "Assunto" contém o valor "Educação".
-    - Verificar se o campo de entrada para "Local" contém o valor "Belo Horizonte".
+    - 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 / 2024".
-    - Simular a seleção de uma data final com o valor "12 / 2023", que é anterior à data inicial.
-    - Verificar se o campo de entrada para "Data Inicial" contém o valor "01 / 2024".
-    - Verificar se o campo de entrada para "Data final" contém o valor "12 / 2023".
+    - 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.
 
-#### Manipulação do Clique no Botão de Busca
+#### Verificação dos Gráficos
 
-1. **Objetivo**: Assegurar que o botão de busca dispara a ação esperada ao ser clicado.
+1. **Objetivo**: Garantir que os gráficos são renderizados corretamente após a seleção de dados.
 2. **Teste**:
     - Renderizar o componente `Filtro`.
-    - Simular o clique no botão com o texto "Buscar".
-    - Verificar se o botão de busca foi clicado com sucesso (podendo ser expandido para verificar se a ação associada ao clique é executada corretamente).
+    - 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).
 
 ## Considerações Finais
 

diff --git a/front/src/app/Sobre/page.tsx b/front/src/app/Sobre/page.tsx
@@ -9,6 +9,7 @@ export default function Sobre() {
 
         </main>
        <Integrantes/> 
+
         </>
     );
 }
diff --git a/front/src/app/globals.css b/front/src/app/globals.css
@@ -33,6 +33,8 @@
 }
 
 /* Estilo para divs, header, main, e footer em modo de alto contraste */
+.high-contrast input,
+.high-contrast select,
 .high-contrast div,
 .high-contrast header,
 .high-contrast main,
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,6 +9,7 @@ export default function Sobre() { @@
             </main>
            <Integrantes/>
             </>
         );
     }