Intro

This will be a series of posts on creating and maintaining Coded UI tests with Multiple UI maps. My intent here is to give a little more detail to help those new to Visual Studio.

Part 1: Creating a new Coded UI solution

Part 2: Adding a New UI Map

Part 3: Modifying an Existing Coded UI Map

Part 4: Adding a UI Map to the TestRunUtility

Part 5: Assembling the test

Part 6: Changing Recorded Methods

Part 7: Deleting actions when recording with the Coded UI Test Builder

Part 8: Modifying Generated Code

Credits

This technique is an extension of the technique found in the following links by Anu , a Program Manager in the Visual Studio ALM Test Tools group and the MDSN documentation. http://blogs.msdn.com/b/anutthara/archive/2010/02/08/scaling-up-your-cuit-ui-automation-for-real-world-projects.aspx

http://blogs.msdn.com/b/anutthara/archive/2010/02/10/walkthrough-using-multiple-coded-ui-maps-in-test-automation.aspx

http://msdn.microsoft.com/en-us/library/ff398056.aspx

Assumptions

My assumption is you have access to the Tail Spin Toys web site freely available on the Visual Studio RTM Virtual Machine (*Note: the VM expires every several months so this link may be stale after November 2011) I am also assuming you are logged in as the user Abu and that you have VS 2010 feature pack 2

Note, as the code is written in C#, casing of the code is important. strVariable is different than strvariable and this can give those new to c# programming fits so take care to match the exact naming conventions in the following examples.

Creating a New CUIT Solution

Open Visual Studio 2010 -

From the start menu select All Programs -> Microsoft Visual Studio 2010 -> Microsoft Visual Studio 2010

From the start page select File -> New -> Project

Highlight the Test Template -> select Test Project -> give the project a meaningful name -> select OK

In solution Explorer, right click UnitTest1.cs -> select delete -> Click the OK button on the warning dialog.

In solution explorer right click the project -> select Add -> select Coded UI test?

Select Cancel

Right click the solution -> select Add -> select New Folder -> Name the Folder Utility

Again right click the solution -> select Add -> select New Folder -> Name the Folder UI Maps

Your solution should now look like this (don?t worry about the yellow + icons, you will not see those if you are not using version control):

At this point we have an essentially empty solution and we are ready to start adding UI Maps.  In the next post we will do just that.