Caixa do Autor


Discuta o seu projeto

Sobre Nós

Somos o parceiro Microsoft Gold com presença nos Estados Unidos e na Índia. Somos um provedor de serviços de TI dinâmico e profissional que atende empresas e startups, ajudando-as a enfrentar os desafios da economia global. Oferecemos serviços na área de Consultoria e implementação de CRM, Desenvolvimento de aplicações, Desenvolvimento de aplicações mobile, Desenvolvimento Web e Desenvolvimento Offshore.

GESTO

Jest como uma estrutura de teste de JavaScript popular

By Vipin Joshi / 20 de janeiro de 2020

15 de janeiro de 2024
Jest como uma estrutura de teste de JavaScript popular

Introdução

Jest é a ferramenta de teste mais popular e recomendada para React. É criado pelo Facebook. Jest não é apenas uma biblioteca, é uma estrutura de teste. Isso significa que ele vem com uma biblioteca de asserções, executor de testes e suporte para coisas. Como foi projetado especificamente para testar aplicativos React, também pode ser usado em outros frameworks JavaScript.

Por que brincadeira

É simples de configurar - é simples de instalar por conta própria. Podemos apenas instalá-lo diretamente usando npm ou yarn.

Como começar para a instalação -

  • Primeiro nó de download
  • Em seguida, abra o prompt de comando node.js.
  • Para encontrar a versão do nó, estamos usando o Node -v
  • Em seguida, instale o npm usando o comando npm install
  • Vamos criar uma pasta na área de trabalho chamada “Jest”
  • Então, no prompt de comando, use -

área de trabalho cd

CD Jest

Por fim, execute o teste yarn ou npm run test:

teste de execução npm

Vamos começar escrevendo um teste para uma função hipotética que subtrai dois números. Primeiro, crie um arquivo subtract.js:

function subtract(a, b)
{
    return a - b;
}
module.exports = subtract;

Em seguida, crie um arquivo denominado subtract.test.js. Isso conterá nosso teste real:

const subtract = require('./subtract);
test(subtracts  4 - 2 to equal 3', () =>
{
    expect(sum(4, 2)).toBe(2);
});

Adicione a seguinte seção ao seu package.json:

{
  "scripts":
}
{
  "test": "jest"
}
"devDependencies":
{
  "jest": "^29.9.0"
}
}

Por fim, execute yarn ou npm run test e o Jest imprimirá esta mensagem:

APROVADO ./subtract.test.js

✓ subtrai 4 - 2 para igual a 2 (5ms)

Além disso, leia: Uma introdução aos testes de segurança 

Vantagens de usar Jest

É compatível: - O framework é compatível com Angular, React, NodeJS, VueJS e outros projetos baseados em babel.

Mais rápido do que outras ferramentas tradicionais: - É uma ferramenta de teste muito rápida. Quando nosso teste é limitado pela CPU, ele pode economizar um tempo significativo de nossas execuções de teste. O teste local costumava levar 45 minutos. Jest diminuiu para 14 a 15 minutos.

TI tem tudo: - Foi baseado no Jasmine, por isso herdou todas as boas qualidades dele. Jest agora deixou o Jasmine, mas eles mantiveram a mesma funcionalidade, mas a aprimoraram.

Suporta texto digitalizado: - Typescript é um superconjunto de JavaScript que compila para JavaScript simples. ele suporta TypeScript por meio do pacote ts-jest.

Teste de instantâneo: - Em testes, o teste de instantâneo é uma ótima ferramenta que garante que a IU do seu aplicativo não mude inesperadamente entre as versões.

Simulações de cronômetro: Os usuários podem manipular o tempo, o que é útil. Portanto, o teste não será lento e o tempo pode ser manipulado por ele

  • setTimeout ()
  • setInterval ()
  • clearTimeout ()
  • clearInterval ()

Escreva testes de Jest para:

  • Teste um componente isoladamente
  • Teste a API pública de um componente (propriedades e métodos @api, eventos)
  • Teste a interação básica do usuário (como -clicks)
  • Verifique a saída DOM de um componente
  • Verifique se os eventos disparam quando esperado

Além disso, leia: Testando um MS Dynamics CRM Personalizado

Conclusão

É uma estrutura de teste rápido. E requer configuração mínima. É simples de instalar. Possui boa integração com tecnologias como React, Babel e typescript. Embora possa ser considerado executor de teste específico do React, ele é compatível e se adapta bem a qualquer biblioteca ou estrutura JavaScript.

[sc name = "ferramenta de automação de selênio"] [add_newsletter] [add_related_page_diff_contents blog_cat = "aplicativo da web"]

Introdução

Jest é a ferramenta de teste mais popular e recomendada para React. É criado pelo Facebook. Jest não é apenas uma biblioteca, é uma estrutura de teste. Isso significa que ele vem com uma biblioteca de asserções, executor de testes e suporte para coisas. Como foi projetado especificamente para testar aplicativos React, também pode ser usado em outros frameworks JavaScript.

Por que brincadeira

É simples de configurar - é simples de instalar por conta própria. Podemos apenas instalá-lo diretamente usando npm ou yarn.

Como começar para a instalação -

  • Primeiro nó de download
  • Em seguida, abra o prompt de comando node.js.
  • Para encontrar a versão do nó, estamos usando o Node -v
  • Em seguida, instale o npm usando o comando npm install
  • Vamos criar uma pasta na área de trabalho chamada “Jest”
  • Então, no prompt de comando, use -

área de trabalho cd

CD Jest

Por fim, execute o teste yarn ou npm run test:

teste de execução npm

Vamos começar escrevendo um teste para uma função hipotética que subtrai dois números. Primeiro, crie um arquivo subtract.js:

function subtract(a, b)
{
    return a - b;
}
module.exports = subtract;

Em seguida, crie um arquivo denominado subtract.test.js. Isso conterá nosso teste real:

const subtract = require('./subtract);
test(subtracts  4 - 2 to equal 3', () =>
{
    expect(sum(4, 2)).toBe(2);
});

Adicione a seguinte seção ao seu package.json:

{
  "scripts":
}
{
  "test": "jest"
}
"devDependencies":
{
  "jest": "^29.9.0"
}
}

Por fim, execute yarn ou npm run test e o Jest imprimirá esta mensagem:

APROVADO ./subtract.test.js

✓ subtrai 4 - 2 para igual a 2 (5ms)

Além disso, leia: Uma introdução aos testes de segurança 

Vantagens de usar Jest

É compatível: - O framework é compatível com Angular, React, NodeJS, VueJS e outros projetos baseados em babel.

Mais rápido do que outras ferramentas tradicionais: - É uma ferramenta de teste muito rápida. Quando nosso teste é limitado pela CPU, ele pode economizar um tempo significativo de nossas execuções de teste. O teste local costumava levar 45 minutos. Jest diminuiu para 14 a 15 minutos.

TI tem tudo: - Baseou-se no Jasmim, por isso herdou todas as boas qualidades dele. Jest agora deixou o Jasmine, mas eles mantiveram a mesma funcionalidade, mas a aprimoraram.

Suporta texto digitalizado: - Typescript é um superconjunto de JavaScript que compila para JavaScript simples. ele suporta TypeScript por meio do pacote ts-jest.

Teste de instantâneo: - Em testes, o teste de instantâneo é uma ótima ferramenta que garante que a IU do seu aplicativo não mude inesperadamente entre as versões.

Simulações de cronômetro: Os usuários podem manipular o tempo, o que é útil. Portanto, o teste não será lento e o tempo pode ser manipulado por ele

  • setTimeout ()
  • setInterval ()
  • clearTimeout ()
  • clearInterval ()

Escreva testes de Jest para:

  • Teste um componente isoladamente
  • Teste a API pública de um componente (propriedades e métodos @api, eventos)
  • Teste a interação básica do usuário (como -clicks)
  • Verifique a saída DOM de um componente
  • Verifique se os eventos disparam quando esperado

Além disso, leia: Testando um MS Dynamics CRM Personalizado

Conclusão

É uma estrutura de teste rápido. E requer configuração mínima. É simples de instalar. Possui boa integração com tecnologias como React, Babel e typescript. Embora possa ser considerado executor de teste específico do React, ele é compatível e se adapta bem a qualquer biblioteca ou estrutura JavaScript.

Serviços automatizados de teste de software

Com ferramentas de teste automatizadas como selênio, você pode aumentar a eficácia, eficiência e cobertura de teste de seu aplicativo de software. A tecnologia Cynoteck ajuda as organizações a fornecer software / aplicativos de qualidade de massa usando ferramentas de teste automatizadas. entre em contato conosco para qualquer assistência.



convidado
0 Comentários
Comentários em linha
Ver todos os comentários
0
Adoraria seus pensamentos, por favor, comente.x