This post is the Second post out of Four that builds the Visual Studio 2010 Coded UI Test User Guide. See the first post: “Visual Studio 2010 Coded UI Test User Guide - Introduction”

On this post I will show how to create a simple Coded UI Test.

The example I will use in this guide created by Microsoft and is called: “IBuySpay”

The example is a web application but we will use its GUI in the Coded UI Test.

A few guide lines before we start:

1. To create a test you need to have a Test Project
2. Base every Automated Test on a predefined Test Case
3. Every step in the Test Case will be a Method in the Coded UI Test

Note: In this example I will not show the Test Case.

Creating a Test Project

Step 1: Right click the Solution choose: Add –> New Project…

Step 2: Choose Test from the Menu, in my example it will be a C# Test Project

Step 3: Choose the location and the name of the test project and choose Create

The result is the test project (DemoIBuySpyTest) and 3 more solution items that are added in case this is the first test project.

These 3 files are out of the scope of this guide.

Creating a Coded UI Test

Step 1: Right click the Test Project choose Add –> New Test…

Step 2: Choose Coded UI Test

Step 3: Type a Test name and click OK

Step 4: In the window that pops up choose the first option: “Record actions, edit UI map or add assertions”

Step 5: Click OK

The Recorder launches.

The Recorder has 4 buttons (From left to right):

1. Record – Will record actions
2. Show Recorder Steps – Shows what was recorder and lets the user edit the steps
3. Add Assertion – Lets the user choose objects and to get there “Passport”, it also lets the user add validation to objects
4. Generate Code – Lets the user create code out of the recorder actions

Step 6: launch the Internet Explorer Browser

Step 7: Click Record

The icon will be changed to Pause

Step 8: Type the URL of the tested site

Following the guide lines we need to create a method for each step in the Test Case

Step 9: Click the Pause button

Step 10: Click the “Show Recorder Steps” in order to see and edit the recorder steps

You can see that there is only one recorded steps, in order to edit the recorded steps (If needed) choose the step and click the Delete button in your keyboard.

Step 11: Click the “Generate Code”

Step 12: Type the name of the method

Step 13: Click the “Add and Generate” button

The result is the code generated in the “DemoCodedUITest.cs” TestMethod and new files created, these files have the UI objects mapping.

You can also see the Method we have created.

I have created a few more methods that represent a few more steps.

In order to run the test you can right click the Coded UI Test name and choose “Run Tests”.

We have created a simple Coded UI Test, next on this guide we will see we will see how to reuse a prerecorded Coded UI Test in the MTLM tool.

Next Guide Part: "Visual Studio 2010 Coded UI Test User Guide - Get A Coded UI Test Created In Manual Test Using The MTM Tool"

Have Fun!!!

I know some of you are waiting for it and now it is finally here: The Team Explorer 2005 extensibility patch for TFS 2010.

Download it from the following URL:

http://www.microsoft.com/downloads/details.aspx?FamilyID=22215e4c-af6f-4e2f-96df-20e94d762689&displaylang=en

I think that the connection to the server user experience will be the same as the Visual Studio 2008 user experience.

Refer to my post: “How To Connect To The TFS 2010 With Team Explorer 2008” for how to connect.

I did not test it, simply because I don’t use Visual Studio 2005 any more so if someone tried it and can share his experience please comment to this post.

Have Fun!!!

I have been asked that question almost in each project I am doing.

The answer is very simple: with SharePoint.

When I give this answer I get a curious look, and the following question will be: “Why?”

SharePoint is a huge product that does many wonderful things, in this post I like to show how it can help us manage our documents.

First thing that you will need to know is that when you create a Team Project you also create a SharePoint site, actually what you create is Windows SharePoint Services (WSS) site which is a free edition of SharePoint.

In each site you have a Documents Section that contains Document Libraries.

From the Team Explorer you have an interface to the Documents Section I will show how to use it in one of my future posts.

So how do I get to the site?

In order to get to the site you can just right click the Team Project and choose: “Show Project Portal…”, you can also get to it using its URL.

In the sites menu you will see the Documents Section, Click on it to get to the Documents Section.

Now you will get to the Document Section:

You can do the following and more in SharePoint:

• Create new Libraries
• Manage Security for libraries
• Manage Versioning for libraries
• Manage folders and documents in each library
• Upload documents
• Set template document for each library
• View history of each document
• Check-Out and Check-in documents
• Set Work space
• Alert On Changes
• Compare different versions of word documents

In this post I will show how you compare different versions of word documents.

I will start with creating the prerequisites for the example, uploading a document and creating versions for it:

Step 1: I have created a new Document Library called “Demo Doc”

Step 2: I have uploaded a document by clicking the “Upload”, browsed to it and checked it in as shown in the following pictures

Step 3: I have created history versions for the document

You can see that there are 3 versions 2 major versions (0.1 is a major version because it it starts from 0) and one minor version 0.2, now I will compare the latest version with version 0.2 and I will see what was changed.

Now we will make the documents comparison:

Step 1: Open the word document using word.

Step 2: Choose the “Review” tab.

Step 3: Open the “Compare” menu and choose “Specific Version…”

Step 4: Choose version 0.2

In the result page you can see the changes made since the chosen version up to the current version.

It is easy to see that only one line was added since the chosen version (Marked in Red), on the left hand you can see the details of each change and on the right hand you can see a version with the change (Current) and with out the change.

You can see that it is easy to compare between two different versions of a document, SharePoint gives a very strong tools that will satisfy all you need for documents management.

Have Fun!!!