Testes unitários com Qunit

50 %
50 %
Information about Testes unitários com Qunit
Technology

Published on March 13, 2014

Author: ThiagoTiveron

Source: slideshare.net

Testes unitários com QUnit

Sobre o QUnit • Framework de testes unitário para javascript • De uso fácil e bem documentado • Indicado para testar código javascript, independente de markup • Desenvolvido originalmente por John Resig, criador do jQuery • Utilizado por: jQuery, jQuery UI, jQuery Mobile • Existem diversos plugins e métodos de integração 213/3/2014

13/3/2014 3 Teste unitário

Definição Teste unitário 413/3/2014 “É um código executável que testa uma unidade funcional do software”

Por que testar? • Testes são documentação executável • Testes garantes mudanças sem erros • Problemas são facilmente identificados 513/3/2014 Teste unitário

Sobre teste unitário Teste unitário 613/3/2014 “Um desenvolvedor que não faz testes é como um cirurgião que não lava as mãos” Robert C. Martin (Uncle Bob)

13/3/2014 7 Como utilizar o QUnit

13/3/2014 8 testes HTML QUnit + + Testes unitários

HTML Exemplo – Widgets do UOL Perfil 913/3/2014

Testes Exemplo – Widgets do UOL Perfil 1013/3/2014

Exemplo: Widgets do UOL Perfil

13/3/2014 12 Também pode ser instalado via NPM $ npm install qunit ou se preferir $ npm install -g qunit

13/3/2014 13 Estrutura dos testes

Arquivos Estrutura dos testes 1413/3/2014

Configuração Estrutura dos testes 1513/3/2014 module() Agrupa casos de teste relacionados em módulo. Ajuda na organização.

Configuração Estrutura dos testes 1613/3/2014 test() Define um caso de teste.

Assertions Estrutura dos testes 1713/3/2014 equal(), notEqual, ok(), strictEqual(), notStrictEqual(), etc… Asserções/Afirmações que serão utilizadas para testar a funcionalidade. Descreve como a funcionalidade deve se comportar.

Checkpoint Estrutura dos testes 1813/3/2014

Complementando Estrutura dos testes 1913/3/2014 Escrevendo mais casos de teste

Checkpoint Estrutura dos testes 2013/3/2014

Complementando Estrutura dos testes 2113/3/2014 Criando mais módulos

Checkpoint Estrutura dos testes 2213/3/2014

Exemplo de erro Estrutura dos testes 2313/3/2014

Mais asserts Estrutura dos testes 2413/3/2014 strictEqual() Verifica se o valor e tipo são iguais. strictEqual(0, false, “Vai falhar!"); equal(0,false, “Vai passar!"); strictEqual(10,”10”, “Também var falhar!"); strictEqual(10,”10”, “Vai falhar miseravelmente!"); Como comparar com “===“ ou “!==“

Mais asserts Estrutura dos testes 2513/3/2014 deepEqual()

Mais asserts Estrutura dos testes 2613/3/2014 Falar de setup/teardown, deepEqual, assyncTest

13/3/2014 27 Integrando o QUnit

Integrando o QUnit • Existem diversas maneiras de integração com o QUnit • Escolha a melhor maneira de integração, baseado nas ferramentas e características de seu projeto 2813/3/2014 Jenkins Grunt PhantomJS Qunit Notifier . . .

Jenkins Integrando o QUnit 2913/3/2014

PhantomJS Integrando o QUnit 3013/3/2014

Qunit Notifier Integrando o QUnit 3113/3/2014

Referências QUnit: http://qunitjs.com Github: https://github.com/jquery/qunit Documentação: http://api.qunitjs.com Plugins: http://qunitjs.com/plugins Cookbook: http://qunitjs.com/cookbook 3213/3/2014

Av. Brig. Faria Lima, 1.384, 4º andar CEP 01452-002 . São Paulo/SP Telefone: 11 3914.9559 www.uol.com.br 13/3/2014 33 Obrigado ;-) Equipe de Concepção & Interface de Produtos – P&D

Add a comment

Related presentations

Related pages

JavaScript QUnit: Conheça o Framework de testes unitários

Este artigo demonstra como trabalhar com o framework QUnit para o desenvolvimento de testes unitários na linguagem de programação JavaScript.
Read more

Testes unitários com Qunit - HubSlide

Testes unitários com Qunit. of 33. Testes unitários com Qunit
Read more

Testes unitários com Qunit - Technology

1. Testes unitários com QUnit 2. Sobre o QUnit • Framework de testes unitário para javascript • De uso fácil e bem documentado • Indicado…
Read more

QUnit e Testes Unitários com JavaScript - YouTube

... QUnit e Testes Unitários com JavaScript ... Estruturas de Dados (Lista) - Testes de Unidade com QUnit - Duration: ... +YouTube; Terms;
Read more

javascript - Para que servem Testes Unitários e quais as ...

Vi alguns videos e artigos sobre testes de unidades, aprendi o framework QUnit e algumas situações de teste. Ainda assim não consegui pensar num uso ...
Read more

Testes Unitários - YouTube

Quando os testes rodam devagar, ... - qUnit : http://qunitjs.com/ ... Criando Testes Unitários - Duration: ...
Read more

Testes unitários e javascript – parte 1 | Júlio César Batista

Olá pessoal, tudo certo? Depois de um bom tempo, aqui estou eu de volta. Nesse post a ideia é apresentar os testes unitários em javascript com o uso dos ...
Read more

Conceito: gerenciando testes unitários — Medium

Vamos trabalhar o conceito sobre o gerenciamento de testes unitários. Digo conceito pois é possível se aplicar em qualquer linguagem que você esteja ...
Read more

QunitTestMachine - Testes unitários simplificados ...

Speaking; Talks; QunitTestMachine - Testes unitários simplificados Mon Nov 08 2010 01:03:41 GMT+0000 (UTC) QUnit Existem várias bibliotecas para ...
Read more

QUnit para nosso código Javascript - criarweb.com

QUnit chegou para ser parte do código Javascript de nossos projetos, graças a sua grande simplicidade.
Read more