teste

Quando se trata de testes, sempre queremos acreditar que usaremos muitas ferramentas e poderemos usá-las da maneira certa. No entanto, adoraríamos ver novos resultados e tentar encontrar bugs antes que o usuário final os encontre.

Por esta razão, eu adoraria compartilhar com vocês meus pensamentos sobre o Cypress versus qualquer outra ferramenta que existe.

De acordo com a Wikipedia, o teste de software é uma investigação realizada para fornecer aos interessados ​​informações sobre a qualidade do produto ou serviço de software sob teste.

Cipreste

Cypress.io Teste rápido, fácil e confiável para qualquer coisa executada em um navegador. Instale o Cypress em segundos e elimine a dor do teste de front-end. Ao usar esta ferramenta, você pode mostrar aos outros como é fácil testar e compartilhar seus cenários de caso de teste. Além disso, a diversidade de ferramentas que você pode usar para tornar seu trabalho um pouco mais fácil.

Ferramentas de Integração

Agora, darei a você uma ideia melhor de quais ferramentas podem ser usadas e quais ferramentas devemos usar para executar nosso teste.

O melhor exemplo é passar pelo Github e pelo Actions, pois é uma maneira de automatizar seu teste e compartilhá-lo com outras pessoas. A melhor coisa sobre o uso de ações do Github é que podemos compartilhar nossos testes e podemos fazer um sprint mais rápido, já que você não precisa enviar seu código para revisão, você enviará seus cenários de teste para seu Pipeline e poderá veja se esses testes passarão ou falharão.

Exemplo de ações do GitHub

Vamos começar com etapas infantis para garantir que qualquer iniciante saiba como começar com isso.

1.- Crie um diretório local em sua máquina:

mkdir [directory_name]

cd [directory_name]

npm init -y

npm install cypress --save-dev

npx cypress open "or" ./node_modules/.bin/cypress open

control + c

8.- Agora, se você fizer alguma atualização, deverá executar os seguintes comandos:

git add .
git commit -m "[Any_message]"
git push

10.- Agora, você tem duas opções diferentes onde pode escolher configurar seu fluxo de trabalho sozinho ou pode escolher a configuração do node.js.

No meu caso, escolherei Node.js, pois estamos usando a biblioteca npm, Inc. Meu código para este arquivo é o seguinte:

name: End-to-end tests
on: [push]
jobs:  
    cypress-run:    
      runs-on: ubuntu-16.04    
    steps:      
      - name: Checkout        
        uses: actions/checkout@v1
# Install NPM dependencies, cache them correctly      
# and run all Cypress tests      
      - name: Cypress run        
         uses: cypress-io/github-action@v2              
      - name: Run Cypress tests        
         run: npm run test:chrome        
         continue-on-error: false       
      - name: Copy test execution videos and screenshots        
        run: |          
         mkdir public          
         cp -r cypress/videos public/videos          
         cp -r cypress/screenshots public/screenshots                
      - name: Merge test reports        
        run: npm run combine:report       
      - name: Generate HTML report        
        run: npm run generate:report              
      - name: Deploy report page to GitHub Page        
        uses: peaceiris/actions-gh-pages@v3        
        with:                   
         github_token: ${{ secrets.GITHUB_TOKEN }}
         publish_dir: ./public

Nota: Se você estiver usando o VScode, terá que executar [git pull] para poder ver este arquivo dentro do seu diretório local.

Exemplo de Bitbucket da Atlassian

Agora, se você quiser usar diferentes ferramentas como bitbucket pipeline, você terá que fazer o seguinte:

1. Crie um repositório dentro da sua conta Bitbucket
2. Crie um diretório local no seu computador
3. Git clona seu repositório

git clone [repo_url]

npm init -y

npm install cypress --save-dev

npx cypress open "OR" ./node_modules/.bin/cypress open

control + c

git add .
git commit -m "[any_comment]"
git push

#  Template NodeJS build
#  This template allows you to validate your NodeJS code.
#  The workflow allows running tests and code linting on the default branch.
image: node:10.15.3
options:
max-time: 15
pipelines:
default:
- step:
name: Pipeline Cypress E2E
caches:
- npm
- cypress
image: cypress/base:10
script:
- npm ci
- npx cypress run
artifacts:
- cypress/reports/**
- cypress/videos/**
definitions:
caches:
npm: $HOME/.npm
cypress: $HOME/.cache/Cypress

Se você gostaria de testar ou extrair qualquer outra imagem do docker, você terá que baixar e instalar o docker .

Este é um exemplo de como fica o pipeline através do bitbucket

Obrigado pelo seu tempo

Entre em contato se tiver mais dúvidas ou preocupações. Ficarei feliz em ajudá-lo. Sinta-se à vontade para dar uma olhada em minhas outras publicações e deixe-me saber seus pensamentos.

Como faço para conseguir um emprego como engenheiro? | Desenvolvedor UX | Eu sou o Engenheiro que você procura | Envie várias mensagens pelo terminal com o aplicativo iMessage!