Melhore o componente app-home para suportar a paginação utilizando o componente app-pagination. Integre o componente app-pagination usando o OutputonSelectPage. 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 método getMovies sempre que alterar o parâmetro de consulta currentPage inscrevendo-se no ObservablequeryParams do serviço ActivatedRoute.
Critérios de aceitação:
[x] Integração de componentes de paginação:
[x] Integre o componente app-pagination dentro do componente app-home usando o OutputonSelectPage.
[x] ObservablequeryParams:
[x] Use o ObservablequeryParams do serviço ActivatedRoute para extrair e rastrear os query params da URL.
[x] Manipulação de cliques nos botões de página:
[x] Quando o usuário clicar em um botão de página, altere o query paramcurrentPage da URL para a nova página.
[x] Executar o método getMovies sempre que o parâmetro de consulta currentPage mudar, inscrevendo-se no ObservablequeryParams do serviço ActivatedRoute.
[x] Testes unitários:
[x] Escreva testes unitários para o componente app-home aprimorado, abrangendo cenários como cliques em botões de página, alterações nos parâmetros de URL e chamadas bem-sucedidas ao serviço.
Definição de Pronto:
[x] O componente app-pagination está integrado dentro do componente app-home usando o OutputonSelectPage.
[x] O ObservablequeryParams do serviço ActivatedRoute foi utilizado para extrair e rastrear os parâmetros de consulta da URL.
[x] Os cliques no botão de página alteram o query paramcurrentPage da URL para a nova página e acionam chamadas ao serviço getMovies.
[x] Os testes unitários para o componente app-home aprimorado foram bem-sucedidos e cobrem vários cenários de paginação.
Descrição:
Melhore o componente
app-homepara suportar a paginação utilizando o componenteapp-pagination. Integre o componenteapp-paginationusando o OutputonSelectPage. 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 métodogetMoviessempre que alterar o parâmetro de consultacurrentPageinscrevendo-se no ObservablequeryParamsdo serviçoActivatedRoute.Critérios de aceitação:
[x] Integração de componentes de paginação:
app-paginationdentro do componenteapp-homeusando o OutputonSelectPage.[x] Observable
queryParams:queryParamsdo serviçoActivatedRoutepara extrair e rastrear os query params da URL.[x] Manipulação de cliques nos botões de página:
[x] Quando o usuário clicar em um botão de página, altere o query param
currentPageda URL para a nova página.[x] Executar o método
getMoviessempre que o parâmetro de consultacurrentPagemudar, inscrevendo-se no ObservablequeryParamsdo serviçoActivatedRoute.[x] Testes unitários:
app-homeaprimorado, abrangendo cenários como cliques em botões de página, alterações nos parâmetros de URL e chamadas bem-sucedidas ao serviço.Definição de Pronto:
[x] O componente
app-paginationestá integrado dentro do componenteapp-homeusando o OutputonSelectPage.[x] O Observable
queryParamsdo serviçoActivatedRoutefoi utilizado para extrair e rastrear os parâmetros de consulta da URL.[x] Os cliques no botão de página alteram o query param
currentPageda URL para a nova página e acionam chamadas ao serviçogetMovies.[x] Os testes unitários para o componente
app-homeaprimorado foram bem-sucedidos e cobrem vários cenários de paginação.