Apresentação sobre Jasmine onde é realizado uma breve abordagem sobre esse Framework, expondo algumas formas de utilização, alguns matchers e algumas fontes de referência

1. Raphael Augusto Ferroni Cardoso
raphaelcardoso.com.br
Café com Arquitetura
Testando seu código JavaScript com

2. raphaelcardoso.com.br
Roteiro
• O que é o Jasmine?
• Como utilizar em meu projeto?
• Um pouco sobre alguns Matchers
• Demo
• Fontes de Referência

3. raphaelcardoso.com.br
O que é o Jasmine?

4. raphaelcardoso.com.br
O que é o Jasmine?
• É um Framework utilizado para criar testes em JavaScript
• Utiliza o conceito BDD, ou seja, testes guiados por comportamento
• Possui sintaxe simples e de fácil leitura
• Executa os testes no navegador ou por linha de comando
• É independente de qualquer outro Framework
• Pode ser usado em projetos NodeJs, Ruby ou Python

5. raphaelcardoso.com.br
Como utilizar em meu projeto?

6. raphaelcardoso.com.br
Como utilizar em meu projeto?
Versão Standalone
• Acesse o site e efetue o download da última versão
• https://jasmine.github.io/
• Descompactar no diretório raiz do nosso projeto

7. raphaelcardoso.com.br
Como utilizar em meu projeto?

8. raphaelcardoso.com.br
Como utilizar em meu projeto?
Suite
Spec
Matchers

9. raphaelcardoso.com.br
Como utilizar em meu projeto?
• Abrir o arquivo SpecRunner.html no navegador padrão

10. raphaelcardoso.com.br
Como utilizar em meu projeto?
Executando usando o Karma
• Instalando os pacotes requeridos
• npm i --save-dev jasmine jasmine-core karma karma-chrome-launcher karma-
jasmine
• Cria a estrutura do jasmine
• .node_modules.binjasmine init
• Cria a estrutura do karma
• .node_modules.binkarma init
• Executar o karma
• .node_modules.binkarma start

11. raphaelcardoso.com.br
Um pouco sobre alguns Matchers

12. raphaelcardoso.com.br
Um pouco sobre alguns Matchers
• toBe: Compara o valor e o tipo do objeto

13. raphaelcardoso.com.br
Um pouco sobre alguns Matchers
• toEqual: Compara o valor do objeto

14. raphaelcardoso.com.br
Um pouco sobre alguns Matchers
• toMatch: Comparação utilizando expressão regular

15. raphaelcardoso.com.br
Um pouco sobre alguns Matchers
• toContain: Verifica se está contido no array

16. raphaelcardoso.com.br
Um pouco sobre alguns Matchers
• not: Pode ser utilizado em conjunto com outros matchers para inverter a
comparação

17. raphaelcardoso.com.br
Um pouco sobre alguns Matchers
Alguns outros matchers
• toBeUndefined
• toBeDefined
• toBeNull
• toBeNaN
• toThrow
• toThrowError
• toBeTruthy
• toBeFalsy
• toBeLessThan
• toBeGreaterThan

18. raphaelcardoso.com.br
Um pouco sobre alguns Matchers
• É possível criar seu próprio Matcher usando jasmine.addMatchers

19. raphaelcardoso.com.br
Demo
O fonte do demo pode ser acessado em:
https://github.com/ferronicardoso/testando-javascript-com-jasmine

20. raphaelcardoso.com.br
Fontes de Referências
• https://jasmine.github.io/
• https://karma-runner.github.io/
• https://docs.angularjs.org/guide/unit-testing
• https://angular.io/guide/testing
• http://blog.emirosmanoski.mk/Angular-Karma-Jasmine/
• http://www.codeatest.com/jasmine-teste-codigo-javascript/

21. raphaelcardoso.com.br
Contatos
• Site: raphaelcardoso.com.br
• Github: github.com/ferronicardoso
• Linkedin: linkedin.com/in/ferronicardoso
• E-mail: ferronicardoso@outlook.com
Obrigado