[x] 1. Incluir nova ocorrência - durante o preenchimentoDado que inclui uma nova ocorrência de exame (pode ser PCR, e ou Teste rápido)
Quando clicar no botão "ADICIONAR OCORRÊNCIA"
Então o campo para preenchimento da nova ocorrência será exibido abaixo do cabeçalho
E a ocorrência preenchida anteriormente ficará abaixo da nova ocorrência.
[x] 2. Visualização da inclusão de novas ocorrências - ainda não salvas.Dado que incluí três novas ocorrências de exame
Quando visualizar a página
Então entre cada ocorrência terá um espaço.
E elas estarão por ordem decrescente de inclusão
[x] 3. Ajustar layout da página Exames laboratoriais específicos COVID-19Dado que eu esteja na página de Exames laboratoriais específicos COVID-19Quando adicionar um novo formulário de exame
Então o layout da página deve obedecer o padrão que foi definido.
[x] 4. Listagem de formulários previamente cadastradosDado que estou na página de Exames laboratoriais específicos COVID-19Quando clicar para expandir um formulários previamente cadastrado que esteja minimizado
Então entre este formulário e os demais deverá haver um espaçamento.
Critérios de Aceite
[x] 1. Incluir nova ocorrência - durante o preenchimento Dado que inclui uma nova ocorrência de exame (pode ser PCR, e ou Teste rápido) Quando clicar no botão "ADICIONAR OCORRÊNCIA" Então o campo para preenchimento da nova ocorrência será exibido abaixo do cabeçalho E a ocorrência preenchida anteriormente ficará abaixo da nova ocorrência.
[x] 2. Visualização da inclusão de novas ocorrências - ainda não salvas. Dado que incluí três novas ocorrências de exame Quando visualizar a página Então entre cada ocorrência terá um espaço. E elas estarão por ordem decrescente de inclusão
[x] 3. Ajustar layout da página Exames laboratoriais específicos COVID-19 Dado que eu esteja na página de Exames laboratoriais específicos COVID-19 Quando adicionar um novo formulário de exame Então o layout da página deve obedecer o padrão que foi definido.
[x] 4. Listagem de formulários previamente cadastrados Dado que estou na página de Exames laboratoriais específicos COVID-19 Quando clicar para expandir um formulários previamente cadastrado que esteja minimizado Então entre este formulário e os demais deverá haver um espaçamento.
Importante
Adicionei aqui o uso da lib Formik Material-UI. Duas vantagens de vi:
Lembrar de fazer um
npm instal
.