Melhorar o componente Home para suportar a paginação utilizando o componente Pagination. Integre o componente Pagination usando a propriedade onSelectPage. Sempre que o usuário clicar em um botão de página, atualize o valor do query paramcurrentPage da URL para a nova página. Além disso, chame o serviço getMovies sempre que o query paramcurrentPage mudar. Utilize o hook useQuery para extrair e rastrear os parâmetros de consulta da URL.
Critérios de aceitação:
[ ] Integração de componentes de paginação:
[ ] Integre o componente Pagination dentro do componente Início usando a propriedade onSelectPage.
[ ] Hook UseQuery:
[ ] Utilize o hook useQuery para extrair e rastrear os parâmetros de consulta da URL.
[ ] Manipulação de cliques nos botões de página:
[ ] Quando o usuário clicar em um botão de página, mude o query paramcurrentPage da URL para a nova página.
[ ] Chame o método getMovies sempre que o parâmetro de consulta currentPage mudar.
[ ] Testes unitários:
[ ] Escreva testes unitários para o componente Home melhorado, que cubram cenários como cliques em botões de página, alterações nos parâmetros de URL e chamadas de serviço bem-sucedidas.
Definição de Pronto:
[ ] O componente Pagination está integrado dentro do componente Home usando a propriedade onSelectPage.
[ ] O hook useQuery é utilizado para extrair e rastrear os parâmetros de consulta da URL.
[ ] Os cliques nos botões de página alteram o query paramcurrentPage para a nova página e acionam chamadas para o serviço getMovies.
[ ] Os testes unitários para o componente Home melhorado são aprovados com sucesso e cobrem vários cenários de paginação.
Descrição:
Melhorar o componente
Homepara suportar a paginação utilizando o componentePagination. Integre o componentePaginationusando a propriedadeonSelectPage. Sempre que o usuário clicar em um botão de página, atualize o valor do query paramcurrentPageda URL para a nova página. Além disso, chame o serviçogetMoviessempre que o query paramcurrentPagemudar. Utilize o hookuseQuerypara extrair e rastrear os parâmetros de consulta da URL.Critérios de aceitação:
[ ] Integração de componentes de paginação:
Paginationdentro do componenteIníciousando a propriedadeonSelectPage.[ ] Hook UseQuery:
useQuerypara extrair e rastrear os parâmetros de consulta da URL.[ ] Manipulação de cliques nos botões de página:
[ ] Quando o usuário clicar em um botão de página, mude o query param
currentPageda URL para a nova página.[ ] Chame o método
getMoviessempre que o parâmetro de consultacurrentPagemudar.[ ] Testes unitários:
Homemelhorado, que cubram cenários como cliques em botões de página, alterações nos parâmetros de URL e chamadas de serviço bem-sucedidas.Definição de Pronto:
[ ] O componente
Paginationestá integrado dentro do componenteHomeusando a propriedadeonSelectPage.[ ] O hook
useQueryé utilizado para extrair e rastrear os parâmetros de consulta da URL.[ ] Os cliques nos botões de página alteram o query param
currentPagepara a nova página e acionam chamadas para o serviçogetMovies.[ ] Os testes unitários para o componente
Homemelhorado são aprovados com sucesso e cobrem vários cenários de paginação.