Coded UI Test in Visual Studio 2012

• Testing Improves Accuracy
• Increases Test Coverage
• Automation Does What Manual Testing Cannot
• Automated QA Testing Helps Developers and Testers
• Team Morale Improves

What a Coded UI is

A Coded UI is an automation framework that enables us to record a set of actions, creates the code for that and allows us to playback the recording for testing the application. It also gives the flexibility to write the custom code (hard-coded).

Automated tests that drive your application using its User Interface (UI) are known as Coded UI Tests (CUITs). These tests include the functional testing of the UI controls. They let you verify that the entire 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.

So, what do we need to create a CodedUI test with Visual Studio 2012?





Now we will learn step-by-step how to create a Coded UI test in Visual Studio 2012.

Open Visual Studio 2012 then select Create New project. Then select Test Template -> Coded UI Test Project.



Now It will ask you here to record or use an existing action. I will show with new action recording.



After clicking OK, a small window will appear in the botttom-right side in the task bar.



Here you can see 4 buttons in this window.



Now we will create a CodedUI test for a calculator. So click on the Start Recording button as in the following:



After clicking the Start Recording Button select Run Command then type "Calc".



Here you will see what action you will perform. It will show the preceding CodedUI window.









Now click on Pause Recording and click on the 4th button to generate the code for your actions.



Here provide a name for your method.





Here you will see some files and a test Method created.

Coded UI File Structure Coded UI maintains a specific file structure as follows:

CodedUITest.cs file: the CodedUITest.cs file is a unit test file having TestClass decorated with the [CodedUITest] attribute and contains multiple methods decorated with the [TestMethod] attribute.

UIMap.uitest file: UIMap.uitest is an XML file containing all the windows, controls, properties, methods, actions and assertions and so on used for playback.

UIMap.Designer.cs file: UIMap.the Designer.cs file is a partial class that contains the classes for various controls and their fields, properties and methods.

UIMap.cs file: UIMap.cs is also a partial class of UIMap.Designer.cs. It can contain all the recorded methods that need customization.

Now to run your test. So you can choose TEST from the Menu bar then select Run -> All test or the following option:





Now in the next article I will provide some more examples.