Unha pequena introdución ás probas da unidade JS eo seu marco e ferramentas
O escenario de codificación de desenvolvemento web cambiou exponencialmente nos últimos anos. O mundo pasou idiomas de programación convencionais como Java, .NET e PHP. Eles comezaron a adaptarse ao marco de JavaScript debido á súa facilidade de uso en ambas frontendes e backend e capacidades de prototipado rápido
con esta transición, tamén xorde a necesidade de ter excelentes ferramentas de proba. Neste artigo, vou guiarte a través de algunhas das mellores ferramentas de proba de JavaScript que se usan na industria.
Importancia das probas unitarias
Antes de comezar a comprender as ferramentas dispoñibles e Os seus beneficios, entendemos por que as probas de unidade son importantes.
A proba da unidade é o proceso de proba do código implementado no nivel do módulo. As probas da unidade permítenlle garantir que os módulos desenvolvidos cumpran os requisitos especificados no documento comercial. Estas probas están escritas para cada módulo que se crean. Despois de cada desenvolvemento dun novo módulo, o conxunto completo de casos de proba execútase para garantir que ningún módulo existente sexa afectado polo módulo desenvolvido.
O desenvolvemento de JavaScript podería estar desorganizado o suficiente se non se seguiu. As convencións adecuadas. Isto fai necesario usar as ferramentas de desenvolvemento e as probas de unidade. As probas de unidade de JavaScript para Frinend son executadas principalmente en navegadores reais ou sen cabeza
Estas probas céntranse en probar a usabilidade e a capacidade de resposta da aplicación. As unidades de backend formigas de proba céntranse en probas de lóxica empresarial e puntos de servizo final para o código de backend baseado en nodejs.
Mochajs
Mochajs é o marco da proba máis popular que soporta probas de backend e frontal .. Mochajs é unha base flexible para desenvolver probas segundo sexa necesario. Executa as probas de forma asíncrona no motor de Chrome V8 ou en calquera outro navegador.
Os principais beneficios da Mocha inclúen :
- funciona para ambas frontendes e backend
- soporta o depurador de nodejs
- proporciona unha base limpa para desenvolver probas segundo a comodidade do desenvolvedor.
- admite calquera navegador, incluída a biblioteca de Chrome sen cabeza
- admite a simulación de obxectos para realizar probas de backend flexible
xasmín
Jasmine é un imitador do comportamento do usuario que permite probar probas similares ao comportamento do usuario no seu sitio web. Jasmine é útil para unha interface de proba de visibilidade, faga clic en Claridade e capacidade de resposta da interface de usuario en diferentes resolucións. Jasmine permítelle automatizar o comportamento do usuario con atrasos aduaneiros e tempo de espera para simular o comportamento do usuario real.
o Os principais beneficios do uso de xasmín inclúen:
- gastos xerais menores debido a dependencias externas case cero
- con case todas as ferramentas necesarias fóra da caixa
- Soporta as probas de frontend e backend
- A codificación é bastante similar á escritura en linguaxe natural.
- Documentación ancha para usalo con varios marcos
mirar Esta proba de unidade brillante co curso en liña de Jasmine.
AVA é un marco de proba lixeiro e minimalista que aproveita a natureza asíncrona de JavaScript. AVA pode realizar probas ao mesmo tempo.
Permite o control total do que fai. Céntrase principalmente en executar probas para o código baseado en nodejs. Algúns dos beneficios inclúen:
- A pegada de luz fai máis rápido
- executa probas de xeito asíncrono e simultáneo
- máis rápido que a maioría dos outros cadros de proba
- A sintaxe máis sinxela para as probas de JavaScript
- Remaces de batería de bombeiros para calquera erro potencial que se detecte
xesto
xesto é Un dos marcos máis populares que Facebook mantén regularmente. É un marco preferido para aplicacións baseadas en reaccións, xa que non require a configuración.
Con todo, fago Non sei o límite de uso con reaccionar.Algunhas das características da broma son:
- marco único axeitado para nodejs, vuejs, reaccionar, ángulo e outros proxectos baseados en Babel
- máis fáciles de despegar do chan
- Documentación e sintaxe de codificación estándar.
- con instantáneas en directo, permítelle xestionar probas con obxectos maiores
karma
Karma é un ambiente de proba produtivo que soporta o marco popular de descrición de probas populares dentro de si mesmo. Ofrece o soporte para executar probas en diferentes ambientes. Ten un amplo soporte para a execución de probas en diferentes dispositivos e aplicacións.
O principal factor para escoller KARMA reside no seu apoio para integrar con motores CI / CD e as seguintes características.
- pódese usar para executar probas en navegadores, ambientes sen cabeza, como fantasmas e dispositivos.
- soporta probas escritas nos cadros máis populares
- permítelle executar probas de distancia forma noutros dispositivos con só os ficheiros que veñen
- admite a proba de probas de depuración con chrome e webstorm
cinta
A cinta é bastante similar a AVA na súa arquitectura. Non soporta global e, polo tanto, debes incluír cinta en cada ficheiro de proba. Esta decisión de restrinxir o globbing de variables tamén ten os seus beneficios. Algunhas das características destacan:
- Limpar e Light Footprint
- proporciona só código de metal desnudos e dá ao desenvolvedor total de liberdade para escribir casos de proba
- Compatible coas normas ES6, TYPECRIPT e CAFE CAPFIC
- Admite a execución de probas na maioría dos navegadores modernos
cypress.io
Cypress é Un marco de proba emocionante que prácticamente funciona no navegador. Ofrece unha interface de usuario interactiva no navegador en forma de páxina web. Pódese instalar facilmente en Mac, Windows e Linux. É un executor de proba independente que non debe estar intimamente integrado co seu código.
purderiter
Puppeter é un excelente marco de probas creado por un equipo de Google. Ofrece unha API de Chrome sen cabeza para aplicacións de nodejs.
Pupeteer úsase principalmente para aplicacións específicas do navegador como proba de rastreamento, proba de estrutura da páxina , a captura de pantalla Socket e ata a captura de contido pre-renderizado para aplicacións de páxina única. Os beneficios adicionais de usar o titleeterer son:
- Posibilidade de configurar as resolucións e os tamaños personalizados para o navegador
- Soporte para probar as extensións de cromo
- Automatización de soporte para Envío de formularios, probas de interface de usuario e entradas de teclado
- admite as funcionalidades ES6 como a espera e async
Chaijs
Chaijs Framework céntrase en probas baseadas en comportamento. Pódese usar de forma paralela con calquera outro marco. Existiu durante bastante tempo e evolucionou coa evolución dos estándares de JavaScript.
Chaijs funciona con nodo, navegador, ferrocarril e ten unha gran comunidade de soporte e documentación.
qUnit
qUnit – un poderoso marco de proba dedicado a usar unha interface. É a primeira elección dos desenvolvedores das bibliotecas jQuery, jQuery Mobile e jQuery UI.
pode escribirse como a JS ficheiro independente e executado en calquera páxina web. O método de proba estándar con Qunit é incluír o ficheiro na páxina web e executar probas co complemento Qunit. Os beneficios de Qunit inclúen:
- pode usarse para crear scripts de proba reutilizables.
- fornece unha interface web listo para implementar para ver visualmente os resultados dos casos de proba
- Un grupo de complementos construído nel permite un desenvolvemento de casos de proba máis rápido
doutro xeito
sinon.js complementa a proba da unidade de cadros a falsificar / burlarse do real cousas. Porque durante as probas, non terás todos os datos. É compatible cos tempos de execución de Chrome, é dicir, 11, Firefox, EDGE, SAFARI e NODE.JS.
Unha boa alternativa ao sinon sería testdouble.js
conclusión
As probas de unidade son esenciais para garantir que os cambios de código non rompan a solicitude e que funcione segundo os requisitos comerciais. E espero que o anterior te axude con iso. Se vostede é un novato, pode que che guste este curso por liña que te ensina a facer probas de unidade JS con Chaijs, Sinon e Mocha.