Software Quality Assurance 2/20 Software Quality Assurance 2/20

WELCOMEWELCOMEGraphic User Interface TestingGraphic User Interface Testing

WHY GUI TESTING?WHY GUI TESTING?Testing the way software looksTesting the way software looks

(not the way it works) (not the way it works)

You can start reporting bugs from the You can start reporting bugs from the day oneday one It helps you to It helps you to keep the jobkeep the job by creating a good by creating a good

impression from the day oneimpression from the day one It helps you to It helps you to get a jobget a job if you are able to talk about the if you are able to talk about the

subject at the interviewsubject at the interview All the rules, standards, recommendations are publishedAll the rules, standards, recommendations are published Not many people know about their existenceNot many people know about their existence GUI issues are normally not given much of attention – GUI issues are normally not given much of attention –

you can find bugs easily and report them a lotyou can find bugs easily and report them a lot

Software Quality Assurance 2/20 Software Quality Assurance 2/20

HISTORIC OVERVIEWHISTORIC OVERVIEW

DOS & UNIX – command line interfaceDOS & UNIX – command line interface MAC OS and later Windows – GUI (menus, drag MAC OS and later Windows – GUI (menus, drag

and drop, dialog boxes, desktops, etc.)and drop, dialog boxes, desktops, etc.) Microsoft GUI guidelines for Windows AppsMicrosoft GUI guidelines for Windows Apps Dept. of Health and Human Services usability Dept. of Health and Human Services usability

guidelines for web applicationsguidelines for web applications Web applications overall are developed badly in Web applications overall are developed badly in

terms of GUI and usability terms of GUI and usability

Software Quality Assurance 2/20 Software Quality Assurance 2/20

WHAT IS IN THE BOOKS?WHAT IS IN THE BOOKS?

GUI concepts – more than just rulesGUI concepts – more than just rules Terminology you use when write bug reports – Terminology you use when write bug reports –

you speak the technically correct languageyou speak the technically correct language 400 items check list for GUI testing of web 400 items check list for GUI testing of web

applications sorted by relative importanceapplications sorted by relative importance 300 pages with lots of graphics300 pages with lots of graphics It becomes a part of your visionIt becomes a part of your vision

Software Quality Assurance 2/20 Software Quality Assurance 2/20

WHERE REQUIREMENTS COME FROMWHERE REQUIREMENTS COME FROMWe need them to testWe need them to test

We never have enough of them given to usWe never have enough of them given to us

Written documentation (business and technical)Written documentation (business and technical) Discussions, meeting notesDiscussions, meeting notes Industry practices (nice to have vs. must have)Industry practices (nice to have vs. must have) Product we want “to be like”Product we want “to be like”

Software Quality Assurance 2/20 Software Quality Assurance 2/20

Windows versus WEB GUIWindows versus WEB GUI

Windows Windows WEBWEB Application windowApplication window Home pageHome page Dialog BoxesDialog Boxes Web PagesWeb Pages ControlsControls ControlsControls

(text field/edit box, check box, list box, combo box, push (text field/edit box, check box, list box, combo box, push button, radio/option button, link, menu item, menu title)button, radio/option button, link, menu item, menu title)

Software Quality Assurance 2/20 Software Quality Assurance 2/20

DIALOG BOX/WEB PAGE GUI RULESDIALOG BOX/WEB PAGE GUI RULES Disable controls if cannot use themDisable controls if cannot use them Specify Specify default buttondefault button Which field, gets Which field, gets default input focusdefault input focus TAB orderTAB order: logical or LEFT->RIGHT; TOP : logical or LEFT->RIGHT; TOP

-> BOTTOM-> BOTTOM Provide Provide default valuesdefault values to the fields if to the fields if

appropriateappropriate

Software Quality Assurance 2/20 Software Quality Assurance 2/20

ResumeBuilder ApplicationResumeBuilder Application(www.portnov.com/update.shtml)(www.portnov.com/update.shtml)

1. Windows application. Runs on all the Windows platforms.1. Windows application. Runs on all the Windows platforms. 2. The application's GUI is in compliance with MS guidelines2. The application's GUI is in compliance with MS guidelines 3. The application allows users to create resumes3. The application allows users to create resumes 4. Resumes are saved in .RTF format only4. Resumes are saved in .RTF format only 5. Multiple professions are supported5. Multiple professions are supported 7. Open-ended: new professions could be added by users7. Open-ended: new professions could be added by users 8. Users can create resume templates8. Users can create resume templates 9. Resume are built from customized content stored in .INI files9. Resume are built from customized content stored in .INI files 10.Portnov menu title has menu titles pointing to pages of 10.Portnov menu title has menu titles pointing to pages of

www.portnov.com web sitewww.portnov.com web site 11.The resume could be previewed at any stage of resume writing11.The resume could be previewed at any stage of resume writing 12.The application allows users to upload the latest version12.The application allows users to upload the latest version 13.User is able to specify location of choice for saved resumes 13.User is able to specify location of choice for saved resumes

(defaulted to the installation folder)(defaulted to the installation folder) 14.The application does not need any installation. It comes as a ZIP 14.The application does not need any installation. It comes as a ZIP

(RAR) file with all the files packed in one folder (installation folder).(RAR) file with all the files packed in one folder (installation folder).

Software Quality Assurance 2/20 Software Quality Assurance 2/20