Πώς να χειριστείτε τη γραμμή κύλισης στο πρόγραμμα οδήγησης Selenium Webdriver

how handle scroll bar selenium webdriver

Αυτό το σεμινάριο εξηγεί τις Γραμμές κύλισης, τους τύπους Γραμμών κύλισης και τον τρόπο χειρισμού της Γραμμής κύλισης στο Σελήνιο:

Η γραμμή κύλισης είναι ένα λεπτό μακρύ τμήμα στην άκρη της οθόνης του υπολογιστή. Χρησιμοποιώντας τη γραμμή κύλισης μπορούμε να δούμε ολόκληρο το περιεχόμενο ή να δούμε ολόκληρη τη σελίδα κατά την κύλιση προς τα πάνω ή προς τα αριστερά-δεξιά με τη βοήθεια ενός ποντικιού.

Αρχικά, ας κατανοήσουμε ορισμένους όρους όπως το κουμπί, το κομμάτι και τα κουμπιά που χρησιμοποιούνται με αναφορά στις γραμμές κύλισης.

=> Δείτε όλα τα σεμινάρια σεληνίου εδώ

ο καλύτερος τρόπος λήψης από το YouTube στο mp3

Σε αυτό το σεμινάριο, θα μάθουμε για τους τύπους των γραμμών κύλισης. Θα εξετάσουμε επίσης τη Γραμμή κύλισης σε HTML, θα κατανοήσουμε την εφαρμογή κώδικα για το χειρισμό Γραμμή κύλισης στο Σελήνιο και τέλος θα γνωρίζουμε τα παραδείγματα / εφαρμογές όπου χρησιμοποιούνται συνήθως οι Γραμμές κύλισης.

Τι θα μάθετε:

• Κατανόηση των γραμμών κύλισης
  • Τι είναι το κουμπί, το κομμάτι και τα κουμπιά
  • Τύποι ράβδων κύλισης
  • Γραμμή κύλισης σε HTML
• Κωδικός για το χειρισμό της γραμμής κύλισης στο σελήνιο
  • Παραδείγματα / Εφαρμογές
• συμπέρασμα
  • Συνιστώμενη ανάγνωση

Κατανόηση των γραμμών κύλισης

Η παρακάτω εικόνα δείχνει 2 τύπους γραμμών κύλισης:

Τι είναι το κουμπί, το κομμάτι και τα κουμπιά

Οι γραμμές κύλισης έχουν κουμπιά και στα δύο άκρα της ράβδου που μπορεί να είναι ένα κουμπί προς τα εμπρός και προς τα πίσω για την οριζόντια γραμμή κύλισης και το κουμπί προς τα πάνω και προς τα κάτω για την κάθετη γραμμή κύλισης.

Λαβή είναι το τμήμα της γραμμής κύλισης που είναι κινητό. Μπορεί να μετακινηθεί αριστερά-δεξιά για μια οριζόντια γραμμή κύλισης και προς τα πάνω για την κάθετη γραμμή κύλισης.

Πίστα είναι η ενότητα της γραμμής κύλισης στην οποία μπορεί να μετακινηθεί το κουμπί για να δείτε ολόκληρο το περιεχόμενο.

Η παρακάτω εικόνα εξηγεί με σαφήνεια την έννοια:

(εικόνα πηγή )

Τύποι ράβδων κύλισης

Βασικά, υπάρχουν 2 τύποι:

• Οριζόντια γραμμή κύλισης
• Κάθετη γραμμή κύλισης

# 1) Οριζόντια γραμμή κύλισης

Μια οριζόντια γραμμή κύλισης επιτρέπει στον χρήστη να μετακινηθεί προς τα αριστερά ή προς τα δεξιά για να δει όλο το περιεχόμενο στο παράθυρο.

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

# 2) Κάθετη γραμμή κύλισης

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

Η παραπάνω εικόνα δείχνει μια κατακόρυφη γραμμή κύλισης που επισημαίνεται με κόκκινο χρώμα. Μπορούμε να δούμε ότι η γραμμή κύλισης μπορεί να μετακινηθεί από πάνω προς τα κάτω ή αντίστροφα για να δείτε το πλήρες περιεχόμενο που εμφανίζεται στην οθόνη.

Συνήθως, οι ιστοσελίδες έχουν πολύ περιεχόμενο και αποτελούν καλά παραδείγματα κάθετης γραμμής κύλισης.

Γραμμή κύλισης σε HTML

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

Η παρακάτω εικόνα είναι ένα τέτοιο παράδειγμα που δημιουργήθηκε σε Html:

Δείτε τον παρακάτω κώδικα HTML για την παραπάνω εικόνα:

ερωτήσεις και απαντήσεις συνέντευξης του διαχειριστή salesforce

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

Κωδικός για το χειρισμό της γραμμής κύλισης στο σελήνιο

Το Selenium χειρίζεται τις εργασίες κύλισης με διαφορετικούς τρόπους. Οι διάφορες μέθοδοι είναι οι εξής:

# 1) Χρήση της ενσωματωμένης επιλογής κύλισης Ή χρησιμοποιώντας την κατηγορία Actions

Η κύλιση μπορεί να αντιμετωπιστεί στο Selenium χρησιμοποιώντας μια ενσωματωμένη επιλογή κύλισης όπως φαίνεται στον παρακάτω κώδικα εφαρμογής:

Η σύνταξη για τη γραμμή κύλισης χρησιμοποιώντας ενσωματωμένες επιλογές κύλισης:

Κωδικός για το χειρισμό Γραμμή κύλισης χρησιμοποιώντας μια ενσωματωμένη επιλογή κύλισης.

Στον παραπάνω κώδικα προγράμματος, η κύλιση γίνεται στο Selenium χρησιμοποιώντας Ενέργειες τάξη. Αυτό γίνεται δημιουργώντας ένα αντικείμενο της κλάσης Ενέργειες, περνώντας το πρόγραμμα οδήγησης. Επίσης, έχουμε δει τη χρήση μιας ενσωματωμένης επιλογής κύλισης για κύλιση προς τα πάνω καθώς και για κύλιση προς τα κάτω.

Η έξοδος του παραπάνω κώδικα:

(εικόνα πηγή )

Έτσι μπορούμε να δούμε τις λειτουργίες Scroll Down και Scroll Up να εκτελούνται με τη βοήθεια του Selenium Webdriver χρησιμοποιώντας μια ενσωματωμένη επιλογή κύλισης Ή χρησιμοποιώντας το Ενέργειες μέθοδος τάξης.

# 2) Χρήση του JavascriptExecutor OR από Pixel

Αυτή η μέθοδος βοηθά στην κύλιση της ιστοσελίδας αναφέροντας τον αριθμό των pixel με τον οποίο θέλουμε να πραγματοποιήσουμε κύλιση προς τα πάνω ή προς τα κάτω. Παρακάτω είναι ο κωδικός εφαρμογής για το Scrolling by Pixel ή χρησιμοποιώντας το JavascriptExecutor.

Η έξοδος του παραπάνω κώδικα:

Η παραπάνω εικόνα δείχνει την κύλιση προς τα κάτω που εκτελείται με τιμή pixel όπως αναφέρεται στον παραπάνω κώδικα κατά 70 (προς τα κάτω). Με τον ίδιο τρόπο, η λειτουργία κύλισης προς τα πάνω εκτελείται κατόπιν παρέχοντας τιμή pixel = -50 (δηλαδή προς τα πάνω).

Η παρακάτω εικόνα δείχνει κύλιση προς τα πάνω (κατά 50):

Έτσι, σε αυτήν τη μέθοδο, χρησιμοποιήσαμε το JavascriptExecutor και εκτελέσαμε το Scroll πάνω και κάτω παρέχοντας τιμές pixel.

Παραδείγματα / Εφαρμογές

Υπάρχουν πολλές εφαρμογές ή παραδείγματα γραμμών κύλισης. Λίγα από αυτά είναι όπως περιγράφονται παρακάτω:

# 1) Γραμμές κύλισης σε αρχεία Excel:

Όπως γνωρίζουμε ότι τα αρχεία excel έχουν τεράστιο όγκο δεδομένων αποθηκευμένα σε αυτό. Γίνεται δύσκολο να δείτε ολόκληρο το περιεχόμενο σε μία σελίδα. Ως εκ τούτου, η κύλιση μπορεί να βοηθήσει τον χρήστη να δει τα δεδομένα που δεν υπάρχουν στην τρέχουσα οθόνη.

γυαλιά εικονικής πραγματικότητας gaming xbox 360

# 2) Κύλιση στο Σημειωματάριο

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

# 3) Χρήση της γραμμής κύλισης στα προγράμματα περιήγησης

Κατά την ανάγνωση των δεδομένων μπορούμε να δούμε μόνο τα μισά δεδομένα στην οθόνη του προγράμματος περιήγησης. Η κύλιση βοηθά στην κίνηση προς τα εμπρός-προς τα πίσω και προς τα κάτω για να έχετε ολόκληρη την προβολή. Ως εκ τούτου, κάνοντας χρήση οριζόντιων και κατακόρυφων γραμμών κύλισης, μπορείτε να δείτε ολόκληρο το περιεχόμενο της οθόνης του προγράμματος περιήγησης.

Υπάρχουν πολλά άλλα τέτοια παραδείγματα που βοηθούν τους χρήστες να δουν τα πλήρη δεδομένα που εμφανίζονται στην οθόνη.

συμπέρασμα

Σε αυτό το σεμινάριο, μάθαμε για τις γραμμές κύλισης, τους τύπους τους. Έχουμε δει επίσης να δημιουργούμε και να χρησιμοποιούμε τη γραμμή κύλισης στη σελίδα HTML

Έχουμε κατανοήσει τις μεθόδους εφαρμογής κώδικα για το χειρισμό γραμμών κύλισης χρησιμοποιώντας το Selenium, δηλαδή την ενσωματωμένη επιλογή κύλισης / χρησιμοποιώντας την κατηγορία ενεργειών και χρησιμοποιώντας το JavascriptExecutor / από το Pixel και περάσαμε από μερικές εφαρμογές όπου χρησιμοποιούνται συνήθως οι γραμμές κύλισης.

=> Διαβάστε ολόκληρο τον οδηγό σεληνίου

Συνιστώμενη ανάγνωση

• Τρόπος χειρισμού ειδοποιήσεων / αναδυόμενων παραθύρων στο Selenium WebDriver - Selenium Tutorial # 16
• Τρόπος μεταφόρτωσης αρχείου χρησιμοποιώντας Selenium Webdriver - 3 μέθοδοι
• Πώς να επιλέξετε κουμπιά ραδιοφώνου στο Selenium WebDriver;
• Πώς να εκτελέσετε το Selenium WebDriver σε διαφορετικά δημοφιλή προγράμματα περιήγησης
• Χειρισμός iFrames Χρησιμοποιώντας τη μέθοδο Selenium WebDriver switchTo ()
• Οδηγός για τη δημιουργία εκτεταμένων αναφορών στο Selenium WebDriver
• XPath Axes για δυναμικό XPath στο Selenium WebDriver
• Ενσωμάτωση της Jenkins με το Selenium WebDriver: Εκμάθηση βήμα προς βήμα