Δοκιμή GUI – Δοκιμές διεπαφής χρήστη (Παραδείγματα)

Για να κατανοήσουμε τη δοκιμή GUI, ας καταλάβουμε πρώτα-

Τι είναι το GUI;

Υπάρχουν δύο τύποι διεπαφών για μια εφαρμογή υπολογιστή. Η διεπαφή γραμμής εντολών είναι όπου πληκτρολογείτε κείμενο και ο υπολογιστής ανταποκρίνεται σε αυτήν την εντολή. Το GUI σημαίνει Γραφική διεπαφή χρήστη όπου αλληλεπιδράτε με τον υπολογιστή χρησιμοποιώντας εικόνες και όχι κείμενο.

Ακολουθούν τα στοιχεία GUI που μπορούν να χρησιμοποιηθούν για την αλληλεπίδραση μεταξύ χρήστη και εφαρμογής:

GUI

Το GUI Testing είναι μια επικύρωση των παραπάνω στοιχείων.

Τι είναι το GUI Testing;

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

Το GUI είναι αυτό που βλέπει ο χρήστης. Πείτε ότι αν επισκεφτείτε το guru99.com αυτό που θα δείτε ας πούμε αρχική σελίδα είναι το GUI (γραφικό περιβάλλον χρήστη) του ιστότοπου. Ένας χρήστης δεν βλέπει τον πηγαίο κώδικα. Η διεπαφή είναι ορατή στον χρήστη. Ιδιαίτερα το επίκεντρο είναι η δομή του σχεδιασμού, οι εικόνες ότι λειτουργούν σωστά ή όχι.

Δοκιμή GUI

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

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

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

Ανάγκη δοκιμής GUI

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

  • Γιατί να κάνετε δοκιμή GUI;
  • Χρειάζεται πραγματικά;
  • Ο έλεγχος της λειτουργικότητας και της λογικής της Εφαρμογής δεν είναι υπεραρκετός;; Τότε γιατί να χάνουμε χρόνο σε δοκιμές διεπαφής χρήστη.

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

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

Τι κάνετε Check-in Δοκιμές GUI;

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

  • Ελέγξτε όλα τα στοιχεία GUI για μέγεθος, θέση, πλάτος, μήκος και αποδοχή χαρακτήρων ή αριθμών. Για παράδειγμα, πρέπει να μπορείτε να παρέχετε εισόδους στα πεδία εισαγωγής.
  • Ελέγξτε ότι μπορείτε να εκτελέσετε την προβλεπόμενη λειτουργικότητα της εφαρμογής χρησιμοποιώντας το GUI
  • Έλεγχος Τα μηνύματα σφάλματος εμφανίζονται σωστά
  • Ελέγξτε για καθαρή οριοθέτηση διαφορετικών τμημάτων στην οθόνη
  • Έλεγχος Η γραμματοσειρά που χρησιμοποιείται σε μια εφαρμογή είναι ευανάγνωστη
  • Ελέγξτε ότι η στοίχιση του κειμένου είναι σωστή
  • Ελέγξτε το χρώμα της γραμματοσειράς και τα προειδοποιητικά μηνύματα είναι αισθητικά ευχάριστα
  • Ελέγξτε ότι οι εικόνες έχουν καλή ευκρίνεια
  • Ελέγξτε ότι οι εικόνες είναι σωστά ευθυγραμμισμένες
  • Ελέγξτε τη θέση των στοιχείων GUI για διαφορετική ανάλυση οθόνης.

Τεχνικές δοκιμών GUI

Τεχνικές δοκιμών GUI μπορεί να χωριστεί σε τρία μέρη:

Δοκιμή με χειροκίνητο τρόπο

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

Δοκιμή με χειροκίνητο τρόπο

Εγγραφή και επανάληψη

Η δοκιμή GUI μπορεί να γίνει χρησιμοποιώντας εργαλεία αυτοματισμού. Αυτό γίνεται σε 2 μέρη. Κατά τη διάρκεια της εγγραφής, τα βήματα δοκιμής καταγράφονται από το εργαλείο αυτοματισμού. Κατά τη διάρκεια της αναπαραγωγής, τα εγγεγραμμένα βήματα δοκιμής εκτελούνται στο Application Under Test. Παράδειγμα τέτοιων εργαλείων – QTP.

Εγγραφή και επανάληψη

Δοκιμή βάσει μοντέλου

Δοκιμή βάσει μοντέλου

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

  • Δημιουργήστε το μοντέλο
  • Προσδιορισμός εισόδων για το μοντέλο
  • Υπολογίστε την αναμενόμενη έξοδο για το μοντέλο
  • Εκτελέστε τις δοκιμές
  • Συγκρίνετε την πραγματική έξοδο με την αναμενόμενη έξοδο
  • Απόφαση για περαιτέρω δράση στο μοντέλο

Μερικές από τις τεχνικές μοντελοποίησης από τις οποίες μπορούν να προκύψουν δοκιμαστικές περιπτώσεις:

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

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

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

Προϊόν Αδειοδοτημένος Υπό
AutoHotkey GPL
Selenium Apache
Σικούλι MIT
Πλαίσιο ρομπότ Apache
Νερό BSD
Dojo Toolkit BSD

Παραδείγματα δοκιμαστικών δοκιμών GUI

Η δοκιμή GUI περιλαμβάνει βασικά

  1. Δοκιμή του μεγέθους, της θέσης, του πλάτους, του ύψους των στοιχείων.
  2. Έλεγχος των μηνυμάτων σφάλματος που εμφανίζονται.
  3. Δοκιμή των διαφορετικών τμημάτων της οθόνης.
  4. Δοκιμή της γραμματοσειράς αν είναι ευανάγνωστη ή όχι.
  5. Δοκιμή της οθόνης σε διαφορετικές αναλύσεις με τη βοήθεια μεγέθυνσης και σμίκρυνσης όπως 640 x 480, 600×800 κ.λπ.
  6. Ο έλεγχος της ευθυγράμμισης των κειμένων και άλλα στοιχεία όπως εικονίδια, κουμπιά κ.λπ. βρίσκονται στη σωστή θέση ή όχι.
  7. Δοκιμή των χρωμάτων των γραμματοσειρών.
  8. Δοκιμή των χρωμάτων των μηνυμάτων σφάλματος, των μηνυμάτων προειδοποίησης.
  9. Έλεγχος εάν η εικόνα έχει καλή ευκρίνεια ή όχι.
  10. Δοκιμή της ευθυγράμμισης των εικόνων.
  11. Δοκιμή της ορθογραφίας.
  12. Ο χρήστης δεν πρέπει να απογοητεύεται κατά τη χρήση της διεπαφής συστήματος.
  13. Έλεγχος εάν η διεπαφή είναι ελκυστική ή όχι.
  14. Δοκιμή των γραμμών κύλισης ανάλογα με το μέγεθος της σελίδας, εάν υπάρχει.
  15. Δοκιμή των απενεργοποιημένων πεδίων εάν υπάρχουν.
  16. Δοκιμή του μεγέθους των εικόνων.
  17. Έλεγχος των επικεφαλίδων εάν είναι σωστά ευθυγραμμισμένες ή όχι.
  18. Δοκιμή του χρώματος της υπερ-σύνδεσης.

Επίδειξη: Πώς να κάνετε τη δοκιμή GUI

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

Επίδειξη: Πώς να κάνετε τη δοκιμή GUI

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

Δοκιμαστική περίπτωση 01- Βεβαιωθείτε ότι το πλαίσιο κειμένου με την ετικέτα "Φάκελος πηγής” είναι σωστά ευθυγραμμισμένο.

Δοκιμαστική περίπτωση 02 – Βεβαιωθείτε ότι το πλαίσιο κειμένου με την ετικέτα "Πακέτο” είναι σωστά ευθυγραμμισμένο.

Δοκιμαστική περίπτωση 03 – Επαληθεύστε αυτήν την ετικέτα με το όνομα "Αναζήτηση” είναι ένα κουμπί που βρίσκεται στο τέλος του κειμένουBox με το όνομα "Φάκελος πηγής. "

Δοκιμαστική περίπτωση 04 – Επαληθεύστε αυτήν την ετικέτα με το όνομα "Αναζήτηση” είναι ένα κουμπί που βρίσκεται στο τέλος του κειμένουBox με το όνομα "Πακέτο. "

Δοκιμαστική περίπτωση 05 – Βεβαιωθείτε ότι το πλαίσιο κειμένου με την ετικέτα "Όνομα” είναι σωστά ευθυγραμμισμένο.

Δοκιμαστική περίπτωση 06 – Βεβαιωθείτε ότι η ετικέτα "Τροποποιητές” αποτελείται από 4 κουμπιά επιλογής με το όνομα δημόσιο, προεπιλεγμένο, ιδιωτικό, προστατευμένο.

Δοκιμαστική περίπτωση 07 – Βεβαιωθείτε ότι η ετικέτα "Τροποποιητές” αποτελείται από 4 κουμπιά επιλογής τα οποία είναι σωστά ευθυγραμμισμένα στη σειρά.

Δοκιμαστική περίπτωση 08 – Βεβαιωθείτε ότι η ετικέτα "Σούπερ γυαλί"Κάτω από την ετικέτα"Τροποποιητές” αποτελείται από ένα αναπτυσσόμενο μενού το οποίο πρέπει να ευθυγραμμιστεί σωστά.

Δοκιμαστική περίπτωση 09 – Βεβαιωθείτε ότι η ετικέτα "Σούπερ γυαλί" αποτελείται από ένα κουμπί με την ετικέτα "Αναζήτηση” σε αυτό το οποίο πρέπει να είναι σωστά ευθυγραμμισμένο.

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

Δοκιμαστική περίπτωση 11 – Βεβαιωθείτε ότι ο χρήστης δεν πρέπει να μπορεί να πληκτρολογήσει στο αναπτυσσόμενο μενού "Σούπερ γυαλί. "

Δοκιμαστική περίπτωση 12 – Βεβαιωθείτε ότι πρέπει να έχει δημιουργηθεί σωστό σφάλμα εάν κάτι έχει επιλεγεί κατά λάθος.

Δοκιμαστική περίπτωση 13 – Βεβαιωθείτε ότι το σφάλμα πρέπει να δημιουργηθεί στο ΚΟΚΚΙΝΟ χρώμα όπου είναι απαραίτητο.

Δοκιμαστική περίπτωση 14 – Βεβαιωθείτε ότι πρέπει να χρησιμοποιούνται σωστές ετικέτες στα μηνύματα σφάλματος.

Δοκιμαστική περίπτωση 15 – Βεβαιωθείτε ότι τα μεμονωμένα κουμπιά επιλογής πρέπει να επιλέγονται από προεπιλογή κάθε φορά.

Δοκιμαστική περίπτωση 16 – Βεβαιωθείτε ότι το κουμπί TAB πρέπει να λειτουργεί σωστά ενώ πηδάτε σε άλλο πεδίο δίπλα στο προηγούμενο.

Δοκιμαστική περίπτωση 17 – Βεβαιωθείτε ότι όλες οι σελίδες πρέπει να περιέχουν τον σωστό τίτλο.

Δοκιμαστική περίπτωση 18 – Βεβαιωθείτε ότι το κείμενο της σελίδας πρέπει να είναι σωστά στοιχισμένο.

Δοκιμαστική περίπτωση 19 – Βεβαιωθείτε ότι μετά την ενημέρωση οποιουδήποτε πεδίου πρέπει να εμφανιστεί ένα σωστό μήνυμα επιβεβαίωσης.

Δοκιμαστική περίπτωση 20 – Βεβαιωθείτε ότι πρέπει να επιλεγεί μόνο 1 κουμπί επιλογής και ότι μπορούν να επιλεγούν περισσότερα από μεμονωμένα πλαίσια ελέγχου.

Προκλήσεις στη δοκιμή GUI

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

Εργαλεία δοκιμής GUI

Ακολουθεί μια λίστα με δημοφιλή Εργαλεία δοκιμής GUI :

  1. Selenium
  2. QTP
  3. Cucumber
  4. SilkTest
  5. Ολοκληρώθηκε η δοκιμή
  6. Squish GUI Tester

Κάντε κλικ εδώ για να μάθετε Selenium, QTP & Cucumber.

Συμπέρασμα

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