Preciso de um desenvolvedor Flutter para a criação de uma página de listagem em um aplicativo existente. Deve ser criado o layout, filtros, loading e integração com o backend correspondente que está sendo desenvolvido.

A história de base para a demanda é:

Como um parceiro,
Eu quero visualizar as vistorias que estão associadas a mim,
Para que eu possa acompanhar o status das minhas vistorias, realizar as coletas e acessar os detalhes de cada uma.

A tela de listagem de vistorias será implementada no aplicativo para que os parceiros possam visualizar todas as vistorias associadas a eles. Essa tela deve fornecer informações básicas sobre cada vistoria e permitir que o parceiro acesse detalhes específicos conforme necessário. A interface deve ser intuitiva, fácil de navegar e proporcionar uma visão clara do status e das informações das vistorias.

Estrutura da Tela:

Cabeçalho da Tela:

Exibe o título da seção para indicar ao usuário que ele está na tela correta.

Contém um botão para abrir os filtros de pesquisa.

Seção de Filtros:

Oferece campos de entrada para permitir a filtragem de vistorias, esse filtro possui um select digitável conforme o Figma.

Os filtros são:

• Cliente: Permite a busca por nome do cliente.
• Parceiro: Permite a busca por nome do parceiro.
• Cidade: Permite a seleção da cidade.
• UF: Permite a seleção do estado/UF.

Os filtros são independentes.

Contém botões para aplicar ou limpar filtros selecionados.

Lista de Vistorias:

Apresenta uma lista das vistorias associadas ao parceiro.

Cada item da lista exibe informações relevantes da vistoria, como nome do cliente, parceiro, região, custo da região e status da vistoria.

Permite interação para acessar detalhes específicos de cada vistoria.

Ação de Detalhes da Vistoria:

Ao selecionar uma vistoria, o usuário é direcionado para uma tela que mostra os detalhes completos da vistoria selecionada.

Critérios de aceitação:

Seção de Cabeçalho:

O título da tela deve indicar claramente que o usuário está visualizando suas vistorias.

O botão de filtro deve ser facilmente acessível e abrir a seção de filtros quando clicado.

Seção de Filtros:

• Cliente: O campo de texto deve permitir a entrada parcial para buscar clientes pelo nome, e a lista de vistorias deve ser filtrada conforme a entrada.
• Parceiro: O campo de texto deve permitir a entrada parcial para buscar parceiros pelo nome, e a lista de vistorias deve ser filtrada conforme a entrada.
• Cidade: O dropdown deve conter todas as opções de regiões possíveis.
• UF: O dropdown deve conter todas as opções de regiões possíveis.

Os botões "Aplicar Filtro" e "Limpar Filtros" devem funcionar conforme esperado, filtrando ou resetando a lista de vistorias.

Lista de Vistorias:

Cada item da lista deve exibir corretamente as informações necessárias: nome do cliente, nome do parceiro, região, custo da região e status.

A lista deve ser paginada ou usar rolagem infinita para carregar mais vistorias conforme o usuário navega.

Ação de Detalhes da Vistoria:

Ao clicar em um item da lista, o aplicativo deve navegar para uma tela de detalhes da vistoria correspondente, onde todas as informações detalhadas devem ser exibidas.

Deve ser possível voltar para a lista de vistorias a partir da tela de detalhes.

Controles de Acesso:

Apenas parceiros autenticados devem ter acesso à tela de listagem de vistorias.

A tela deve ser acessível e responsiva em diferentes dispositivos móveis.

Plano de testes:

Teste de Exibição de Cabeçalho:

• Cenário 1: Abrir a tela de listagem de vistorias e verificar se o título da seção é exibido corretamente.
• Cenário 2: Verificar se o botão de filtro está visível e acessível.

Teste de Funcionalidade de Filtro:

• Cenário 1: Inserir um nome de cliente parcial no campo de filtro e verificar se a lista é filtrada corretamente.
• Cenário 2: Selecionar uma região no dropdown e aplicar o filtro, verificando se aparece corretamente.
• Cenário 3: Clicar no botão "Limpar Filtros" e verificar se todas as vistorias associadas são exibidas.

Teste de Exibição da Lista de Vistorias:

• Cenário 1: Verificar se cada item da lista de vistorias exibe todas as informações corretas (cliente, parceiro, região, custo da região, status).
• Cenário 2: Testar a rolagem da lista para garantir que todas as vistorias sejam carregadas corretamente com rolagem infinita ou paginação.

Teste de Navegação para Detalhes da Vistoria:

• Cenário 1: Clicar em um item da lista de vistorias e verificar se o aplicativo navega corretamente para a tela de detalhes da vistoria.
• Cenário 2: Verificar se as informações na tela de detalhes da vistoria correspondem à vistoria selecionada.

Teste de Controles de Acesso e Responsividade:

• Cenário 1: Tentar acessar a tela de listagem de vistorias sem autenticação e garantir que o acesso seja negado.
• Cenário 2: Verificar a responsividade da tela em diferentes tamanhos e orientações de tela.