Αυτοματισμός κυπαρισσιού: 15 σημαντικοί παράγοντες που σχετίζονται με αυτόν

Σε αυτό το σεμινάριο, θα συζητήσουμε λεπτομερώς το Cypress Automation Framework. Θα καλύψουμε τι είναι το Cypress, πώς είναι διαφορετικό από άλλα πλαίσια δοκιμών, την αρχιτεκτονική του Cypress και τη διαδικασία εγκατάστασης σε αυτό το άρθρο. Το κυπαρίσσι είναι ένα συναρπαστικό θέμα και είναι διασκεδαστικό να μάθεις επίσης. Ας ξεκινήσουμε!

Πλαίσιο αυτοματισμού κυπάρων

Το Cypress Automation Framework είναι ένα καθαρό εργαλείο δοκιμών βασισμένο σε Javascript που επικεντρώνεται κυρίως στις δοκιμές front-end σε σύγχρονες διαδικτυακές εφαρμογές. Με το Cypress, οι εφαρμογές είναι εύκολο να δοκιμαστούν με την οπτική διεπαφή για να παρακολουθήσουν την εκτέλεση της δοκιμής. Έτσι, το Cypress έρχεται ως πλεονέκτημα τόσο για προγραμματιστές όσο και για μηχανικούς QA, διευκολύνοντας τη συγγραφή σεναρίων και την εκτέλεση δοκιμών. Επιπλέον, συνοδεύεται από έναν διακριτικό δοκιμαστικό δρομέα, ο οποίος διευκολύνει τον χειρισμό του DOM και εκτελείται απευθείας στο πρόγραμμα περιήγησης.

Πίνακας Περιεχομένων

Τι είναι το Cypress;

Το Cypress είναι ταχύτερο, καλύτερο και παρέχει οριστικές δοκιμές που εκτελούνται σε ένα πρόγραμμα περιήγησης. Το κυπαρίσσι συγκρίνεται κυρίως με το Selenium, αλλά είναι εντελώς διαφορετικό. Το Cypress δεν λειτουργεί πάνω από το Σελήνιο, που σημαίνει ότι είναι εντελώς ανεξάρτητο. Αντ 'αυτού, το Cypress τρέχει στην κορυφή του Mocha, το οποίο είναι και πάλι ένα πλαίσιο δοκιμών πλούσιο σε JavaScript. Είναι συμβατό μόνο με τη βιβλιοθήκη Chai Assertion, η οποία έχει πρόσβαση σε ένα ευρύ φάσμα ισχυρισμών BDD και TDD.

Το Cypress εστιάζει κυρίως σε τρεις διαφορετικούς τύπους δοκιμών. Είναι δοκιμές από άκρο σε άκρο, δοκιμές μονάδας και δοκιμές ολοκλήρωσης. Το Cypress μπορεί να εκτελέσει οποιεσδήποτε δοκιμές μπορούν να εκτελεστούν σε ένα πρόγραμμα περιήγησης. Επιπλέον, συνοδεύεται από διαφορετικές δυνατότητες κοροϊδίας και επικυρώσεις που συναρπάζονται για τις δοκιμές στο front-end.

Τα προγράμματα περιήγησης που υποστηρίζει το Cypress είναι τα Chrome, Firefox, Edge, Electron και Brave. Επιπλέον, η δοκιμή cross-browser είναι εύκολα εφικτή με το Cypress. Τέλος, αν και το Cypress υποστηρίζει μόνο Javascript, μπορεί επίσης να γραφτεί με Typescript, πρωτίστως γραμμένο με Javascript.

Αυτοματισμός κυπαρίσσι

Το Cypress είναι ένα εργαλείο ανοιχτού κώδικα με έναν δωρεάν δοκιμαστή, αλλά έχει τιμές που κυμαίνονται για ομάδες και επιχειρήσεις όπου σας χρεώνουν για τον Πίνακα ελέγχου. Ωστόσο, ο Πίνακας ελέγχου είναι δωρεάν έως κάποιο βαθμό, εκτός εάν έχετε πρόσθετες λειτουργίες όπως ανίχνευση Flake, υποστήριξη μέσω email, ενσωμάτωση Jira και πολλά άλλα.

Το Cypress χρησιμοποιείται κυρίως για την αυτοματοποίηση σεναρίων στον Ιστό (μπορεί να αυτοματοποιήσει οτιδήποτε τρέχει σε πρόγραμμα περιήγησης). Δεν μπορεί ποτέ να εκτελεστεί σε εγγενείς εφαρμογές για κινητά, αλλά μπορεί να αυτοματοποιήσει ορισμένες από τις λειτουργίες των εφαρμογών για κινητά, εάν αυτές αναπτύσσονται σε ένα πρόγραμμα περιήγησης.

Χαρακτηριστικά

Υπάρχουν πολλές εκπληκτικές δυνατότητες διαθέσιμες στο Cypress που ξεχωρίζουν από οποιοδήποτε άλλο εργαλείο αυτοματισμού. Εδώ, ας συζητήσουμε μερικά από τα κύρια χαρακτηριστικά και θα εισαχθούμε σε άλλα μέρη αργότερα μόλις αρχίσουμε να γράφουμε τις δοκιμαστικές μας περιπτώσεις!

  1. Αυτόματη αναμονή - Το Cypress έχει το πλεονέκτημα της αυτόματης αναμονής. Δεν θα χρειαστεί ποτέ να προσθέσουμε δύναμη αναμονής και ύπνου για να περιμένουμε το DOM να πάρει το στοιχείο. Το Cypress περιμένει αυτόματα οποιαδήποτε αλληλεπίδραση με στοιχεία και εκτέλεση των ισχυρισμών. Έτσι, οι δοκιμές είναι γρήγορες!
  2. Ταξίδι στο χρόνο - Το Cypress καταγράφει στιγμιότυπα οθόνης κατά την εκτέλεση της δοκιμής. Μπορούμε να δούμε τα αποτελέσματα οπτικά σε πραγματικό χρόνο, απλά τοποθετώντας τις εντολές στον Πίνακα ελέγχου. Με αυτόν τον τρόπο, οι δοκιμές είναι πιο εύκολο να εντοπιστούν
  3. Δοκιμές εντοπισμού σφαλμάτων - Το Cypress μπορεί να κάνει εντοπισμό σφαλμάτων δοκιμών από δημοφιλή εργαλεία όπως εργαλεία προγραμματιστών. Τα σφάλματα είναι αναγνώσιμα και οι στοίβες είναι εύκολα ανιχνεύσιμες.
  4. Αιτήματα στέλεχος - Το Cypress έχει επιλογές για επιβεβαίωση και έλεγχο συμπεριφορών λειτουργίας, αποκρίσεων δικτύου ή χρονοδιακόπτες που χρησιμοποιούνται από stubs και κατασκόπους.
  5. Συνεχής ολοκλήρωση - Το Cypress δεν εξαρτάται από άλλες πρόσθετες υπηρεσίες CI. Ωστόσο, κατά την εκτέλεση της εντολής για τη δοκιμή, η ενσωμάτωση είναι εύκολα προσβάσιμη.

Μύθος για το Cypress

Υπάρχει ένας μύθος ότι το Cypress μπορεί να εκτελεστεί μόνο σε εφαρμογές web φιλικές προς Javascript. Ωστόσο, το Cypress μπορεί να δοκιμάσει οποιεσδήποτε εφαρμογές ιστού που έχουν κατασκευαστεί με Django, Ruby on Rails, Laravel κ.λπ. Επιπλέον, το Cypress υποστηρίζει οποιαδήποτε από τις γλώσσες προγραμματισμού όπως PHP, Python, Ruby, C #, κ.λπ. ; πέρα από αυτό, το Cypress λειτουργεί σε οποιαδήποτε εφαρμογή.

Συστατικά του κυπαρίσσι

Υπάρχουν δύο βασικά συστατικά στο Cypress. Αυτοί είναι Δρομέας δοκιμής και  Πίνακας διαχείρισης.

Κυπαρίσσι
Δρομέας δοκιμής Cypress
cy img2 1 επεξεργάστηκε
Χαρακτηριστικό δοκιμής κυπαρίσσι

Δρομέας δοκιμής - Το Cypress παρέχει αυτόν τον μοναδικό δρομέα δοκιμής, όπου ο χρήστης μπορεί να δει τις εντολές κατά την εκτέλεση και την εφαρμογή υπό δοκιμή.

Υπάρχουν λίγα υποσυστήματα στο Test runner. Αυτοί είναι

  1. Αρχείο καταγραφής εντολών - Αυτή είναι μια οπτική αναπαράσταση της δοκιμαστικής σουίτας. Μπορείτε να δείτε τις εντολές που εκτελούνται στη δοκιμή, τις λεπτομέρειες ισχυρισμού και τα τετράγωνα δοκιμής.
  2. Μενού δοκιμής κατάστασης - Αυτό το μενού δείχνει τον αριθμό των δοκιμαστικών περιπτώσεων που πέρασαν ή απέτυχαν και τον χρόνο που απαιτείται για την εκτέλεση.
  3. Προεπισκόπηση διεύθυνσης URL - Αυτό σας παρέχει πληροφορίες σχετικά με τη διεύθυνση URL που δοκιμάζετε για να παρακολουθείτε όλες τις διαδρομές διευθύνσεων URL.
  4. Μέγεθος προβολής - Μπορείτε να ορίσετε το μέγεθος της θύρας προβολής της εφαρμογής για τη δοκιμή διαφορετικών διατάξεων απόκρισης
  5. Προεπισκόπηση εφαρμογής - Αυτή η ενότητα εμφανίζει τις εντολές που εκτελούνται σε πραγματικό χρόνο. Εδώ μπορείτε να χρησιμοποιήσετε το Devtools για εντοπισμό σφαλμάτων ή επιθεώρηση κάθε βάσης.

Ταμπλό: Το Cypress Dashboard δίνει τη δυνατότητα πρόσβασης στις δοκιμές που καταγράφονται. Με την υπηρεσία Dashboard, μπορούμε να παρακολουθήσουμε τον αριθμό των δοκιμών που έχουν περάσει, αποτύχει ή παραλείψει. Επίσης, μπορούμε να δούμε στιγμιότυπα των αποτυχημένων δοκιμών χρησιμοποιώντας το cy. εντολή στιγμιότυπου οθόνης (). Μπορείτε επίσης να παρακολουθήσετε το βίντεο ολόκληρης της δοκιμής ή το κλιπ των αποτυχημένων δοκιμών.

Αρχιτεκτονική Κυπαρίσσι

Τα περισσότερα εργαλεία δοκιμής εκτελούνται στον διακομιστή εκτός του προγράμματος περιήγησης και εκτελούν εντολές μέσω του δικτύου. Ωστόσο, το Cypress εκτελείται στο πρόγραμμα περιήγησης όπου εκτελείται και η εφαρμογή. Με αυτόν τον τρόπο, μπορεί να έχει πρόσβαση σε όλα τα στοιχεία DOM και σε όλα τα μέσα στο πρόγραμμα περιήγησης.

Ο διακομιστής κόμβων τρέχει πίσω από το Cypress στην πλευρά του πελάτη. Έτσι, ο διακομιστής κόμβων και το Cypress αλληλεπιδρούν μεταξύ τους, συνοδεύουν και εκτελούν εργασίες για την υποστήριξη της εκτέλεσης. Δεδομένου ότι έχει πρόσβαση τόσο στο μπροστινό όσο και στο πίσω άκρο, η ανταπόκριση στην εφαρμογή σε πραγματικό χρόνο κατά την εκτέλεση είναι ικανοποιητική και μπορεί επίσης να εκτελέσει εργασίες που εκτελούνται ακόμη και εκτός του προγράμματος περιήγησης.

αρχιτεκτονική κυπαρισσιού
Αρχιτεκτονική Κυπαρίσσι

Το Cypress αλληλεπιδρά επίσης με το επίπεδο δικτύου και συλλαμβάνει εντολές διαβάζοντας και αλλάζοντας την κυκλοφορία στον ιστό. Τέλος, το Cypress στέλνει αιτήματα HTTP και απαντήσεις από τον διακομιστή κόμβων στο Browser. Δεδομένου ότι το Cypress λειτουργεί στο επίπεδο δικτύου, βοηθά στην τροποποίηση του κώδικα που μπορεί να επηρεάσει την αυτοματοποίηση του προγράμματος περιήγησης Ιστού. Η επικοινωνία μεταξύ του διακομιστή Node και του προγράμματος περιήγησης γίνεται μέσω του WebSocket, το οποίο αρχίζει να εκτελείται μετά την εκκίνηση του διακομιστή μεσολάβησης.

Το Cypress ελέγχει όλες τις εντολές που εκτελούνται μέσα και έξω από τα προγράμματα περιήγησης. Δεδομένου ότι είναι εγκατεστημένο σε ένα τοπικό μηχάνημα, αλληλεπιδρά απευθείας με το λειτουργικό σύστημα για την εγγραφή βίντεο, τη λήψη στιγμιότυπων, την πρόσβαση στο επίπεδο δικτύου και εκτελεί τις λειτουργίες του συστήματος αρχείων με ευκολία. Το Cypress μπορεί να έχει πρόσβαση σε όλα από DOM, αντικείμενα παραθύρων, τοπικό χώρο αποθήκευσης, επίπεδο δικτύου και DevTools.

Εγκαταστήστε το Cypress

Αυτή η ενότητα θα συζητήσει τη διαδικασία εγκατάστασης που πρέπει να ακολουθηθεί πριν από τη σύνταξη των δοκιμαστικών περιπτώσεων. Υπάρχουν δύο διαφορετικοί τρόποι λήψης του Cypress. Αυτοί είναι

  1. Εγκατάσταση μέσω npm
  2. Άμεσο κατέβασμα

Πριν εγκαταστήσουμε το Cypress, ίσως χρειαζόμαστε μερικές προϋποθέσεις για να ξεκινήσουμε την εγκατάσταση μέσω npm. Ας τα δούμε αναλυτικά.

Προϋποθέσεις

Θα απαιτήσουμε ορισμένες προϋποθέσεις πριν γράψουμε τις δοκιμαστικές μας περιπτώσεις.

  • Όπως συζητήθηκε παραπάνω, το Cypress εκτελείται σε διακομιστή κόμβων. ως εκ τούτου θα πρέπει να εγκαταστήσουμε το Node.js.
  • Επίσης, για να γράψουμε τις δοκιμαστικές μας περιπτώσεις, χρειαζόμαστε πρόγραμμα επεξεργασίας κώδικα ή IDE.

Σε αυτό το παράδειγμα, θα χρησιμοποιήσουμε τον Visual Studio Code. Ας δούμε λοιπόν τις λεπτομέρειες.

Εγκατάσταση Node.js σε Mac

Εδώ, θα συζητήσουμε τα βήματα για τη λήψη του Node.js σε Mac. Μεταβείτε στο https://nodejs.org/en/download/. Τώρα θα μεταβείτε στη σελίδα λήψης.

εγκατάσταση 1 2 επεξεργάστηκε
Πακέτο κόμβου σε macOs

1. Κάντε κλικ στο πρόγραμμα εγκατάστασης macOS. Κάνοντας κλικ, μπορείτε να βρείτε ένα αρχείο πακέτου που κατεβάσατε παρακάτω. Κάντε κλικ στο αρχείο pkg για να εγκαταστήσετε το Node.js

η εισαγωγή της εγκατάστασης επεξεργάστηκε
Εισαγωγή προγράμματος εγκατάστασης

2. Μόλις κάνετε κλικ στο αρχείο .pkg, θα ανοίξει το πρόγραμμα εγκατάστασης του κόμβου. Η ενότητα εισαγωγής σάς παρέχει τις εκδόσεις Node.js και npm. Κάντε κλικ στο Συνέχεια

άδεια εγκατάστασης 1 επεξεργάστηκε
Συμφωνώ άδεια
άδεια εγκατάστασης 2 1 επεξεργασία
Να επιτρέπεται η πρόσβαση στο πρόγραμμα εγκατάστασης

3. Κάντε κλικ στο Agree Button και στη συνέχεια Συνέχεια. Θα εμφανιστεί ένα αναδυόμενο παράθυρο που επιτρέπει την πρόσβαση στα αρχεία σας στο φάκελο Λήψη. Κάντε κλικ στο Ok.

επιλογή προορισμού εγκατάσταση επεξεργάστηκε
Επιλέξτε Προορισμός

4. Σε αυτήν την ενότητα, μπορείτε να επιλέξετε τον προορισμό στον οποίο πρέπει να γίνει λήψη του Node.js. Και πάλι, μπορείτε να επιλέξετε ανάλογα με το χώρο του συστήματός σας. Εδώ επιλέγω την προεπιλεγμένη τοποθεσία.

Ο τύπος εγκατάστασης 2 επεξεργάστηκε
Τύπος εγκατάστασης
όνομα χρήστη και κωδικός πρόσβασης εγκατάσταση 1 επεξεργάστηκε
Εισαγάγετε το όνομα χρήστη και τον κωδικό πρόσβασης για εγκατάσταση

5. Κάντε κλικ στο κουμπί Εγκατάσταση. Μόλις κάνετε κλικ, θα εμφανιστεί ένα αναδυόμενο παράθυρο που θα ρωτάει τον κωδικό πρόσβασης του συστήματός σας. Εισαγάγετε τον κωδικό πρόσβασής σας και κάντε κλικ στο Εγκατάσταση λογισμικού.

συνοπτική εγκατάσταση επεξεργάστηκε
Σύνοψη εγκατάστασης

6. Ζήτω! Έχουμε εγκαταστήσει το πακέτο Node.js και npm. Κάντε κλικ στο Κλείσιμο για να ολοκληρώσετε την εγκατάσταση.

Εγκατάσταση κώδικα Visual Studio σε Mac

Εγκαταστήσαμε με επιτυχία το Node.js. Τώρα ας εγκαταστήσουμε τον κώδικα επεξεργασίας κώδικα Visual Studio Code. Ο κωδικός VS είναι ένα ισχυρό εργαλείο που έχει όλες τις ενσωματωμένες λειτουργίες του Javascript. Ας δούμε λοιπόν τα βήματα εγκατάστασης του Visual Studio Code.

Εδώ θα συζητήσουμε τα βήματα για τη λήψη κώδικα VS σε Mac. Πρώτα, μεταβείτε στο https://code.visualstudio.com/download για να μεταβείτε στη σελίδα λήψης του κωδικού VS.

έναντι της εγκατάστασης κώδικα επεξεργάστηκε
Εγκατάσταση κώδικα VS σε Mac

1. Κάντε κλικ στο εικονίδιο Mac. Μπορείτε να δείτε τη λήψη ενός πακέτου παρακάτω.

vs zip edited
Εγκατεστημένο πακέτο σε φερμουάρ

2. Κάντε κλικ στο ληφθέν αρχείο για να αποσυμπιέσετε το πακέτο. Μόλις αποσυμπιεστεί, μπορείτε να βρείτε τον κώδικα Visual Studio στις Λήψεις σας στο Finder.

Στιγμιότυπο οθόνης 2021 07 09 στις 11.38.58 μ.μ. επεξεργασία 2
Κωδικός VS σε λήψεις

3. Ζήτω! Έχουμε κατεβάσει τον επεξεργαστή κώδικα. Κάντε κλικ στο εικονίδιο για να ανοίξετε τον Visual Studio Code.

Δημιουργία νέου έργου Cypress

Θα δούμε τώρα πώς να δημιουργήσουμε ένα νέο έργο κόμβου στον κώδικα Visual Studio. Μόλις κάνετε κλικ στο εικονίδιο κωδικού VS, θα μεταβείτε στη σελίδα υποδοχής. Στη συνέχεια, κάντε κλικ στο φάκελο Προσθήκη χώρου εργασίας για να δημιουργήσετε έναν νέο φάκελο.

newfolder vs 2 επεξεργασμένο
Δημιουργία νέου έργου

Μόλις κάνετε κλικ στο φάκελο, θα εμφανιστεί ένα αναδυόμενο παράθυρο που θα σας ζητά να προσθέσετε έναν νέο φάκελο. Τώρα κάντε κλικ στην τοποθεσία που θέλετε να προσθέσετε το χώρο εργασίας. Στη συνέχεια, κάντε κλικ στο Νέο φάκελο και προσθέστε το όνομα του φακέλου ως CypressProject και κάντε κλικ στο Άνοιγμα.

νέος φάκελος έναντι επεξεργασίας
Δημιουργία νέου φακέλου

Τώρα δημιουργήσαμε ένα φάκελο για τη δοκιμή Cypress. Πριν ξεκινήσουμε να γράφουμε τις δοκιμές μας, πρέπει να εγκαταστήσουμε το αρχείο package.json. Πριν από την εγκατάσταση, ας καταλάβουμε τι είναι το αρχείο package.json.

Τι είναι το αρχείο Package.json;

Το Package.json περιλαμβάνει όλα τα πακέτα npm σε ένα αρχείο, που συνήθως βρίσκεται στη ρίζα του έργου. Βρίσκεται συνήθως στον ριζικό κατάλογο του έργου Node.js. Αυτό το αρχείο περιέχει όλα τα απαραίτητα μεταδεδομένα που είναι απαραίτητα για το έργο. Δίνει όλες τις πληροφορίες σε npm και βοηθά στον εντοπισμό του έργου και τη διαχείριση των εξαρτήσεων. Το αρχείο Package.json περιέχει πληροφορίες όπως όνομα έργου, εκδόσεις, άδεια, εξαρτήσεις και πολλά άλλα.
Τώρα έχουμε καταλάβει τι είναι το αρχείο package.json. Ας ξεκινήσουμε λοιπόν τα βήματα για τη λήψη του αρχείου στον κώδικα του Visual Studio.

έναντι του ανοιχτού τερματικού κωδικού επεξεργασία
Ανοίξτε το τερματικό

1. Για να εκτελέσουμε τις εντολές μας, πρέπει να ανοίξουμε το τερματικό. Στην κορυφή του κώδικα VS, κάντε κλικ στο τερματικό. Μόλις ανοίξει το αναπτυσσόμενο μενού, κάντε κλικ στο Νέο τερματικό.

τερματικό npm init επεξεργάστηκε
Εγκαταστήστε το αρχείο package.json

2. Μόλις ανοίξει το τερματικό, πληκτρολογήστε την παρακάτω εντολή στον κατάλογο έργου και πατήστε Enter.

npm init

3. Μόλις πατήσετε Enter, μπορείτε να δείτε τις συγκεκριμένες πληροφορίες που εμφανίζονται. Μπορείτε να πληκτρολογήσετε τις απαιτούμενες λεπτομέρειες στο τερματικό και να πατήσετε Enter για να λάβετε όλα τα πεδία.

Η δημιουργία πακέτου.json έγινε επεξεργασία
Λεπτομέρειες του έργου
  • Ονομα πακέτου: Μπορείτε να δώσετε οποιοδήποτε όνομα στο πακέτο σας. Το άφησα κενό καθώς είναι προ-συμπληρωμένο με το όνομα φακέλου που δημιουργήσαμε.
  • Εκδοχή: Αυτό δίνει τις πληροφορίες για την έκδοση του npm. Μπορείτε να το παραλείψετε και να πατήσετε Enter.
  • Περιγραφή: Εδώ, μπορείτε να δώσετε ένα κομμάτι πρόσθετων πληροφοριών στο πακέτο. Εάν απαιτείται, μπορείτε να πληκτρολογήσετε την περιγραφή και να πατήσετε Enter ξανά.
  • Σημείο εισόδου: Αυτό αντιπροσωπεύει το σημείο εισόδου της εφαρμογής. Επειδή είναι προσυμπληρωμένο με το index.js, μπορούμε να παραλείψουμε αυτό το πεδίο και να πατήσουμε το Enter.
  • Εντολή δοκιμής: Εντολή που δίνεται για την εκτέλεση του τεστ. Εδώ δεν είναι απαραίτητο να δώσετε εντολές, αλλά αν απαιτείται, μπορείτε σίγουρα να δώσετε οποιαδήποτε εντολή.
  • Αποθήκη Git: Αυτό το πεδίο απαιτεί τη διαδρομή προς το αποθετήριο git. Μπορείτε επίσης να αφήσετε αυτό το πεδίο κενό.
  • Λέξεις-κλειδιά: Μοναδικές λέξεις-κλειδιά για την αναγνώριση του έργου. Μπορείτε επίσης να παραλείψετε αυτό το πεδίο.
  • Μουσικός: Αυτό είναι συνήθως το όνομα χρήστη του ατόμου. Μπορείτε να προσθέσετε το όνομά σας και να πατήσετε Enter.
  • Άδεια: Η άδεια έχει συμπληρωθεί με ISC. Μπορείτε να συνεχίσετε πατώντας Enter.
  • 4. Μόλις πατήσετε Enter, το Terminal θα ζητήσει επιβεβαίωση αναφέροντας όλες τις πληροφορίες που παρείχατε. Τύπος Ναι και πατήστε ξανά Enter.
pckg json ναι επεξεργάστηκε
Επιβεβαίωση δημιουργίας αρχείου Package.json

Δημιουργήσαμε τώρα ένα αρχείο package.json. Μπορείτε να δείτε το αρχείο στο πρόγραμμα επεξεργασίας κώδικα με τις πληροφορίες που παρέχουμε.

pckg json δημιουργήθηκε επεξεργασμένο
Δημιουργήθηκε το αρχείο Package.json

Βήματα εγκατάστασης του Cypress

Έχουμε εγκαταστήσει όλες τις προϋποθέσεις για τη λήψη, τον κόμβο και το αρχικοποιημένο npm Cypress. Όπως αναφέρθηκε παραπάνω, υπάρχουν δύο τρόποι λήψης του Cypress.

Κατεβάστε το Cypress μέσω npm

Για να εγκαταστήσετε το Cypress θα πρέπει να περάσετε την παρακάτω εντολή στο Terminal. Επιπλέον, θα πρέπει να δώσετε την εντολή στον κατάλογο έργου για να εγκαταστήσετε τον κόμβο και να δημιουργήσετε το αρχείο package.json.

npm install cypress --save-dev
Εγκατάσταση cypress εντολή επεξεργασία
Εντολή Cypress Installation

Μόλις περάσετε την εντολή, θα πραγματοποιήσει λήψη όλων των σχετικών εξαρτήσεων που απαιτούνται για το έργο. Κατά τη σύνταξη αυτού του άρθρου, η τελευταία έκδοση του Cypress είναι 7.7.0. Η έκδοση ενδέχεται να διαφέρει κατά τη λήψη.

cyp που λήφθηκε επεξεργασμένο
Επιτυχής εγκατάσταση Cypress

Με αναφορά στην παραπάνω εικόνα, μπορείτε να δείτε ότι έχουμε κατεβάσει το Cypress. Μπορείτε να επαληθεύσετε με την ληφθείσα αναπαράσταση στο Terminal και την προσθήκη devDependencies στο αρχείο package.json.

Άμεσο κατέβασμα

Μπορούμε να κατεβάσουμε το Cypress απευθείας από το CDN τους εάν δεν χρησιμοποιείτε το πακέτο Node ή npm στο έργο. Ωστόσο, η καταγραφή των δοκιμών στον Πίνακα ελέγχου δεν είναι δυνατή μέσω άμεσης λήψης.

Μπορείτε να πραγματοποιήσετε λήψη κάνοντας κλικ στη λήψη Cypress απευθείας από αυτό σύνδεσμος. Αυτό θα κατεβάσει άμεσα το πακέτο. Μετά τη λήψη του πακέτου, ανοίξτε το αρχείο zip και κάντε διπλό κλικ. Το Cypress θα λειτουργεί χωρίς την ανάγκη εγκατάστασης εξαρτήσεων. Αυτή η λήψη θα λαμβάνει πάντα την πιο πρόσφατη έκδοση που βασίζεται και η πλατφόρμα θα εντοπίζεται αυτόματα. Ωστόσο, συνιστάται η λήψη του Cypress μέσω npm αντί για άμεση λήψη.

Για περισσότερες δημοσιεύσεις σχετικά με την τεχνολογία, επισκεφθείτε το Τεχνολογική σελίδα.