test(datetime): wait for calendar body to be visible

Author: liamdebeasi

core/src/components/datetime/test/color/datetime.e2e.ts

@@ -5,12 +5,15 @@ test.describe('datetime: color', () => {
   test('should not have visual regressions', async ({ page }) => {
     await page.goto('/src/components/datetime/test/color');
 
-    await page.waitForSelector('.datetime-ready');
-
     const colorSelect = page.locator('ion-select');
     const darkModeToggle = page.locator('ion-checkbox');
     const datetime = page.locator('ion-datetime');
 
+    await Promise.all([
+      expect(page.locator('#first .calendar-body')).toBeVisible({ timeout: 30000 }),
+      expect(page.locator('#second .calendar-body')).toBeVisible({ timeout: 30000 }),
+    ]);
+
     await darkModeToggle.evaluate((el: HTMLIonCheckboxElement) => (el.checked = true));
     await page.waitForChanges();