test(datetime): migrate tests to playwright

[liamdebeasi]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Some docs updates need to be made in the ionic-docs repo, in a separate PR. See the contributing guide for details.
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue URL: N/A

What is the new behavior?

• Sean mentioned that he would migrate the locale tests in feat(datetime): localize am/pm labels in time picker #25389, so I did not migrate them in mine.
• I removed the isDateEnabled test that checks to see if the console.error is logged as it was flaky across browsers (the listener was being added after the error was already logged). If you have alternative testing thoughts let me know!
• I removed the "values" tests as they were redundant.
• The datetimeMonthDidChange event is now dispatched on the window instead of the document. Our custom spyOnEvent only listens on the window at the moment. The effort to update this does not seem worth it at the moment.

Does this introduce a breaking change?

• Yes
• No

Other information

[averyjohnston]

I think you'll need to set the values to be something in May or sooner, so the datetimes show that month instead of the current one. Otherwise, the circle around today's date will change from day to day and cause screenshot mismatches.

[liamdebeasi]

Fixed, thanks!

[averyjohnston]

Looks like some of the screenshots are still showing June, core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ios-ltr-Mobile-Chrome-linux.png at least 🤔

[liamdebeasi]

Ok now it should be good. When I re-ran screenshots, I did not delete the old screenshots first. There may not have been a high enough pixel difference for certain screenshots causing them to not get updated.

[averyjohnston]

The screenshots for the footer tests are still showing June; maybe the screenshot job isn't looking at the right commit? 🤔 There might be other tests like that, I haven't looked.

[liamdebeasi]

🤦 I only deleted screenshots for the color test. Let me try this again...

[averyjohnston]

Nice work!

[sean-perkins]

Nice work! 👍