Μενού

Πώς να επιλέξετε το πλαίσιο ελέγχου στο Σελήνιο με παραδείγματα

  • Κύριος
  • Αλλα
  • Πώς να επιλέξετε το πλαίσιο ελέγχου στο Σελήνιο με παραδείγματα

how select check box selenium with examples

Δοκιμάστε Το Όργανο Μας Για Την Εξάλειψη Των Προβλημάτων

Αυτό το σεμινάριο εξηγεί διάφορες μεθόδους για να επιλέξετε το πλαίσιο ελέγχου στο σελήνιο με παραδείγματα. Θα μάθετε επίσης την επιλογή πολλαπλών πλαισίων ελέγχου και πλαισίου ελέγχου σε HTML:

καλύτερο λογισμικό κατασκοπίας τηλεφώνου για Android

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

Το πλαίσιο ελέγχου είναι ένα στοιχείο Web που χρησιμοποιείται για την επιλογή μίας ή πολλαπλών επιλογών, ως αποτέλεσμα της απάντησης στην παρεχόμενη ερώτηση.

Το πλαίσιο ελέγχου μπορεί να ενεργοποιηθεί ή να απενεργοποιηθεί (που είναι επιλεγμένο ή μη επιλεγμένο). Ένα επιλεγμένο πλαίσιο ελέγχου είναι αυτό που θεωρείται ως το σημάδι επιλογής. Μη επιλεγμένο είναι αυτό που δεν είναι επιλεγμένο.

=> Παρακολουθήστε την απλή σειρά προπόνησης σεληνίου εδώ.

Διαχείριση πλαισίου ελέγχου στο Σελήνιο

Η παρακάτω εικόνα εμφανίζει με σαφήνεια τα πλαίσια ελέγχου, όπου τα πρώτα 2 φαίνονται επιλεγμένα ενώ το τελευταίο δεν είναι επιλεγμένο.

τσιμπούρι

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

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

Τι θα μάθετε:

Επιλέξτε ένα πλαίσιο ελέγχου χρησιμοποιώντας πληκτρολόγιο

Ανοίξτε τον ιστότοπο στον οποίο εργάζεστε ή διαθέτει ένα πλαίσιο ελέγχου που θέλετε να επιλέξετε.

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

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

επιλέξτε ένα πλαίσιο ελέγχου χρησιμοποιώντας πληκτρολόγιο

Πλαίσιο ελέγχου σε HTML

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

Δείτε το παρακάτω παράδειγμα για να κατανοήσετε τα πλαίσια ελέγχου που δημιουργήθηκαν σε HTML.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

Που,

  • τύπος : Η ετικέτα εισόδου έχει τύπος Χαρακτηριστικό. Θα ήταν «πλαίσιο ελέγχου» για τα πλαίσια ελέγχου.
  • όνομα : Είναι το όνομα του στοιχείου εισαγωγής.
  • αξία : Είναι το πραγματικό αξία αντιστοιχεί στο πλαίσιο ελέγχου του.

Εκτός από τα παραπάνω, παρατίθενται παρακάτω μερικά σημεία:

  1. Η σελίδα HTML ονομάζεται 'σελίδα πλαισίων ελέγχου html'.
  2. Έχει τον τίτλο «Επιλέξτε τα θέματα που περιλαμβάνονται στο πρόγραμμα σπουδών σας».
  3. Παρέχονται πέντε πλαίσια ελέγχου: Βασικά στοιχεία υπολογιστή, Ηλεκτρικά, Φυσική, Χημεία, Κανένα.

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

πλαίσιο ελέγχου σε html

Εφαρμογή κώδικα για χειρισμό πλαισίου ελέγχου στο Σελήνιο

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

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

Επίδειξη ενός και πολλαπλού πλαισίου ελέγχου

Κωδικός εφαρμογής για το χειρισμό του CheckBox χρησιμοποιώντας Selenium:

package SeleniumPrograms; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class CheckBox1 { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); dr.manage().window().maximize(); dr.get('https://www.seleniumeasy.com/test/'); WebElement input = dr.findElement(By.className('dropdown-toggle')); input.click(); WebElement checkbox = dr.findElement(By.linkText('Checkbox Demo')); checkbox.click(); System.out.println('Check Box..'); WebElement check1 = dr.findElement(By.xpath('//input(@id='isAgeSelected')')); check1.click(); System.out.println('Clicked Check Box..'); WebElement checkall = dr.findElement(By.xpath('//input(@id='check1')')); checkall.click(); System.out.println('Checked all Boxes..'); } }

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

σελήνιο

Αρχικά, επιλέγεται μόνο ένα πλαίσιο ελέγχου, μετά από το οποίο λαμβάνεται ένα μήνυμα ως 'Checked BoxBox'. Στη συνέχεια, για πολλά πλαίσια ελέγχου, έχουμε την επιλογή να ελέγξουμε ταυτόχρονα ένα, δύο, τρία ή όλα τα πλαίσια ελέγχου. Κατά την επιλογή 'Έλεγχος όλων', όλα τα πλαίσια ελέγχου ελέγχονται ταυτόχρονα.

code_console

Επιλέξτε Πολλαπλά πλαίσια ελέγχου στο Σελήνιο

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

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

πολλαπλό πλαίσιο ελέγχου

package Practice; import java.util.List; import java.util.concurrent.TimeUnit; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class checkbox_multi { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); driver.manage().window().maximize(); driver.get('E:\Selenium class\Programs\Sonali\bin\project1\check.html'); List AllCheckBoxes = driver.findElements(By.xpath('//input(@type='checkbox')')); System.out.println('Number of Check boxes : '+ Integer.toString(AllCheckBoxes.size())); for(WebElement cb:AllCheckBoxes) { cb.click(); } System.out.println('All check boxes have been checked'); } }

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

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

πολλαπλές checkall

έξοδος2

Έτσι, μπορείτε να χειριστείτε πολλαπλά πλαίσια ελέγχου με τη βοήθεια του Selenium.

Μέθοδοι για να επιλέξετε το πλαίσιο ελέγχου στο Σελήνιο

Υπάρχουν διάφοροι τρόποι στο Selenium χρησιμοποιώντας τους οποίους μπορούμε να επιλέξουμε τα στοιχεία του πλαισίου ελέγχου σε μια ιστοσελίδα.

Οι διάφορες μέθοδοι έχουν ως εξής:

  1. Με χαρακτηριστικά ID
  2. Η χρήση είναι επιλεγμένη ()
  3. Χρήση ονόματος
  4. Χρήση τιμής στοιχείου
  5. Από τον επιλογέα CSS
  6. Με XPath

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

Εξετάστε την παρακάτω εικόνα για να κατανοήσετε τα παραδείγματα για καθεμία από τις μεθόδους επιλογής.

unchecked_seleniumeasy

# 1) Χρήση χαρακτηριστικών ID

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

Για παράδειγμα:

WebElement check = driver.findElement(By.id(“isAgeSelected')); check.click();

Έτσι, μπορούμε να χρησιμοποιήσουμε τα χαρακτηριστικά ID στο Selenium για επιλογή πλαισίου ελέγχου.

Η παρακάτω εικόνα επισημαίνει τα χαρακτηριστικά ταυτότητας για την παραπάνω επιλογή.

Χαρακτηριστικά ταυτότητας

# 2) Η χρήση είναι επιλεγμένη ()

Η χρήση του Is Selected () επιτρέπει στους χρήστες να διασφαλίσουν εάν υπάρχει ένα συγκεκριμένο πλαίσιο ελέγχου ελεγμένη λειτουργία ή όχι . Με απλά λόγια, επιβεβαιώνεται η επιλογή του πλαισίου ελέγχου.

Για παράδειγμα:

List check = driver.findElements(By.className('cb1-element')); //Same group of check boxes will have same 'Names'/Class names, //hence we need to use findElements method and store the list of WebElements. boolean bval = false; // Create a variable which will have boolean value True/False bval = check1.get(0).isSelected(); // Will return True if box is selected. if(bval = true) { check1.get(1).click(); // If the first check box is selected by default, this will select Second check box } else { check1.get(0).click(); // If the first check box is not selected by default, the first will be selected }

# 3) Χρήση ονόματος κλάσης

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

Για πλαίσια ελέγχου στην ίδια ομάδα, Όνομα / Όνομα τάξης θα είναι πάντα το ίδιο, αλλά το δικό τους Αξίες είναι διαφορετικά. Έτσι, αν βρεθεί κάποιο στοιχείο με το χαρακτηριστικό name, τότε μπορεί να περιέχει περισσότερα από ένα στοιχεία, επομένως πρέπει να αποθηκεύσουμε το λίστα του Στοιχεία Web και χρησιμοποιήστε το εύρεση στοιχείων μέθοδος.

List check = driver.findElements(By.classN ame ('cb1-element'));

Αυτό χρησιμοποιήθηκε και στο προηγούμενο παράδειγμα για το IsSelected ().

# 4) Χρήση τιμής στοιχείου

Μπορούν επίσης να επιλεγούν πλαίσια ελέγχου με τη βοήθεια των τιμών τους.

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

// Selecting the check boxes by class name List checkbox = driver.findElements(By. className('cb1-element')); int Size = checkbox.size(); // Finding the number of check boxes for(int i=0; i

# 5) Από τον επιλογέα CSS

Ένας άλλος τρόπος για την επιλογή στοιχείων πλαισίου ελέγχου είναι με Επιλογέας CSS χρησιμοποιώντας την τιμή του .

Παράδειγμα:

WebElement cbox = driver.findElement(By.cssSelector('input(value='isAgeSelected')')); cbox.click();

# 6) Χρήση XPATH

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

Κοιτάξτε το παρακάτω παράδειγμα για να επιλέξετε το πλαίσιο ελέγχου χρησιμοποιώντας το XPATH.

WebElement check_box = d.findElement(By.xpath('//input(@id='isAgeSelected') ')); check_box.click();

Παραδείγματα / εφαρμογές όπου χρησιμοποιείται συνήθως το πλαίσιο ελέγχου

# 1) Αγαπημένα αθλήματα

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

Αθλητισμός

# 2) Χρήση πλαισίου ελέγχου για επιβεβαίωση συμφωνίας

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

ποιο είναι το καλύτερο πρόγραμμα λήψης mp3 για Android

συμφωνώ

youtube-i-setuju-όρους-υπηρεσία-απόρρητο-πολιτική

# 3) Επιλογή γλώσσας

Για την επιλογή μιας γλώσσας, μπορεί να χρησιμοποιηθεί ένα πλαίσιο ελέγχου. Επιτρέπει στους χρήστες να επιλέξουν μία ή περισσότερες επιλογές.

επιλογή γλώσσας

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

# 4) Προσαρμογή ρυθμίσεων με τη χρήση του πλαισίου ελέγχου

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

Προσαρμογή ρυθμίσεων με τη χρήση του πλαισίου ελέγχου

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

# 5) Επιλογή των προγραμμάτων γυμναστικής της επιλογής σας

Παρέχονται διαφορετικές επιλογές προγράμματος γυμναστικής και ο χρήστης πρέπει να επιλέξει αυτές της επιλογής του.

Επιλέγοντας τα προγράμματα γυμναστικής της επιλογής σας

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

# 6) Επιλέξτε χρώματα

Παρέχονται επίσης πλαίσια ελέγχου για την επιλογή των χρωμάτων.

Επιλέξτε Χρώματα

Υπάρχουν πολλά τέτοια παραδείγματα όπου χρησιμοποιούνται πλαίσια ελέγχου.

Για να αναφέρω μερικά ακόμη:

  1. Επιλέξτε Θέματα: Μαθηματικά, Αγγλικά, Φυσική, Χημεία, Όλα.
  2. Επιλογή χρόνου διακοπής: 9 ΠΜ, 12 ΜΜ, 3 ΜΜ, 6 ΜΜ, Κανένα.
  3. Οχήματα που έχετε: Ποδήλατο, Αυτοκίνητο, και τα δύο, Κανένα.
  4. Δεξιότητες δοκιμής: Εγχειρίδιο, Αυτοματισμός, Και τα δύο, Κανένα.
  5. Μέταλλα που χρησιμοποιούνται: Χρυσός, ασήμι, λευκόχρυσος, μικτός.
  6. Χώρες όπου διατίθενται προϊόντα: Βέλγιο, Κολομβία, Γαλλία, Γερμανία.
  7. Επιλέξτε τα χόμπι σας: Ζωγραφική, έργα τέχνης, τραγούδι, χορός, κηπουρική.
  8. Λίστα λαχανικών: Capsicum, κουνουπίδι, λάχανο, πατάτες, ντομάτες.
  9. Λίστα ελέγχου φρούτων: Ανανάς, μήλο, καρπούζι, πορτοκάλια, μάνγκο.
  10. Κινητά τηλέφωνα που χρησιμοποιούνται σε ένα σπίτι: I Phone, One Plus, Nokia, Samsung, Blackberry, Άλλο.

Κατάσταση ελέγχου

Υπάρχουν 3 μεγάλες πολιτείες των πλαισίων ελέγχου:

τρεστέιτ

# 1) Έλεγχος : Κατάσταση στην οποία είναι επιλεγμένο το πλαίσιο ελέγχου είναι το ελεγμένη κατάσταση . Εδώ, μπορούμε να δούμε το πλαίσιο ως τσεκ.

# 2) Μη επιλεγμένο : Πλαίσιο που δεν είναι σημειωμένο ή όταν το επιλεγμένο πλαίσιο πατηθεί ξανά, τότε το πλαίσιο μπαίνει σε μη ελεγμένη κατάσταση .

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

Η παραπάνω εικόνα θα σας βοηθήσει να κατανοήσετε αυτές τις καταστάσεις.

πλαίσιο ελέγχου_three_state_intermediate

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

  • Ελεγμένη κατάσταση: Ενεργοποίηση της δυνατότητας XYZ
  • Μη ελεγμένη κατάσταση: Ενεργοποίηση της δυνατότητας ABC, Ενεργοποίηση της δυνατότητας WWW
  • Ενδιάμεσο κράτος: Ενεργοποίηση όλων.

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

συμπέρασμα

Έχουμε δει λεπτομερώς τον χειρισμό του πλαισίου ελέγχου χρησιμοποιώντας το Selenium. Έτσι, τα πλαίσια ελέγχου επιτρέπουν στους χρήστες να επιλέγουν περισσότερες από μία επιλογές. Έχουμε δει πολλές χρήσεις του πλαισίου ελέγχου που επιτρέπουν στους χρήστες να επιλέγουν πολλές επιλογές ταυτόχρονα.

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

Καλή ανάγνωση !!

=> Επισκεφθείτε εδώ για να μάθετε το σελήνιο από το μηδέν.

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

^