Test Cases For Date Field : Basically date field allows the user to enter the date into the field with a select date from the calendar or the manual input. In this article, we have tried to cover UI, Functional, and Negative test cases for Date field.
So, if any website has a date picker field then these test cases will be helpful to test the date field or get an idea about how to test the date field.
UI Test cases – Date Field
| Sr.No | Testcase_ID | Test Cases |
| 1 | UI_01 | Verify that the date field button icon is properly displayed or not. |
| 2 | UI_02 | Verify that the date format is as expected or not. Like mm/dd/yy, dd/mm/yy |
| 3 | UI_03 | Verify that month should be properly displayed or not |
| 4 | UI_04 | Verify that year should be displayed properly or not |
| 5 | UI_05 | Verify that the next “>” button is properly displayed or not |
| 6 | UI_06 | Verify that the previous “<” button is properly displayed or not |
| 7 | UI_07 | Verify that days are properly displayed or not |
| 8 | UI_08 | Verify that when the user hovers the mouse on days, dates should be highlighted. |
| 9 | UI_09 | Verify that if the date field is displayed as a mandatory field then a red “*” mark should be displayed. |
| 10 | UI_10 | Verify that if the date field is displayed as a mandatory field then the validation error message should be displayed for blank data |
| 11 | UI_11 | Verify that date field placeholder text is properly displayed or not |
| 12 | UI_12 | Verify all drop-down lists for the calendar field. |
Functional Test cases – Date Field
| Sr.No | Testcase_ID | Test Cases |
| 1 | Functional_01 | Verify that if the user clicks on the date field, the calendar pop-up window should be open. |
| 2 | Functional_02 | Verify that default today’s date is highlighted or not |
| 3 | Functional_03 | Verify that when the user select any date from the calendar, selected the date should be displayed in the ‘Date Input’ field |
| 4 | Functional_04 | Verify that when the user clicks on the next “>” button then next month should be displayed. |
| 5 | Functional_05 | Verify that when the user clicks on the previous “<” button then next month should be displayed. |
| 6 | Functional_06 | Verify if clicks on month link text then month drop-down list is displayed or not |
| 7 | Functional_07 | Verify if clicks on year link text then year drop-down list is displayed or not |
| 8 | Functional_08 | Verify that the user is able to enter the date manually or not |
| 9 | Functional_09 | Verify if the user enters the date manually, the date format should be followed properly. |
| 10 | Functional_10 | Verify if the date field has validation for future dates then future dates should be displayed disabled. |
| 11 | Functional_11 | Verify if the date field has validation for past dates then past dates should be displayed disabled. |
Negative Test cases – Date Field
| Sr.No | Testcase_ID | Test Cases |
| 1 | Negative_01 | Verify that the user is able to enter alpha characters into the date field calendar or not |
| 2 | Negative_02 | Verify that the user is able to enter special characters into the date field calendar or not |
| Negative_03 | Verify that the user is allowed to enter invalid format dates or not | |
| 3 | Negative_04 | Verify that the user is able to enter more than 12 numbers for months into the date field calendar or not. e.g If date format : mm/dd/yy then 13/05/22 |
| 4 | Negative_05 | Verify whether the user is able to enter more than 31 numbers for dates into the date field calendar or not. e.g If date format : mm/dd/yy then 01/32/22 |
Conclusion :
So in this way, we have covered test cases for date field and if you are looking for more examples of test cases then please visit the below links.
Thank you, Readers….!!!!
1.Test Cases For Address Field