Coletamos o ambiente para o TDD moderno em JavaScript + código VS

O TDD não é estranho por um longo tempo: centenas de artigos podem ser encontrados sobre essa abordagem, e todo iniciante sabe qual livro ele precisa ler sobre programação extrema.


Muitos dos meus colegas também usam TDD. Eles adicionam um teste, escrevem código, refatoram, repetem. O processo parece ser o mesmo, mas para alguns leva um minuto, enquanto para outros cinco. E não é que este último pense mais devagar. Apenas o primeiro tem um conjunto de truques para otimizar o trabalho com testes.

Ir para os testes

Vamos começar com o mais simples: você precisa fazer os testes.
Para isso, eu uso o Open Spec File
Esta extensão ajuda a abrir o arquivo de teste a partir do código na próxima guia.



Existem muitos, para todos os gostos:
- UnitTest Switcher permite alternar o primeiro item do menu com o botão direito do mouse
- Alternar para teste oferece personalização do caminho para o arquivo com testes para projetos com uma estrutura complexa

Na minha experiência, a opção mais rápida é a tecla de atalho. Selecione um arquivo de teste da lista que leva 2 segundos, tecla de atalho - meio segundo.

Executar testes

Então, atingimos o arquivo de teste. Aqui, a extensão Add Only nos ajudará bastante. Com ele, podemos cobrir descrever, testar, contextar com o único modificador com um clique e executá-lo apenas. Simples e conveniente.



Outra extensão do corredor de teste JavaScript adiciona mais alguns botões ao lado para adicionar apenas: inicialização e depuração. É conveniente nos momentos em que você precisa executar um pacote de testes uma vez.

Seguimos o revestimento

A extensão Coverage Gutters destaca a cobertura do seu código com testes. Com ele, você não precisa gastar tempo em processos, que parte do código não pode cobrir. Todas as ramificações descobertas serão visíveis imediatamente.



A extensão Code Coverage pode ser uma alternativa ou uma adição à anterior: enfatiza linhas descobertas + pode exibir o número de linhas cobertas em um arquivo aberto na barra de status.



As informações são obtidas do arquivo lcov.info na pasta de cobertura. Para extensões para indicar problemas atuais, execute os testes com os sinalizadores de relógio e cobertura.

Tudo de uma vez

Se você usa o Jest, tente o plugin com o mesmo nome . Captura instantaneamente as alterações no código e executa os testes afetados. Adiciona chips à interface:


Console de rastreamento de teste Jest


Mostra aos marcadores o status dos testes e adiciona uma descrição dos erros

Wallaby é um ótimo plugin pago. Está focado no TDD. No meu desenvolvimento, não o uso, mas sinto que preciso contar. O Wallaby executa testes muito rapidamente depois de alterar o código, atualiza e mostra a cobertura em movimento, também permite que você pule para o arquivo de teste e muito mais. Você pode ler mais no site: wallabyjs.com .

Sumário

Eu falei sobre os plugins que uso diariamente no meu trabalho. Esse conjunto é conveniente para mim e definitivamente será útil se você executar testes usando as ferramentas prontas para uso. Sua instalação e configuração levarão dez minutos e, depois disso, economizarão seu tempo todos os dias.

Existem muitas outras boas extensões no código VS para um trabalho conveniente com testes - anote quais simplificam sua vida.