Karam: aprenda a preparar pratos incríveis passo a passo.

Fala galera, beleza? Hoje eu vou contar pra vocês a minha saga tentando configurar o Karma pra rodar uns testes unitários. Pensei: “Ah, vai ser moleza, só instalar e rodar”. Que nada! Bati cabeça um bocado, mas no fim deu tudo certo (ufa!). Vou compartilhar aqui o passo a passo, pra ninguém mais sofrer o que eu sofri.

Karam: aprenda a preparar pratos incríveis passo a passo.

Instalando as Paradas

Primeiro, fui lá e mandei um npm install na vida, né? Precisei do Karma, claro, e de uns plugins também:

  • karma: É o cara que orquestra tudo.
  • karma-jasmine: Pra usar o Jasmine como framework de testes, que eu já tô acostumado.
  • karma-chrome-launcher: Pra rodar os testes no Chrome, que é o navegador que eu uso no dia a dia.
  • karma-coverage: Isso aqui é pra gerar um relatório bonitão de cobertura de código, pra ver se eu não tô esquecendo de testar nada.

Instalei tudo como dependência de desenvolvimento, porque né, não preciso disso em produção:


npm install karma karma-jasmine karma-chrome-launcher karma-coverage --save-dev

Configurando o Bicho

Depois de instalar, precisei criar um arquivo de configuração pro Karma, o tal do . Esse arquivo é tipo o cérebro da operação, ele diz pro Karma o que fazer, onde achar os testes, qual navegador usar, essas coisas.

No começo, eu tava meio perdido, não sabia direito o que colocar lá. Fui catando umas informações aqui, outras ali, e montei um arquivo mais ou menos assim:

Karam: aprenda a preparar pratos incríveis passo a passo.

* = function(config) {

frameworks: ['jasmine'],

files: [

'src//.js', // Meus arquivos de código

'test//.*' // Meus arquivos de teste

Karam: aprenda a preparar pratos incríveis passo a passo.

browsers: ['Chrome'],

reporters: ['progress', 'coverage'],

preprocessors: {

'src//.js': ['coverage']

coverageReporter: {

Karam: aprenda a preparar pratos incríveis passo a passo.

type : 'html',

dir : 'coverage/'

Basicamente, eu falei pro Karma usar o Jasmine, procurar meus arquivos de código na pasta src e os testes na pasta test (com a terminação , que é uma convenção que eu gosto). Mandei ele rodar no Chrome e gerar o relatório de cobertura em HTML, dentro da pasta coverage.

Rodando os Testes

Com tudo configurado, chegou a hora da verdade! Fui lá no terminal e mandei um:


./node_modules/karma/bin/karma start

Karam: aprenda a preparar pratos incríveis passo a passo.

No começo, deu uns paus. Uns erros estranhos, umas mensagens que eu não entendia. Fui fuçando, pesquisando, e descobri que faltava um detalhe: eu precisava iniciar o Karma com o arquivo de configuração que eu tinha criado:


./node_modules/karma/bin/karma start *

Aí sim! Rodou que foi uma beleza. O Karma abriu o Chrome, executou os testes, e no final me mostrou um relatório verdinho, dizendo que tava tudo ok. Fiquei felizão!

Conclusão

No fim das contas, configurar o Karma não é tão difícil quanto parece. É só ter paciência, ir instalando as coisas, configurando direitinho, e lendo as mensagens de erro (se aparecer alguma). Se eu, que sou meio noob nessas coisas, consegui, você também consegue!

Espero que esse meu relato ajude alguém que esteja passando pelos mesmos perrengues que eu passei. Se tiver alguma dúvida, manda aí nos comentários que a gente troca uma ideia. Valeu, galera! E bons testes pra vocês!

Karam: aprenda a preparar pratos incríveis passo a passo.

Artigos relacionados

Comentário

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Artigos mais recentes