Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório. Histórias de Usuário: 1. Você deve ter um título de página em um elemento h1 com o id title. 1. Você deve ter uma breve explicação em um elemento p com o id description. 1. Você deve ter um elemento form com um id de survey-form. 1. Dentro do elemento de formulário, deve haver um campo de entrada requerido input para inserir seu nome, que tenha um id de name e um type de text. 1. Dentro do elemento de formulário, deve haver um campo de entrada requerido input para inserir seu e-mail, que tenha um id de email. 1. Se for informado um e-mail que não esteja formatado corretamente, um erro de validação HTML5 deve ser mostrado. 1. Dentro do elemento de formulário, deve haver um campo de entrada input para inserir um número que tenha um id de number. 1. A entrada de número não deve aceitar algo que não seja números, impedindo que você os digite ou mostrando um erro de validação do HTML5 (dependendo do seu navegador). 1. Se forem inseridos números fora do intervalo do campo de entrada do número, intervalo esse definido pelos atributos min e max, um erro de validação de HTML5 deve ser mostrado. 1. Para os campos de entrada nome, e-mail e número dentro do formulário, deve haver elementos label correspondentes, que descrevam o propósito de cada campo com os seguintes ids: name-label, email-label e number-label. 1. Para os campos de entrada de nome, e-mail e número, deve haver um texto placeholder que forneça uma descrição ou instruções para cada campo. 1. Dentro do elemento do formulário, você deve ter um elemento de menu suspenso select com um id dropdown e pelo menos duas opções para escolher. 1. Dentro do elemento do formulário, você pode selecionar uma opção de um grupo de pelo menos dois botões de opção (radio) que serão agrupados usando o atributo name. 1. Dentro do elemento de formulário, deve ser possível selecionar vários campos de uma série de caixas de seleção (checkboxes). Cada um desses campos deve ter um atributo value. 1. Dentro do elemento de formulário, deve haver uma textarea para comentários adicionais. 1. Dentro do elemento de formulário, deve haver um botão com o id submit para enviar todas as entradas.

Testes:

• Você deve ter um elemento `h1` com o `id` `title`.
• O elemento `#title` não deve estar vazio.
• Você deve ter um elemento `p` com um `id` de `description`.
• O elemento `#description` não deve estar vazio.
• Você deve ter um elemento `form` com um `id` de `survey-form`.
• Você deve ter um elemento `input` com um `id` de `name`.
• O seu `#name` deve ter um `type` de `text`.
• O elemento `#name` deve exigir a entrada.
• O elemento `#name` deve ser um descendente de `#survey-form`.
• Você deve ter um elemento `input` com o `id` de `email`.
• O elemento `#email` deve ter um `type` de `email`.
• O elemento `#email` deve exigir a entrada.
• O elemento `#email` deve ser um descendente de `#survey-form`.
• Você deve ter um elemento `input` com um `id` de `number`.
• O elemento `#number` deve ser um descendente de `#survey-form`.
• O elemento `#number` deve ter um `type` de `number`.
• O elemento `#number` deve ter um atributo `min` com um valor numérico.
• O elemento `#number` deve ter um atributo `max` com um valor numérico.
• Você deve ter um elemento `label` com um `id` de `name-label`.
• Você deve ter um elemento `label` com um `id` de `email-label`.
• Você deve ter um elemento `label` com um `id` de `number-label`.
• `#name-label` deve conter um texto que descreva a entrada.
• `#email-label` deve conter um texto que descreva a entrada.
• `#number-label` deve conter um texto que descreva a entrada.
• O elemento `#name-label` deve ser um descendente de `#survey-form`.
• O elemento `#email-label` deve ser um descendente de `#survey-form`.
• O elemento `#number-label` deve ser um descendente de `#survey-form`.
• O elemento `#name` deve ter o atributo `placeholder` e um valor.
• O elemento `#email` deve ter o atributo `placeholder` e um valor.
• O elemento `#number` deve ter o atributo `placeholder` e um valor.
• Você deve ter um campo `select` com um `id` de `dropdown`.
• O elemento `#dropdown` deve ter pelo menos dois elementos selecionáveis (não desativados) `option`.
• O elemento `#dropdown` deve estar aninhado dentro de `#survey-form`.
• Você deve ter pelo menos dois elementos `input` com `type` `radio` (botões de opção).
• Você deve ter pelo menos dois botões de opção aninhados dentro de `#survey-form`.
• Todos os seus botões de opção devem ter um atributo `value` e um valor.
• Todos os seus botões de opção devem ter um atributo `name` e um valor.
• Todos os grupos de botões de opção devem ter pelo menos 2 botões de opção.
• Você deve ter pelo menos dois elementos `input` com `type` `checkbox` (caixas de seleção) aninhados dentro de `#survey-form`.
• Todas as caixas de seleção dentro de `#survey-form` devem ter um atributo `value` e um valor.
• Você deve ter pelo menos um elemento `textarea` aninhado dentro de `#survey-form`.
• Você deve ter um elemento `input` ou `button` com um `id` de `submit`.
• O elemento `#submit` deve ter o atributo `type` com o valor `submit`.
• O elemento `#submit` deve estar aninhado dentro de `#survey-form`.