Articles → CODED UI → Create Your First Recorded Coded UI Test Scenario

Create Your First Recorded Coded UI Test Scenario

In this article, we will record our first coded UI test scenario.

Coded UI Test Builder

Coded UI test builder is a tool for recording your testing steps. To display coded UI test builder

Right click on any method (decorated with TestMethod attribute)
Go to ‘Generate Code for Coded UI Test’—‘Use Coded UI Test builder...’

Picture showing the Generate Code for Coded UI Test menu for generating the coded UI code

Click to Enlarge

A component will appear at bottom right side of the screen

Picture showing the recorder window of the coded UI

Click to Enlarge

Recording Your First Scenario

Click on the red square box in the coded UI test builder to start recording (or press ALT + R)

Picture showing start the recording process in the recorder window

Click to Enlarge

Once the button is clicked, you can perform any activity. Like for this article I am opening the browser and navigate to http://google.com

Once you click on ‘Start Recording’ button, you could observe that the icon next (Show Recorded Steps button) gets enabled. Once you click on it, you could see the activities performed during recording.

Picture showing the recording steps of the coded UI recorder

Click to Enlarge

Once the recording is done, the last step would be to generate the code so that we can run it in the future. To generate the code, click on the right most button. Once the button is clicked a window will open as shown in the figure below.

Picture showing a button for generating the code for the recorded steps

Click to Enlarge

From the window, click on ‘Add and Generate’ button. Code will be generated in the test method

Picture showing the generated code in the test method

Click to Enlarge

If you go in the definition of ‘RecordedMethod2’, you could see the recorded code

Picture showing the code of the recorded method

Click to Enlarge

Running The Recorded Test Case

To run the recorded test case

Right click on the method.
Click on ‘Run Tests’.

Picture showing the Run Tests context menu for running the test cases in coded Ui

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Friday, November 10, 2017

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250