Essai

Lorsqu'il s'agit de tester, nous voulons toujours croire que nous utiliserons beaucoup d'outils et que nous pourrons les utiliser de la bonne manière. Cependant, nous aimerions voir de nouveaux résultats et essayer de trouver des bogues avant que l'utilisateur final ne les trouve.

Pour cette raison, j'aimerais partager avec vous mes réflexions sur Cypress par rapport à tout autre outil disponible.

Selon Wikipedia, les tests de logiciels sont une enquête menée pour fournir aux parties prenantes des informations sur la qualité du produit ou du service logiciel testé.

Cyprès

Cypress.io Tests rapides, faciles et fiables pour tout ce qui s'exécute dans un navigateur. Installez Cypress en quelques secondes et simplifiez les tests frontaux. En utilisant cet outil, vous pouvez montrer aux autres combien il est facile de tester et combien il est facile de partager vos scénarios de cas de test. De plus, la diversité des outils que vous pouvez utiliser pour vous faciliter un peu la tâche.

Outils d'intégration

Pour l'instant, je vais vous donner une meilleure idée des outils qui peuvent être utilisés et des outils que nous devrions utiliser pour exécuter notre test.

Le meilleur exemple est de passer par Github et Actions car c'est un moyen d'automatiser votre test et de le partager avec d'autres. La meilleure chose à propos de l'utilisation des actions Github est que nous pouvons partager nos tests et nous pouvons faire un sprint plus rapide puisque vous n'avez pas à envoyer votre code pour examen à la place, vous pousserez vos scénarios de test vers votre Pipeline et vous pourrez voir si ces tests passeront ou échoueront.

Exemple d'actions GitHub

Commençons par les étapes de l'enfant pour s'assurer que tout débutant saura comment commencer avec cela.

1.- Créez un répertoire local sur votre machine :

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.- Maintenant, si vous effectuez des mises à jour, vous devrez vous assurer d'exécuter les commandes suivantes :

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

10.- Maintenant, vous avez deux options différentes où vous pouvez choisir de configurer vous-même votre flux de travail ou vous pouvez choisir la configuration node.js.

Dans mon cas, je choisirai Node.js puisque nous utilisons la bibliothèque npm, Inc .. Mon code pour ce fichier est le suivant :

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

Remarque : Si vous utilisez VScode, vous devrez exécuter [git pull] pour pouvoir voir ce fichier dans votre répertoire local.

Atlassian Bitbucket Exemple

Maintenant, si vous souhaitez utiliser différents outils comme le pipeline Bitbucket, vous devrez procéder comme suit :

1. Créez un dépôt dans votre compte Bitbucket
2. Créez un répertoire local sur votre ordinateur
3. Git clone votre dépôt

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

Si vous souhaitez tester ou extraire d'autres images de docker, vous devrez télécharger et installer docker .

Ceci est un exemple de ce à quoi ressemble le pipeline via bitbucket

Merci pour votre temps

S'il vous plaît laissez-moi savoir si vous avez d'autres questions ou préoccupations et je serai plus qu'heureux de vous aider. N'hésitez pas à jeter un œil à mes autres publications et à me faire part de vos impressions.

Comment décrocher un poste d'ingénieur ? | Développeur UX | Je suis l'Ingénieur que vous recherchez | Envoyez plusieurs messages via le terminal avec l'application iMessage !