Criar um componente React chamado MovieList para mostrar o catálogo de filmes em formato de tabela. O componente deve receber um array de modelos de negócio Movie como prop e mostrar cada filme usando o componente MovieCard. Certifique-se de que o erro "Warning: Each child in a list should have a unique "key" prop" seja evitado.
Critérios de Aceitação:
[ ] Criação do componente:
[ ] Criar um arquivo chamado MovieList.tsx dentro da pasta components.
[ ] Props:
[ ] Definir uma prop chamada movies do tipo Movie[] que represente um array de modelos de negócio de filmes.
[ ] Renderização de Cartões de Filme:
[ ] Utilizar o componente MovieCard para renderizar cada filme da prop movies.
[ ] Passar os dados relevantes da película como props a cada instância de MovieCard.
[ ] Chave única:
[ ] Implementar uma chave única para cada componente MovieCard para evitar o erro "Warning: Cada filho de uma lista deve ter uma "chave" única".
[ ] Assegurar que a chave se deriva de propriedades únicas de cada filme.
[ ] Testes unitários:
[ ] Escrever testes unitários para o componente MovieList para garantir que se renderiza corretamente com várias listas de filmes.
[ ] Incluir testes para diferentes cenários, como listas de filmes vazias ou diferentes tipos de informação de filmes.
Definição de Pronto:
[ ] O arquivo MovieList.tsx se cria dentro da pasta components.
[ ] O componente recebe um prop chamado movies do tipo Movie[].
O componente renderiza cada filme utilizando o componente MovieCard.
[ ] Cada instância de MovieCard tem uma chave única para evitar o aviso "Warning: Each child in a list should have a unique "key" prop" error.
[ ] Os testes unitários do componente MovieList se superaram com sucesso, cobrindo vários cenários.
Descrição:
Criar um componente React chamado
MovieListpara mostrar o catálogo de filmes em formato de tabela. O componente deve receber um array de modelos de negócio Movie como prop e mostrar cada filme usando o componenteMovieCard. Certifique-se de que o erro "Warning: Each child in a list should have a unique "key" prop" seja evitado.Critérios de Aceitação:
[ ] Criação do componente:
MovieList.tsxdentro da pasta components.[ ] Props:
moviesdo tipoMovie[]que represente um array de modelos de negócio de filmes.[ ] Renderização de Cartões de Filme:
[ ] Utilizar o componente
MovieCardpara renderizar cada filme da propmovies.[ ] Passar os dados relevantes da película como props a cada instância de
MovieCard.[ ] Chave única:
[ ] Implementar uma chave única para cada componente
MovieCardpara evitar o erro "Warning: Cada filho de uma lista deve ter uma "chave" única".[ ] Assegurar que a chave se deriva de propriedades únicas de cada filme.
[ ] Testes unitários:
[ ] Escrever testes unitários para o componente
MovieListpara garantir que se renderiza corretamente com várias listas de filmes.[ ] Incluir testes para diferentes cenários, como listas de filmes vazias ou diferentes tipos de informação de filmes.
Definição de Pronto:
[ ] O arquivo
MovieList.tsxse cria dentro da pasta components.[ ] O componente recebe um prop chamado
moviesdo tipoMovie[].O componente renderiza cada filme utilizando o componente
MovieCard.[ ] Cada instância de
MovieCardtem uma chave única para evitar o aviso "Warning: Each child in a list should have a unique "key" prop" error.[ ] Os testes unitários do componente
MovieListse superaram com sucesso, cobrindo vários cenários.