how locate elements chrome
Αυτό είναι το σεμινάριο # 7 στην ηλεκτρονική σειρά εκπαίδευσης Selenium. Εάν θέλετε να ελέγξετε όλα τα σεμινάρια σεληνίου σε αυτήν τη σειρά, ελέγξτε αυτή η σελίδα .
Στο προηγούμενο σεμινάριο, προσπαθήσαμε να ρίξουμε φως σε διάφορους τύπους εντοπιστών στο Σελήνιο και τους μηχανισμούς εντοπισμού τους για να δημιουργήσουμε δοκιμαστικά σενάρια. Το σεμινάριο ήταν πρωταρχικό αποτελούμενο από τη σύντομη εισαγωγή διαφορετικών τύπων εντοπισμού όπως ID, Classes, Xpaths, Link κείμενα , Επιλογείς CSS κ.λπ. και την ταυτοποίησή τους.
Προχωρώντας με το επόμενο σεμινάριό μας, θα εκμεταλλευτούμε την ευκαιρία να σας παρουσιάσουμε μια επέκταση στρατηγικών εντοπισμού. Έτσι, στο επόμενο σεμινάριο, θα μελετήσουμε τον μηχανισμό εντοπισμού στοιχείων ιστού στο Google Chrome και τον Internet Explorer.
Καθώς όλοι γνωρίζουμε καλά το γεγονός ότι υπάρχει ταχεία ανάπτυξη στη βάση χρηστών του Διαδικτύου, έτσι οι ενδιαφερόμενοι και οι προγραμματιστές δημιουργούν διαδικτυακές εφαρμογές που είναι πιθανό να λειτουργούν στα περισσότερα προγράμματα περιήγησης.
Έτσι, φανταστείτε μια κατάσταση όπου η εφαρμογή ιστού σας δεν υποστηρίζει τον Firefox αλλά λειτουργεί καλά για το Chrome και τον Internet Explorer.
Τώρα πώς θα αυτοματοποιήσετε μια τέτοια εφαρμογή χρησιμοποιώντας το Selenium; Ή για να είστε συγκεκριμένοι πώς θα εντοπίσετε στοιχεία ιστού στο Chrome και τον Internet Explorer. Έτσι, η απάντηση βρίσκεται μπροστά σε αυτό το σεμινάριο.
κορυφαίες 5 εφαρμογές κατασκοπείας για Android
Τι θα μάθετε:
Εντοπισμός Στοιχείων Ιστού στο Google Chrome
Ας ξεκινήσουμε με την κατανόηση των στρατηγικών εντοπισμού στο Google Chrome.
Όπως το Firebug στο Firefox, το Google Chrome έχει και το δικό του δικό σας εργαλείο προγραμματιστή που μπορούν να χρησιμοποιηθούν για τον εντοπισμό και τον εντοπισμό στοιχείων ιστού στην ιστοσελίδα. Σε αντίθεση με το firebug, ο χρήστης δεν απαιτείται να κατεβάσει ή να εγκαταστήσει ξεχωριστή προσθήκη. το εργαλείο προγραμματιστή συνοδεύεται εύκολα από το Google Chrome.
Ακολουθήστε τα παρακάτω βήματα για να εντοπίσετε στοιχεία ιστού χρησιμοποιώντας το εργαλείο προγραμματιστή του Chrome:
Βήμα 1: Το κύριο βήμα είναι να ξεκινήσετε το εργαλείο προγραμματιστή του Google Chrome. Πατήστε F12 για να ξεκινήσετε το εργαλείο. Ο χρήστης θα μπορούσε να δει κάτι σαν την παρακάτω οθόνη.
Σημειώστε ότι η καρτέλα 'Element' επισημαίνεται στο παραπάνω στιγμιότυπο οθόνης. Έτσι, η καρτέλα στοιχείων είναι αυτή που εμφανίζει όλες τις ιδιότητες HTML που ανήκουν στην τρέχουσα ιστοσελίδα. Μεταβείτε στην καρτέλα 'Στοιχείο' εάν δεν ανοίξει από προεπιλογή κατά την εκκίνηση.
Μπορείτε επίσης να ξεκινήσετε το εργαλείο προγραμματιστή κάνοντας δεξί κλικ οπουδήποτε μέσα στην ιστοσελίδα και επιλέγοντας 'Επιθεώρηση στοιχείου' που μοιάζει πολύ με αυτό του firebug.
Βήμα 2: Το επόμενο βήμα είναι να εντοπίσετε το επιθυμητό αντικείμενο μέσα στην ιστοσελίδα. Ένας τρόπος για να κάνετε το ίδιο είναι να κάνετε δεξί κλικ στο επιθυμητό στοιχείο ιστού και να ελέγξετε. Η ιδιότητα HTML που ανήκει σε αυτό το στοιχείο ιστού θα επισημανθεί στο εργαλείο προγραμματιστή. Ένας άλλος τρόπος είναι να αιωρήσετε τις ιδιότητες HTML και να επισημανθεί το αντίστοιχο στοιχείο ιστού. Έτσι, με αυτόν τον τρόπο ο χρήστης μπορεί να εντοπίσει ταυτότητες, τάξη, συνδέσμους κ.λπ.
Δημιουργία Xpath στο Εργαλείο προγραμματιστών
Έχουμε ήδη συζητήσει το Xpaths στο τελευταίο σεμινάριο. Συζητήσαμε επίσης τη στρατηγική δημιουργίας του. Εδώ βασίζουμε τη συζήτησή μας για να ελέγξουμε την εγκυρότητα του δημιουργημένου XPath στο εργαλείο προγραμματιστή του Chrome.
Βήμα 1: Για τη δημιουργία XPath στο εργαλείο προγραμματιστή, ανοίξτε την καρτέλα κονσόλας.
Βήμα 2: Πληκτρολογήστε το δημιουργημένο Xpath και εσωκλείστε το σε $ x (“// input (@ id =’ Email ’)”)
Βήμα # 3: Πατήστε το πλήκτρο Enter για να δείτε όλα τα στοιχεία HTML που ταιριάζουν με το καθορισμένο Xpath. Στην περίπτωσή μας, υπάρχει μόνο ένα αντίστοιχο στοιχείο HTML. Τοποθετήστε τον δείκτη του ποντικιού σε αυτό το στοιχείο HTML και το αντίστοιχο στοιχείο ιστού θα επισημανθεί στην ιστοσελίδα.
Με αυτόν τον τρόπο, όλα τα Xpath μπορούν να δημιουργηθούν και να ελεγχθούν για την εγκυρότητά τους στην κονσόλα.
Στο εργαλείο προγραμματιστή του Chrome μπορείτε να βρείτε πληροφορίες σχετικά με το CSS που αντιστοιχούν στο στοιχείο ιστού. Ανατρέξτε στο παρακάτω στιγμιότυπο οθόνης:
Εντοπισμός στοιχείων Web στον Internet Explorer
Όπως το Google Chrome, Ο Internet Explorer διαθέτει επίσης το δικό του Εργαλείο για προγραμματιστές που μπορούν να χρησιμοποιηθούν για τον προσδιορισμό στοιχείων ιστού με βάση τις ιδιότητές τους εντός της ιστοσελίδας. Ο χρήστης δεν απαιτείται να κατεβάσει ή να εγκαταστήσει ξεχωριστή προσθήκη, το εργαλείο προγραμματιστή συνοδεύεται εύκολα από τον Internet Explorer.
Ακολουθήστε τα παρακάτω βήματα για να εντοπίσετε στοιχεία ιστού χρησιμοποιώντας το εργαλείο προγραμματιστή IE:
Βήμα 1: Το κύριο βήμα είναι να ξεκινήσετε το εργαλείο προγραμματιστή IE. Πατήστε F12 για να ξεκινήσετε το εργαλείο. Ο χρήστης θα μπορούσε να δει κάτι σαν την παρακάτω οθόνη.
Σημειώστε ότι η καρτέλα 'HTML' επισημαίνεται στο παραπάνω στιγμιότυπο οθόνης. Έτσι, η καρτέλα HTML είναι αυτή που εμφανίζει όλες τις ιδιότητες HTML που ανήκουν στην τρέχουσα ιστοσελίδα. Αναπτύξτε την καρτέλα HTML για να δείτε τις ιδιότητες όλων των στοιχείων ιστού που ανήκουν στην τρέχουσα ιστοσελίδα.
Βήμα 2: Το επόμενο βήμα είναι να εντοπίσετε το επιθυμητό αντικείμενο μέσα στην ιστοσελίδα. Ένας τρόπος για να γίνει αυτό είναι να επιλέξετε το στοιχείο HTML και θα επισημανθεί το αντίστοιχο στοιχείο ιστού. Έτσι, με αυτόν τον τρόπο ο χρήστης μπορεί να εντοπίσει αναγνωριστικά, τάξη, συνδέσμους κ.λπ. Ρίξτε μια ματιά στο παρακάτω στιγμιότυπο οθόνης στο οποίο θα εμφανίζεται το πλαίσιο κειμένου ηλεκτρονικού ταχυδρομείου μόλις επιλέξουμε την αντίστοιχη ιδιότητα HTML.
Ένας άλλος τρόπος για να εντοπίσετε το στοιχείο ιστού είναι να κάνετε κλικ στο κουμπί 'Εύρεση' που βρίσκεται στο επάνω μενού και κάνοντας κλικ στο στοιχείο web που θέλετε μέσα στην ιστοσελίδα. Ως αποτέλεσμα, θα επισημανθούν οι αντίστοιχες ιδιότητες HTML.
Έτσι, χρησιμοποιώντας το εργαλείο προγραμματιστή, ένας χρήστης μπορεί να βρει αναγνωριστικά, τάξεις, ονόματα ετικετών και να δημιουργήσει Xpaths για να εντοπίσει στοιχεία ιστού.
Όπως το εργαλείο προγραμματιστή του Chrome, το εργαλείο προγραμματιστή IE έχει μια ξεχωριστή ενότητα που εμφανίζει πληροφορίες σχετικά με το CSS. Δείτε το παρακάτω στιγμιότυπο οθόνης.
συμπέρασμα
Σε αυτό το σεμινάριο, ρίξαμε φως στο βασικό στοιχείο εντοπισμού στρατηγικών χρησιμοποιώντας το εργαλείο προγραμματιστή για το Google Chrome και τον Internet Explorer.
Επόμενο σεμινάριο # 8 : Προχωρώντας στο επόμενο σεμινάριό μας, θα χαρούμε να σας παρουσιάσουμε ένα πιο προηγμένο εργαλείο που ονομάζεται WebDriver. Το WebDriver είναι ένα από τα πιο συναρπαστικά εργαλεία δοκιμών αυτοματισμού. Έτσι, το επόμενο σεμινάριό μας και μετά, θα δρομολογούσαμε και θα βασίζαμε τις συζητήσεις μας γύρω από το WebDriver και όλα τα καλά.
Συνιστώμενη ανάγνωση
- Ελέγξτε την ορατότητα των στοιχείων Web χρησιμοποιώντας διάφορους τύπους εντολών WebDriver - Selenium Tutorial # 14
- Εισαγωγή στο Selenium WebDriver - Selenium Tutorial # 8
- Πώς να χρησιμοποιήσετε το CSS Selector για τον προσδιορισμό στοιχείων Web για σενάρια Selenium - Selenium Tutorial # 6
- Αποτελεσματικά σενάρια σεληνίου και σενάρια αντιμετώπισης προβλημάτων - Σελήνιο σεμινάριο # 27
- Εντοπισμός σφαλμάτων σεληνίου με αρχεία καταγραφής (Log4j Tutorial) - Selenium Tutorial # 26
- 30+ καλύτερα σεμινάρια σεληνίου: Μάθετε το σελήνιο με πραγματικά παραδείγματα
- Cucumber Selenium Tutorial: Αγγούρι Java Selenium WebDriver Integration
- Χρήση του Selenium Select Class για το χειρισμό των αναπτυσσόμενων στοιχείων σε μια ιστοσελίδα - Selenium Tutorial # 13