Pré-requisitos

O que é permitido:

• ES6
• Linters no geral tanto para JS como para CSS
• Task runners/build tools como Webpack, Gulp, Grunt e afins.

O que não é permitido:

• Frameworks de JS no geral (React, Vue, Angular, Ember e afins)
• Bibliotecas de utilidades (Underscore, Lodash e afins)
• Frameworks/Bibliotecas CSS (Bootstrap, Foundation, Materializecss e afins) . Você pode utilizar qualquer metodologia de arquitetura de código.

Se preferir, o uso de Sass/Scss é liberado, contanto que seu uso seja justificável.

O uso de ferramentas de teste é liberado (jest, jasmine, mocha, chai, sinon, supertest).

O objetivo desse teste é avaliar:

• organização;
• semântica;
• funcionamento e usabilidade
• uso e abuso das features das linguagens (HTML, CSS e JS);
• uso de patterns;
• performance do código;
• testes de JavaScript.

Teste

Você precisará criar um servidor, em Node.JS, pra servir o fields.json, que está na raiz do projeto, como uma API. Se preferir, o uso do Express é permitido.

O formulário a ser renderizado é o de pedidos, da forma que é exibido aqui. Através do fields.json você precisará montar os campos na view.

Informações adicionais

• É necessário exibir a mensagem "este campo é requerido" para os marcados como required: true;
• Campos do tipo enumerable são select;
• O formulário não precisa fazer POST;
• Temos uma cultura de testes unitários e de integração. Uma dessas formas, pelo menos, é essencial pra esse teste;
• Se quiser, faça uma rota no Node.js pra exibir o formulário num HTML.