testar JavaScript pode ser uma dor. Muitas ferramentas, técnicas e estruturas foram desenvolvidas para tornar o processo o mais indolor possível. Enquanto algumas dessas ferramentas como Mocha, Jasmine e Jest fornecem uma estrutura de teste, alguns outros como Istambul e Blanket geram relatórios de cobertura de código também. Diferentes métodos de testar o código JavaScript em um navegador têm perspectivas e consequências diferentes. É difícil restringir em uma ferramenta ou técnica para todas as soluções!
vamos dar uma olhada rápida em algumas das maneiras mais populares de testar o código JavaScript em um navegador.
JSFiddle
se você está trabalhando com JavaScript ou frameworks como Reat e Vue, JSFiddle é a ferramenta para você. É uma ferramenta online para escrever e testar o código JavaScript em um navegador. Foi lançado como” Mooshell ” em 2009. Se o seu trabalho em uma aplicação web e usando qualquer tipo de biblioteca JavaScript então JSFiddle é algo que vale a pena olhar. A interface é extremamente simples e você só precisa digitar algum JavaScript ou até mesmo adicionar algum HTML e CSS para ele e instantaneamente ver os resultados. Teste os seus excertos de código JavaScript antes de os Adicionar ao seu projecto usando o JSFiddle!
Cross Browser Testing Tools
embora possa usar facilmente ferramentas como JSFiddle e CodePen para testar o seu código JavaScript, estas não lhe mostrarão como o seu código sai em diferentes navegadores ou navegadores móveis. No caso de você querer testar o seu código para compatibilidade cross-browser você precisa usar ferramentas de teste cross-browser online como LambdaTest. Ele permite testes ao vivo interativos de navegador, testes automatizados de captura de tela, testes de layout responsivo e testes inteligentes de interface visual. A ferramenta irá acelerar muito os seus ciclos de teste e ajudá-lo com problemas específicos do navegador em seu código.
Karma + Jasmine + Google Chrome
Karma é uma ferramenta que permite testar o código JavaScript em um navegador para muitos propósitos de teste. No entanto, não testa o código em si. Ele executa o código, mas depende de bibliotecas de terceiros como Jasmine e Mocha para testes. Além disso, requer um navegador de verdade. Assim, o Google Chrome deve ser instalado na sua máquina local para que este método de JavaScript funcione. Ele lança o Google Chrome em modo sem cabeça para sua operação.
CodePen
CodePen é uma das melhores ferramentas online para testar o seu código HTML, CSS e JavaScript online. Esta comunidade de desenvolvedores tem muito para ensinar! Este ambiente de aprendizagem de código aberto provavelmente tem a maior comunidade de desenvolvedores com um whopping 330000 usuários registrados constantemente trabalhando para o desenvolvimento de aplicações front-end incríveis. É uma das melhores plataformas para construir e implantar um site, mostrar ao mundo seu trabalho e construir casos de teste.
JSBin
JSBin é uma alternativa limpa e limpa para JSFiddle. Se você quer algo com uma interface mais fácil de entender e menos desorganizada, então JSBin é a ferramenta para você. A plataforma tem um livre e um pro-acesso. Para recursos avançados como o Private bins e unlimited dropbox sync, você precisa ir pro, no entanto, você pode facilmente testar qualquer combinação de HTML, CSS e JavaScript usando o JSBin general access.
Liveweave
Liveweave is yet another coding playground where you can test your JavaScript code. Ele tem capacidade de pré-visualização ao vivo e vem equipado com uma régua para ajudá-lo com o design responsivo. Seu recurso de insinuação de código para HTML, CSS e JavaScript torna fácil para iniciantes digitar o código. Além disso, você pode baixar seu projeto como um .arquivo zip usando Liveweave e também adicionar e usar bibliotecas externas, como jQuery, AngularJS, Bootstrap etc. facilmente no seu código.
estas foram algumas das maneiras mais populares de testar o seu código JavaScript em um navegador. Além disso, você pode até usar ferramentas como CSSDeck e Dabblet também. Estes são igualmente bons e fáceis de usar. Além disso, as ferramentas Firebug e Chrome Developer têm a consola Javascript, onde você pode digitar o código JavaScript para execução. O mesmo se aplica ao Internet Explorer 8+, Opera, Safari e potencialmente muitos outros navegadores modernos.