Como usar o Yarn com o Sinon?

Ei! Sou fornecedor de todos os tipos de fios e estou super feliz em conversar com vocês sobre o uso do Fio com Sinon. Se você gosta de testar aplicativos JavaScript, provavelmente já ouviu falar do Yarn e do Sinon. Yarn é um ótimo gerenciador de pacotes e Sinon é um poderoso utilitário de teste. Vamos ver como você pode usá-los juntos para tornar seu processo de teste muito mais tranquilo.

Por que fio?

Em primeiro lugar, por que você deveria escolher o Yarn em vez de outros gerenciadores de pacotes? Bem, o Yarn é rápido, confiável e seguro. Ele armazena em cache todos os pacotes baixados, portanto, se você precisar instalar o mesmo pacote novamente, não será necessário baixá-lo do zero. Isso economiza muito tempo, especialmente quando você está trabalhando em um projeto com muitas dependências.

Outra grande vantagem do Yarn é que ele é determinístico. Quando você correinstalação de fio, cria umfio.lockarquivo que bloqueia a versão exata de cada pacote do qual seu projeto depende. Isso significa que todos em sua equipe instalarão as mesmas versões dos pacotes, o que ajuda a evitar aqueles incômodos problemas de “funciona na minha máquina”.

Por que Sinon?

Agora, vamos falar sobre Sinon. Sinon é uma biblioteca para criar espiões, stubs e simulações em testes de JavaScript. Os espiões permitem rastrear como uma função é chamada - como quantas vezes ela é chamada, com quais argumentos ela é chamada, etc. Stubs são como espiões, mas também permitem substituir a função original por uma função personalizada. Mocks são uma combinação de espiões e stubs e permitem definir expectativas sobre como uma função deve ser chamada.

Usar o Sinon em seus testes pode torná-los mais robustos e fáceis de entender. Você pode isolar partes do seu código e testá-las de forma independente, o que é muito importante quando você está trabalhando em um aplicativo grande.

Configurando seu projeto com Yarn

Ok, então vamos começar a configurar um projeto usando o Yarn. Primeiro, certifique-se de ter o Yarn instalado em sua máquina. Você pode verificar se está instalado executandofio --versãono seu terminal. Se não estiver instalado, você pode instalá-lo seguindo as instruções noSite de fios.

Depois de instalar o Yarn, crie um novo diretório para o seu projeto e navegue até ele no seu terminal. Então, corrafio iniciar -ypara inicializar um novo projeto com um padrãopacote.jsonarquivo.

Agora, vamos instalar o Sinon. Correrfio adicionar sinon --devno seu terminal. O--devflag significa que o Sinon será instalado como uma dependência de desenvolvimento, que é o que queremos, já que o estamos usando apenas para testes.

Escrevendo seu primeiro teste com Sinon

Digamos que temos uma função JavaScript simples que queremos testar. Aqui está a função:

função adicionar (a, b) { retornar a + b; }

E aqui está como podemos escrever um teste usando Sinon:

const sinon = require('sinon'); const assert = require('assert'); função adicionar (a, b) { retornar a + b; } descreve('adicionar função', function () { it('deve adicionar dois números corretamente', function () { const resultado = add(2, 3); assert.strictEqual(resultado, 5); }); });

Neste teste, estamos usando o integradoafirmarmódulo para verificar se oadicionarfunção retorna o resultado correto. Mas também podemos usar o Sinon para adicionar recursos de teste mais avançados. Por exemplo, digamos que oadicionarfunction chama outra função dentro dela:

function logResult(resultado) { console.log('O resultado é: ' + resultado); } função add(a, b) { const resultado = a + b; logResult(resultado); resultado de retorno; }

Podemos usar um espião Sinon para rastrear como ologResultfunção é chamada:

const sinon = require('sinon'); const assert = require('assert'); function logResult(resultado) { console.log('O resultado é: ' + resultado); } função add(a, b) { const resultado = a + b; logResult(resultado); resultado de retorno; } description('adicionar função', function () { it('deve chamar logResult com o resultado correto', function () { const spy = sinon.spy(logResult); const result = add(2, 3); assert(spy.calledOnce); assert(spy.calledWith(5)); }); });

Neste teste, criamos um espião nologResultfunção. Então chamamos oadicionarfunção, e podemos usar o espião para verificar se ologResulta função foi chamada exatamente uma vez e se foi chamada com o argumento correto.

Usando Yarn para gerenciar scripts de teste

O Yarn facilita o gerenciamento de seus scripts de teste. Você pode adicionar um script de teste ao seupacote.jsonarquivo como este:

{ "nome": "meu - projeto", "versão": "1.0.0", "devDependencies": { "sinon": "^11.1.2" }, "scripts": { "teste": "mocha" } }

Neste exemplo, estamos usando Mocha como nosso executor de testes. Você pode instalar o Mocha usandofio adicionar mocha --dev. Agora, sempre que quiser executar seus testes, basta executarteste de fiono seu terminal.

Nossos produtos de fios

Como fornecedor de fios, quero falar sobre alguns de nossos incríveis produtos de fios. Nós temos oFio 100% caxemira tingido 26NM, que é supermacio e luxuoso. É perfeito para fazer itens de malha de alta qualidade, como cachecóis e suéteres.

Também oferecemos oFio de mistura de viscose. Este fio tem um caimento bonito e é ótimo para criar roupas leves. E depois há oFio de Mistura Tencel, que é feito de materiais sustentáveis ​​e possui excelentes propriedades de absorção de umidade.

Esses fios podem ser usados ​​para criar todos os tipos de lindos itens de malha e crochê. Por exemplo, você poderia usar nosso fio para fazer umSuéter de Natal de malha grande estilo Natal com contraste de cores de manga compridaou umSuéter uniforme azul e preto diamante suéter de malha com decote em V.

Conclusão

Então aí está - um guia sobre como usar o Yarn com Sinon. O Yarn facilita muito o gerenciamento das dependências do seu projeto e o Sinon adiciona muito poder ao seu kit de ferramentas de teste. Quer você seja um desenvolvedor experiente ou esteja apenas começando, usar essas duas ferramentas juntas pode realmente melhorar seu fluxo de trabalho de desenvolvimento.

Se você estiver interessado em nossos produtos de fios ou tiver alguma dúvida sobre o uso de Yarn e Sinon em seus projetos, não hesite em nos contatar. Estamos aqui para ajudá-lo com suas necessidades de fios e garantir que seu processo de teste ocorra sem problemas. Vamos iniciar uma conversa e ver como podemos trabalhar juntos!

Referências

• Documentação oficial Autre.js
• Documentação do site oficial do Yarn
• Documentação oficial do Mocha.js