Test Automation: Coded UI Test Jan 25th 2013

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

Automated Testing Ensures you don’t miss out on running a test Can actually enforce and drive clean design decisions Have training value

Coded UI Test Automated tests that drive your application through its user interface (UI) are also known as coded UI tests (CUITs). These tests include functional testing of the UI controls. They let you verify that the whole application, including its user interface, is functioning correctly. Coded UI Tests are particularly useful where there is validation or other logic in the user interface, for example in a web page. They are also frequently used to automate an existing manual test.

Coding Process with Coded UI Test Test Cases Recording the actions Coding with testing strategies Auto-compile and run If tests fail Fault in test script-> make appropriate modifications Bug in the application -> report (PF OOTB) If tests pass -> move ahead They are fun and challenging to write One has to carefully think of design for reusability and coverage

Recording the actions Generate code Add assertion Show recorded steps Coded UI Test Builder The Coded UI Test builder enables you to record actions and add them into your existing Coded UI Test Generate code Add assertion Show recorded steps Start recording

Understanding the tests Test Window Test View window Test List Editor

Identify Portal Framework Defects Bugs can be identified by Coded UI Test Habanero Portal Framework Out Of The Box

Identify Portal Framework Defects Bugs cannot be identified by Coded UI Test Habanero PF Habanero OOTB

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

UI Map Class The real work takes place An assortment of supporting classes are generated Class diagram helps you to understand the relationships and the classes involved.

Generic Library Using the auto-generated code in designer.cs Class is very inefficient Construct an efficient, reusable, beautiful libraries

Even More Generic

Class Diagram Document Library List Calendar Page Asset

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

The Automated Test Framework

Program Pattern

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

Framework function or visit QA site: These framework functions will be documented in our Habanero QA site or visit QA site: https://h.habaneros.com/teamsites/QA/List s/Framework%20Functions/AllItems.aspx

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

Demo I will run the following tests if time permits: ContentPF Test Cases: 1. Add content to a page 2. Edit the content of a page 3. Apply a markup style to content on a page 4. Edit the HTML of the content on a page ListInheritancePF Test Cases: 1. Break inheritance on a list 2. Break inheritance on a single list item ListWorkflowPF Test Cases: 1. Define a workflow for a list 2. Perform workflow on a list item PagePF Test Cases: 1. Create new page 2. Modify page properties 3. Check in/ Check out a page 4. Delete a page 5. Email a link to a page

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

Reliability Controls & Actions Ensure the program find the correct controls Ensure the actions get executed Unstable Tests Some tests may wander between Pass and Fail Use Meaningful name helps identify the purpose of the method Limit each recorded method to fewer than 10 actions Makes it easier to replace a method if the environment changes Use the data from app.config file instead of hardcoding the data Increase the reliability of making an assertion

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

Usability & Reusability Coded UI Tests are completely reusable Need to setup a continuous integration server Create libraries as the codebase Customize Search Properties Overwrite Search properties with parameters Customize Complete Functions Atomic Tests Tests are not depend on other tests Reusable modules (The BaseTest Class) Common test functions

Customized Search Properties

Customized Search Properties

Customized Functions

Customized Methods

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

Efficiency Web Page Navigation

Efficiency Eliminate Delay

Efficiency Add Delay Sometimes, the control runs faster than the web browser

Introduction Internal Class Structure (Generic Structure) Program architecture Framework function Demo Reliability Usability & Reusability Efficiency Build Process in the Future

Test Cases Coded UI Test Build Process TFS MTM Client Projects

Build Process At this point, we have created numerous Test Cases. We can execute a Coded UI Test Case simply by taking the compiled assembly and executing it with Visual Studio or MSTest from the command line, which require us to sit there and do nothing while the test executes Another way: Associate Coded UI Tests and Test Cases Run the tests from Microsoft Test Manager Test Cases

MSTest

Associating Coded UI Tests and Test Cases (TFS)

Microsoft Test Manager

Next Step ( a typical way) Set Up Team Build With correct build definition and configuration So that the automated test can be found in the share location for the build definition and then it can be run from MTM Create Test Settings and Virtual (Physical) Environment We cannot run Coded UI Tests using MTM without an environment Create an environment that contains the roles in the test settings and then use this environment in the test plan

Sometimes, things don’t work the way you want it to be.

Thank you If you have any comments on the coded UI test, feel free to let me know  Thank you