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 https://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. The jQuery UI datepicker and Bootstrap Datepicker are most commonly used.  


Step1 : Go to test data

( Here, the URL is https://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 27)


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

To know how to automate Datepickers using Manual Xpath you can refer this article.


Welcome to the era of #SmartTestAutomation!