how use firebug creating selenium scripts selenium tutorial 4
Στο προηγούμενο σεμινάριο , μάθαμε πώς να δημιουργούμε αυτοματοποιημένα σενάρια δοκιμής χρησιμοποιώντας το Selenium IDE και τη δυνατότητα εγγραφής του. Περπατήσαμε επίσης με πολυπληθείς πληθυσμούς χαρακτηριστικά του Selenium IDE . Στόχος μας ήταν να ενοχλήσουμε τον αναγνώστη με τα πιο ζωτικά χαρακτηριστικά και εντολές του Selenium IDE.
Απλώς μια υπενθύμιση - αυτό είναι το 4ο σεμινάριό μας δωρεάν Σειρά προπόνησης σεληνίου .
Τώρα που είστε εξοικειωμένοι και είστε σε θέση να δημιουργήσετε αυτοματοποιημένα σενάρια χρησιμοποιώντας τη λειτουργία εγγραφής του Selenium IDE, ας προχωρήσουμε με ένα άλλο εργαλείο που παίζει πολύ σημαντικό ρόλο στη βοήθεια μας για τη δημιουργία αποτελεσματικών δοκιμαστικών σεναρίων γνωστών ως 'Firebug'. Το Firebug μας βοηθά στον έλεγχο των ιδιοτήτων των στοιχείων ιστού και των ιστοσελίδων.
Έτσι, αυτό το σεμινάριο αποτελείται από την εγκατάσταση του Firebug και τη χρηστικότητά του.
Σημειώστε ότι το περιεχόμενο αυτού του σεμιναρίου δεν ισχύει μόνο στο πλαίσιο του Selenium IDE. μάλλον μπορεί να εφαρμοστεί σε κάθε εργαλείο της σουίτας Selenium. Κατά συνέπεια θα προτιμούσα να χρησιμοποιώ τον όρο Σελήνιο αντί για Σελήνιο IDE.
Σε αυτό το σεμινάριο, ας μάθουμε πώς να χρησιμοποιούμε το πρόσθετο Firebug για τη δημιουργία σεναρίων Selenium. Στη διαδικασία, θα μάθουμε επίσης πώς να εγκαταστήσουμε το Firebug.
Τι θα μάθετε:
- Εισαγωγή στο Firebug
- Πώς να εγκαταστήσετε το Firebug;
- Δημιουργία σεναρίου σεναρίου χρησιμοποιώντας το Firebug
- συμπέρασμα
- Συνιστώμενη ανάγνωση
Εισαγωγή στο Firebug
Το Firebug είναι ένα πρόσθετο Mozilla Firefox. Αυτό το εργαλείο μας βοηθά στον εντοπισμό ή την πιο συγκεκριμένη επιθεώρηση στοιχείων HTML, CSS και JavaScript σε μια ιστοσελίδα. Μας βοηθά να αναγνωρίσουμε τα στοιχεία μοναδικά σε μια ιστοσελίδα. Τα στοιχεία μπορούν να βρεθούν μοναδικά με βάση τους τύπους εντοπισμού τους, τους οποίους θα συζητούσαμε αργότερα σε αυτό το σεμινάριο.
Πώς να εγκαταστήσετε το Firebug;
Για ευκολία κατανόησης, θα διαμορφώσουμε τη διαδικασία εγκατάστασης στα ακόλουθα βήματα.
Βήμα 1: Εκκινήστε το πρόγραμμα περιήγησης Mozilla Firefox και μεταβείτε σε αυτό Σελίδα λήψης πρόσθετου Firebug . Η διεύθυνση URL μας οδηγεί στην ενότητα πρόσθετων του Firefox.
Βήμα 2: Κάντε κλικ στο κουμπί 'Προσθήκη στον Firefox' που υπάρχει στην ιστοσελίδα. Ανατρέξτε στο παρακάτω σχήμα για το ίδιο.
Βήμα-3: Μόλις κάνουμε κλικ στο κουμπί 'Προσθήκη στον Firefox', θα εμφανιστεί ένα πλαίσιο ειδοποίησης ασφαλείας, κάντε κλικ στο κουμπί 'Να επιτρέπεται' τώρα.
Βήμα-4: Τώρα ο Firefox κατεβάζει το πρόσθετο στο παρασκήνιο και εμφανίζεται μια γραμμή προόδου.
Βήμα-5: Μόλις ολοκληρωθεί η διαδικασία, εμφανίζεται το παράθυρο εγκατάστασης λογισμικού. Τώρα κάντε κλικ στο κουμπί 'Εγκατάσταση τώρα'.
Βήμα-6: Μόλις ολοκληρωθεί η εγκατάσταση, εμφανίζεται ένα αναδυόμενο μήνυμα που λέει ότι το firebug έχει εγκατασταθεί με επιτυχία. Τώρα επιλέξτε να κλείσετε αυτό το αναδυόμενο παράθυρο.
Σημείωση : Σε αντίθεση με το Selenium IDE, δεν απαιτείται η επανεκκίνηση του Firefox για να αντικατοπτρίζει την εγκατάσταση του firebug, αλλά έρχεται εύκολα.
Βήμα-7: Τώρα για να ξεκινήσουμε το firebug, μπορούμε να επιλέξουμε έναν από τους παρακάτω τρόπους:
- Πατήστε F12
- Κάντε κλικ στο εικονίδιο του Firebug που βρίσκεται στην άκρη επάνω δεξιά γωνία του παραθύρου του Firefox.
-
- Κάντε κλικ στη γραμμή μενού του Firefox -> Προγραμματιστής Ιστού -> firebug -> Άνοιγμα του Firebug.
Βήμα-8 : Τώρα το firebug φαίνεται στο κάτω μέρος του παραθύρου του Firefox.
Τώρα που έχουμε κατεβάσει και εγκαταστήσει το firebug, ας προχωρήσουμε με τους τύπους εντοπιστών που θα δημιουργούσαμε χρησιμοποιώντας το firebug.
Δημιουργία σεναρίου σεναρίου χρησιμοποιώντας το Firebug
Σε αντίθεση με το Selenium IDE, στο Firebug, δημιουργούμε μη αυτόματα αυτοματοποιημένα σενάρια δοκιμής προσθέτοντας πολλαπλά βήματα δοκιμής για να σχηματίσουμε ένα λογικό και συνεπές σενάριο δοκιμής.
Ας ακολουθήσουμε μια προοδευτική προσέγγιση και να κατανοήσουμε τη διαδικασία βήμα προς βήμα.
Σενάριο:
- Ανοίξτε το 'https://accounts.google.com'.
- Επιβεβαίωση τίτλου της εφαρμογής
- Εισαγάγετε ένα μη έγκυρο όνομα χρήστη και έναν μη έγκυρο κωδικό πρόσβασης και υποβάλετε τα στοιχεία για να συνδεθείτε.
Βήμα 1 - Εκκινήστε τον Firefox και ανοίξτε το Selenium IDE από τη γραμμή μενού.
Βήμα 2 - Εισαγάγετε τη διεύθυνση της υπό δοκιμή εφαρμογής ('https://accounts.google.com') μέσα στο πλαίσιο κειμένου της Βάσης URL.
Βήμα 3 - Από προεπιλογή, το κουμπί Εγγραφή βρίσκεται σε κατάσταση ΟΝ. Θυμηθείτε να το συντονίσετε στην κατάσταση OFF ώστε να απενεργοποιήσετε τη λειτουργία εγγραφής. Παρατηρήστε εάν η κατάσταση εγγραφής είναι σε κατάσταση ΟΝ, μπορεί να έχει ως αποτέλεσμα την καταγραφή των αλληλεπιδράσεών μας με το πρόγραμμα περιήγησης ιστού.
Βήμα 4 - Ανοίξτε την υπό δοκιμή εφαρμογή (https://accounts.google.com) στον Firefox.
Βήμα 5 - Εκκινήστε το Firebug στο πρόγραμμα περιήγησης ιστού.
Βήμα 6 - Επιλέξτε το κενό βήμα δοκιμής στο πρόγραμμα επεξεργασίας.
Βήμα 7 - Πληκτρολογήστε 'open' στο πλαίσιο κειμένου εντολών που υπάρχει στο παράθυρο επεξεργασίας. Η εντολή 'open' ανοίγει την καθορισμένη διεύθυνση URL στο πρόγραμμα περιήγησης ιστού.
Σύσταση: Κατά την πληκτρολόγηση εντολών στο πλαίσιο κειμένου εντολών, ο χρήστης μπορεί να αξιοποιήσει τη δυνατότητα αυτόματης επιλογής. Έτσι, μόλις ο χρήστης πληκτρολογήσει μια ακολουθία χαρακτήρων, οι αντίστοιχες προτάσεις θα συμπληρωθούν αυτόματα.
Ο χρήστης μπορεί επίσης να κάνει κλικ στο αναπτυσσόμενο μενού που υπάρχει στο πλαίσιο κειμένου εντολών για να δει όλες τις εντολές που παρέχονται από το Selenium IDE.
Βήμα 8 - Τώρα, προχωρήστε προς την ενότητα Firebug στο πρόγραμμα περιήγησης ιστού, αναπτύξτε την ενότητα 'κεφαλή' του κώδικα HTML. Παρατηρήστε την ετικέτα HTML. Έτσι, για να επιβεβαιώσουμε τον τίτλο της ιστοσελίδας, θα απαιτούσαμε την αξία της ετικέτας.
Αντιγράψτε τον τίτλο της ιστοσελίδας που είναι 'Σύνδεση - Λογαριασμοί Google' στην περίπτωσή μας.
Βήμα 9 - Επιλέξτε το δεύτερο κενό βήμα δοκιμής στο πρόγραμμα επεξεργασίας.
Βήμα 10 - Πληκτρολογήστε 'assertTitle' στο πλαίσιο κειμένου εντολών που υπάρχει στο παράθυρο επεξεργασίας. Η εντολή 'assertTitle' επιστρέφει τον τρέχοντα τίτλο σελίδας και τη συγκρίνει με τον καθορισμένο τίτλο.
φάση ανάλυσης κύκλου ζωής ανάπτυξης λογισμικού
Βήμα 11 - Επικολλήστε τον τίτλο που αντιγράφηκε στο βήμα 8 στο πεδίο Target του δεύτερου.
Βήμα 12 - Τώρα επιλέξτε το τρίτο κενό βήμα δοκιμής στο παράθυρο επεξεργασίας
Βήμα 13 - Πληκτρολογήστε 'type' εντολή μέσα στο πλαίσιο κειμένου εντολών. Η εντολή 'type' εισάγει μια τιμή στο καθορισμένο στοιχείο ιστού στο GUI.
Βήμα 14 - Τώρα μεταβείτε στο πρόγραμμα περιήγησης ιστού, μεταφέρετε το δρομέα του ποντικιού στο πλαίσιο κειμένου 'Email' στη φόρμα σύνδεσης και πατήστε το δεξί κλικ.
Επιλέξτε 'Επιθεώρηση στοιχείου με Firebug'. Παρατηρήστε ότι το Firebug επισημαίνει αυτόματα τον αντίστοιχο κώδικα HTML για το στοιχείο ιστού, δηλαδή 'Email Textbox'.
Βήμα 15 - Ο κώδικας HTML στην παραπάνω εικόνα εμφανίζει τα ξεχωριστά χαρακτηριστικά ιδιοτήτων που ανήκουν στο πλαίσιο κειμένου 'Email'. Παρατηρήστε ότι υπάρχουν τέσσερις ιδιότητες (αναγνωριστικό, τύπος, placeholder και όνομα) που προσδιορίζουν μοναδικά το στοιχείο ιστού στην ιστοσελίδα. Επομένως, εναπόκειται στον χρήστη να επιλέξει μία ή περισσότερες από μία ιδιότητες για την αναγνώριση του στοιχείου ιστού.
Έτσι, σε αυτήν την περίπτωση, επιλέγουμε το αναγνωριστικό ως εντοπιστή. Αντιγράψτε την τιμή ταυτότητας και επικολλήστε την στο πεδίο Στόχος του τρίτου βήματος δοκιμαστικού προθέματος με το 'id =' για να υποδείξετε το Selenium IDE για να εντοπίσετε ένα στοιχείο ιστού με αναγνωριστικό ως 'Email'.
(Κάντε κλικ για να δείτε τη μεγέθυνση)
Σημειώστε ότι το Selenium IDE είναι διάκριση πεζών-κεφαλαίων, πληκτρολογήστε έτσι την τιμή του χαρακτηριστικού προσεκτικά και με ακρίβεια την ίδια όπως εμφανίζεται στον κώδικα HTML.
Βήμα 16 - Κάντε κλικ στο κουμπί Εύρεση για να επιβεβαιώσετε εάν ο επιλεγμένος εντοπιστής εντοπίζει και εντοπίσει το καθορισμένο στοιχείο διεπαφής χρήστη στην ιστοσελίδα.
Βήμα 17 - Τώρα, το επόμενο βήμα είναι να εισαγάγετε τα δεδομένα δοκιμής στο πλαίσιο κειμένου Value του τρίτου βήματος δοκιμής στο παράθυρο επεξεργασίας. Πληκτρολογήστε 'InvalidEmailID' στο πλαίσιο κειμένου Value. Ο χρήστης μπορεί να αλλάξει τα δεδομένα δοκιμής όπως και όταν το επιθυμεί.
Βήμα 18 - Τώρα επιλέξτε το τέταρτο κενό βήμα δοκιμής στο παράθυρο επεξεργασίας
Βήμα 19 - Πληκτρολογήστε 'type' εντολή μέσα στο πλαίσιο κειμένου εντολών.
Βήμα 20 - Τώρα μεταβείτε στο πρόγραμμα περιήγησης ιστού, μεταφέρετε τον κέρσορα του ποντικιού στο πλαίσιο κειμένου 'Κωδικός πρόσβασης' στη φόρμα σύνδεσης και πατήστε το δεξί κλικ.
Επιλέξτε 'Επιθεώρηση στοιχείου με Firebug'.
Βήμα 21 - Ο παρακάτω κώδικας HTML εμφανίζει τα ξεχωριστά χαρακτηριστικά ιδιοτήτων που ανήκουν στο πλαίσιο κειμένου 'Κωδικός πρόσβασης'. Παρατηρήστε ότι υπάρχουν τέσσερις ιδιότητες (αναγνωριστικό, τύπος, placeholder και όνομα) που προσδιορίζουν μοναδικά το στοιχείο ιστού στην ιστοσελίδα. Επομένως, εναπόκειται στον χρήστη να επιλέξει μία ή περισσότερες από μία ιδιότητες για την αναγνώριση του στοιχείου ιστού.
Έτσι, σε αυτήν την περίπτωση, επιλέγουμε το αναγνωριστικό ως εντοπιστή. Αντιγράψτε την τιμή ID και επικολλήστε την στο πεδίο Στόχος του τρίτου δοκιμαστικού βήματος που έχει προστεθεί με το 'id ='.
(Κάντε κλικ για να δείτε τη μεγέθυνση)
Βήμα 22 - Κάντε κλικ στο κουμπί Εύρεση για να επαληθεύσετε εάν η καρτέλα εντοπισμού εντοπίζει και εντοπίζει το καθορισμένο στοιχείο διεπαφής χρήστη στην ιστοσελίδα.
Βήμα 23 - Τώρα, το επόμενο βήμα είναι να εισαγάγετε τα δεδομένα δοκιμής στο πλαίσιο κειμένου Value του τέταρτου βήματος δοκιμής στο παράθυρο επεξεργασίας. Πληκτρολογήστε 'InvalidPassword' στο πλαίσιο κειμένου Value. Ο χρήστης μπορεί να αλλάξει τα δεδομένα δοκιμής όπως και όταν το επιθυμεί.
Βήμα 24 - Τώρα επιλέξτε το πέμπτο κενό βήμα δοκιμής στο παράθυρο επεξεργασίας
Βήμα 25 - Πληκτρολογήστε 'κλικ' εντολή στο πλαίσιο κειμένου εντολών. Η εντολή «κλικ» κάνει κλικ σε ένα καθορισμένο στοιχείο ιστού εντός της ιστοσελίδας.
Βήμα 26 - Τώρα μεταβείτε στο πρόγραμμα περιήγησης ιστού, μεταφέρετε τον κέρσορα του ποντικιού στο κουμπί 'Σύνδεση' μέσα στη φόρμα σύνδεσης και πατήστε το δεξί κλικ.
Επιλέξτε 'Επιθεώρηση στοιχείου με Firebug'.
Βήμα 27 - Ο κώδικας HTML παρακάτω εμφανίζει τα ξεχωριστά χαρακτηριστικά ιδιοτήτων που ανήκουν στο κουμπί 'Σύνδεση'.
Επιλέξτε ID ως εντοπιστής. Αντιγράψτε την τιμή ID και επικολλήστε την στο πεδίο Στόχος του τρίτου δοκιμαστικού βήματος που έχει προστεθεί με το 'id ='.
(Κάντε κλικ για να δείτε τη μεγέθυνση)
Βήμα 28 - Κάντε κλικ στο κουμπί Εύρεση για να επαληθεύσετε εάν ο εντοπιστής επέλεξε εύρεση και εντοπίσει το καθορισμένο στοιχείο διεπαφής χρήστη στην ιστοσελίδα.
Το δοκιμαστικό σενάριο ολοκληρώθηκε τώρα. Ανατρέξτε στην παρακάτω εικόνα για να δείτε το τελικό σενάριο δοκιμής.
Βήμα 29 - Αναπαράγετε το δημιουργημένο σενάριο δοκιμής και αποθηκεύστε το με τον ίδιο τρόπο που κάναμε στο προηγούμενο σεμινάριο.
συμπέρασμα
Σε αυτό το σεμινάριο, παρουσιάσαμε ένα ακόμη εργαλείο δημιουργίας σεναρίων ή μάλλον ένα εργαλείο που βοηθά στη δημιουργία σεναρίων.
Το Firebug έχει εκπληκτικά μεγάλες δυνατότητες εντοπισμού στοιχείων ιστού σε μια ιστοσελίδα. Έτσι, ο χρήστης μπορεί να αξιοποιήσει τις δυνατότητες του εργαλείου στη δημιουργία αποτελεσματικών και αποδοτικών σεναρίων δοκιμής αυτοματισμού με μη αυτόματο τρόπο.
Επόμενο σεμινάριο # 5 : Προχωρώντας στο επόμενο σεμινάριο, θα ρίξουμε μια ματιά στο διάφοροι τύποι εντοπιστών στο Σελήνιο και η τεχνική προσβασιμότητας τους για τη δημιουργία δοκιμαστικών σεναρίων . Εν τω μεταξύ, ο αναγνώστης μπορεί να αρχίσει να δημιουργεί σενάρια δοκιμής αυτοματοποίησης χρησιμοποιώντας το Firebug.
Έχετε χρησιμοποιήσει το Firebug για τον έλεγχο στοιχείων HTML ή για τη δημιουργία σεναρίων; Το θεωρείτε χρήσιμο; Παρακαλώ μοιραστείτε την εμπειρία σας στα σχόλια
Συνιστώμενη ανάγνωση
- Πώς να χρησιμοποιήσετε το TestNG Framework για τη δημιουργία σεναρίων Selenium - TestNG Selenium Tutorial # 12
- Cucumber Selenium Tutorial: Αγγούρι Java Selenium WebDriver Integration
- Πώς να εντοπίσετε στοιχεία στο πρόγραμμα περιήγησης Chrome και IE για τη δημιουργία σεναρίων Selenium - Σεμινάριο Tutorial # 7
- Δημιουργία Generics και Testsuites - Σελήνιο Tutorial # 22
- Εισαγωγή στο Selenium WebDriver - Selenium Tutorial # 8
- Ενσωμάτωση της Jenkins με το Selenium WebDriver: Εκμάθηση βήμα προς βήμα
- Εκμάθηση έκλειψης σε βάθος για αρχάριους
- Αποτελεσματικά σενάρια Selenium και Αντιμετώπιση προβλημάτων - Σελήνιο Σεμινάριο # 27