Criar um componente React chamado MovieCard para mostrar informações sobre um filme. O componente deve receber um modelo de negócio Movie como prop, e mostrar informações relevantes como o pôster do filme, o título original e o ano de lançamento.
Critérios de Aceitação:
[ ] Criação do componente:
[ ] Criar um arquivo chamado MovieCard.tsx dentro da pasta components.
[ ] Props:
[ ] Definir uma prop chamada movie do tipo Movie que represente o modelo de negócio de um filme.
[ ] Mostrar informações:
[ ] Utilizar a informação da prop movie para mostrar o pôster do filme, o título original e o ano de lançamento.
[ ] Implementar HTML e/ou CSS apropriado para estilizar o cartão do filme.
[ ] Testes unitários:
[ ] Escrever testes unitários para o componente MovieCard para garantir que ele seja mostrado corretamente com vários dados do filme.
[ ] Incluir testes para diferentes cenários, como a falta de dados ou diferentes tipos de informação do filme.
Definição de Pronto:
[ ] O arquivo MovieCard.tsx é criado dentro da pasta components.
[ ] O componente recebe uma prop chamada movie do tipo Movie.
[ ] O componente mostra o pôster do filme, o título original e o ano de lançamento utilizando a informação da prop do filme.
[ ] Os testes unitários do componente MovieCard são superados com sucesso, cobrindo vários cenários.
Descrição:
Criar um componente React chamado
MovieCardpara mostrar informações sobre um filme. O componente deve receber um modelo de negócio Movie como prop, e mostrar informações relevantes como o pôster do filme, o título original e o ano de lançamento.Critérios de Aceitação:
[ ] Criação do componente:
MovieCard.tsxdentro da pasta components.[ ] Props:
moviedo tipo Movie que represente o modelo de negócio de um filme.[ ] Mostrar informações:
[ ] Utilizar a informação da prop
moviepara mostrar o pôster do filme, o título original e o ano de lançamento.[ ] Implementar HTML e/ou CSS apropriado para estilizar o cartão do filme.
[ ] Testes unitários:
[ ] Escrever testes unitários para o componente
MovieCardpara garantir que ele seja mostrado corretamente com vários dados do filme.[ ] Incluir testes para diferentes cenários, como a falta de dados ou diferentes tipos de informação do filme.
Definição de Pronto:
[ ] O arquivo
MovieCard.tsxé criado dentro da pasta components.[ ] O componente recebe uma prop chamada
moviedo tipo Movie.[ ] O componente mostra o pôster do filme, o título original e o ano de lançamento utilizando a informação da prop do filme.
[ ] Os testes unitários do componente
MovieCardsão superados com sucesso, cobrindo vários cenários.