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

1. Right click on any method (decorated with TestMethod attribute)

2. Go to ‘Generate Code for Coded UI Test’—‘Use Coded UI Test builder...’

Click to Enlarge

3. A component will appear at bottom right side of the screen

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)

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.

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.

Click to Enlarge

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

Click to Enlarge

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

Click to Enlarge

Running the recorded test case

To run the recorded test case

1. Right click on the method.

2. Click on ‘Run Tests’.

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Friday, November 10, 2017

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250