Most websites in any domain commonly use date time picker calendar for scheduling events. In this document we will see how we can automate a couple of date widgets using Testsigma's example website. Let us consider 3 date picker types.


 

Case 1: Automating a native html date field

Step1 : Go to test data

(The URL is http://examples.testsigma.com/calenderpage )


Step2 :  Click on ui identifier

( ui identifier of the datepicker)


Step3 :  Click on ui identifier

( Here ui identifier of date 25)


Alternate way :

You can also use "Enter test data in the ui identifier field "( ui identifier should be of the the date field ).

NOTE : date must be in mm/dd/yyyy format (Here 07/25/2019) 


Case 2:  Automating Datepicker plugins

There are numerous Datepicker plugins used in the internet. Here we automate jQuery UI datepicker  


Step1 : Go to test data

( Here, the URL is http://examples.testsigma.com/calenderpage )


Step2 :  Click on ui identifier

( Ui identifier of the datepicker field)

Step3 :  Click on ui identifier

( Here ui identifier of date 25)


Alternate way :

You can also use "Enter test data in the ui identifier field "( Here the ui identifier should be of the the date field ).

NOTE : date must be in mm/dd/yyyy format (Here 07/25/2019) 


You may refer this article in case you need to learn about creating UI identifiers in Testsigma



Welcome to the era of #SmartTestAutomation!