Charter 20: Explore the City and Summary page with the datepicker to discover surprises

Charter:

• Explore the City and Summary page with the datepicker to discover surprises

Testers:

• Mike Walker-Rose

Date:

• 30/07/2024

Duration:

• 45 - 90 mins

Scope:

• City & summary page UI

References:

• network tab

Test Approach:

• Explore the UI using different techniques to manipulate the date picker and observe behaviour
• Look at the network calls that result

Notes:

Summary page:

• furthest back you can go is 01/01/1900 00:00 in the picker
• explored historic dates to see 42 requests being made with sensible parameters
• if you send keys for 01.01.1899 12:00 there are API calls made despite the UI saying you can't do it
• try typing things other than numbers
• if you set date in the date picker and then follow a link to the city page, the datepicker uses the same date on the city page
• if you type the city name into the url you don't retain this

City Page:

• setting date in city page, navigating to summary page the date is retained and used in the API queries
• If you refresh your page, you lose your base date
• Tabs are independent, setting the date in one tab does not have an affect on another
• can't bookmark a date

Conclusion

• datepicker has validation to prevent going back further than 01/01/1900 by click, which is probably fine for this use case
  • however you can use keys to request a date earlier than that which triggers API calls
• datepicker retains date switching between pages unless you refresh / new tab / enter the city in url