fix(datetime): remove unused page params from new e2e tests to fix build

Remove destructured { page } from test callbacks in the three new
datetime E2E test files where page was declared but never referenced
in the test body, resolving TypeScript "declared but its value is never
read" errors that were breaking the build.

Author: OS-susmitabhowmik

core/api.txt

@@ -703,20 +703,21 @@ ion-datetime,prop,locale,string,'default',false,false
 ion-datetime,prop,max,string | undefined,undefined,false,false
 ion-datetime,prop,min,string | undefined,undefined,false,false
 ion-datetime,prop,minuteValues,number | number[] | string | undefined,undefined,false,false
-ion-datetime,prop,mode,"ios" | "md",undefined,false,false
+ion-datetime,prop,monthNavigation,"arrows" | "scroll",'arrows',false,false
 ion-datetime,prop,monthValues,number | number[] | string | undefined,undefined,false,false
+ion-datetime,prop,monthYearPickerView,"grid" | "wheel",'wheel',false,false
 ion-datetime,prop,multiple,boolean,false,false,false
 ion-datetime,prop,name,string,this.inputId,false,false
 ion-datetime,prop,preferWheel,boolean,false,false,false
 ion-datetime,prop,presentation,"date" | "date-time" | "month" | "month-year" | "time" | "time-date" | "year",'date-time',false,false
 ion-datetime,prop,readonly,boolean,false,false,false
+ion-datetime,prop,selectionMode,"multiple" | "range" | undefined,undefined,false,false
 ion-datetime,prop,showAdjacentDays,boolean,false,false,false
 ion-datetime,prop,showClearButton,boolean,false,false,false
 ion-datetime,prop,showDefaultButtons,boolean,false,false,false
 ion-datetime,prop,showDefaultTimeLabel,boolean,true,false,false
 ion-datetime,prop,showDefaultTitle,boolean,false,false,false
 ion-datetime,prop,size,"cover" | "fixed",'fixed',false,false
-ion-datetime,prop,theme,"ios" | "md" | "ionic",undefined,false,false
 ion-datetime,prop,titleSelectedDatesFormatter,((selectedDates: string[]) => string) | undefined,undefined,false,false
 ion-datetime,prop,value,null | string | string[] | undefined,undefined,false,false
 ion-datetime,prop,yearValues,number | number[] | string | undefined,undefined,false,false
@@ -742,10 +743,6 @@ ion-datetime,css-prop,--wheel-highlight-background,ios
 ion-datetime,css-prop,--wheel-highlight-background,md
 ion-datetime,css-prop,--wheel-highlight-border-radius,ios
 ion-datetime,css-prop,--wheel-highlight-border-radius,md
-ion-datetime,part,calendar-day
-ion-datetime,part,calendar-day active
-ion-datetime,part,calendar-day disabled
-ion-datetime,part,calendar-day today
 ion-datetime,part,calendar-days-of-week
 ion-datetime,part,calendar-header
 ion-datetime,part,datetime-header
@@ -755,11 +752,6 @@ ion-datetime,part,month-year-button
 ion-datetime,part,navigation-button
 ion-datetime,part,next-button
 ion-datetime,part,previous-button
-ion-datetime,part,time-button
-ion-datetime,part,time-button active
-ion-datetime,part,wheel
-ion-datetime,part,wheel-item
-ion-datetime,part,wheel-item active
 
 ion-datetime-button,shadow
 ion-datetime-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,'primary',false,true

core/src/components/datetime/test/month-navigation/datetime.e2e.ts

@@ -51,7 +51,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(datetime).not.toHaveClass(/datetime-month-navigation-scroll/);
     });
 
-    test('calendar-body should use vertical scroll axis when monthNavigation="scroll"', async ({ page }) => {
+    test('calendar-body should use vertical scroll axis when monthNavigation="scroll"', async () => {
       const datetime = await fixture.goto(config, 'scroll');
       const calendarBody = datetime.locator('.calendar-body');
 
@@ -68,7 +68,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       expect(overflowY).toBe('scroll');
     });
 
-    test('calendar-body should use horizontal scroll axis when monthNavigation="arrows"', async ({ page }) => {
+    test('calendar-body should use horizontal scroll axis when monthNavigation="arrows"', async () => {
       const datetime = await fixture.goto(config, 'arrows');
       const calendarBody = datetime.locator('.calendar-body');
 

core/src/components/datetime/test/month-year-grid/datetime.e2e.ts

@@ -70,15 +70,15 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(datetime).not.toHaveClass(/datetime-month-year-picker-grid/);
     });
 
-    test('clicking toggle button should show the grid picker', async ({ page }) => {
+    test('clicking toggle button should show the grid picker', async () => {
       await fixture.goto(config);
       await fixture.openPicker();
 
       const gridContainer = fixture.datetime.locator('.month-year-grid-container');
       await expect(gridContainer).toBeVisible();
     });
 
-    test('grid should show month cells', async ({ page }) => {
+    test('grid should show month cells', async () => {
       await fixture.goto(config);
       await fixture.openPicker();
 
@@ -87,7 +87,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(monthCells).toHaveCount(12);
     });
 
-    test('grid should show year cells', async ({ page }) => {
+    test('grid should show year cells', async () => {
       await fixture.goto(config);
       await fixture.openPicker();
 
@@ -150,7 +150,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       }
     });
 
-    test('disabled months should respect max constraint', async ({ page }) => {
+    test('disabled months should respect max constraint', async () => {
       await fixture.goto(config, { max: '2022-03-31' });
       await fixture.openPicker();
 
@@ -160,7 +160,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(aprilCell).toHaveAttribute('disabled', '');
     });
 
-    test('disabled months should respect min constraint', async ({ page }) => {
+    test('disabled months should respect min constraint', async () => {
       await fixture.goto(config, { min: '2022-09-01' });
       await fixture.openPicker();
 
@@ -170,7 +170,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(januaryCell).toHaveAttribute('disabled', '');
     });
 
-    test('picker should not show wheel picker when monthYearPickerView="grid"', async ({ page }) => {
+    test('picker should not show wheel picker when monthYearPickerView="grid"', async () => {
       await fixture.goto(config, { monthYearPickerView: 'grid' });
       await fixture.openPicker();
 
@@ -179,7 +179,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(wheelPicker).not.toBeAttached();
     });
 
-    test('wheel mode should show ion-picker-column when monthYearPickerView="wheel"', async ({ page }) => {
+    test('wheel mode should show ion-picker-column when monthYearPickerView="wheel"', async () => {
       await fixture.goto(config, { monthYearPickerView: 'wheel' });
       await fixture.openPicker();
 
@@ -188,7 +188,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(wheelPicker).toBeAttached();
     });
 
-    test('grid cells should display correct month names in locale', async ({ page }) => {
+    test('grid cells should display correct month names in locale', async () => {
       await fixture.goto(config, { monthYearPickerView: 'grid' });
       await fixture.openPicker();
 
@@ -197,7 +197,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(monthCells.first()).toContainText('Jan');
     });
 
-    test('currently selected month should be highlighted in the grid', async ({ page }) => {
+    test('currently selected month should be highlighted in the grid', async () => {
       await fixture.goto(config);
       await fixture.openPicker();
 

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

@@ -166,7 +166,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(june20).toHaveClass(/calendar-day-range-end/);
     });
 
-    test('in-range days should have in-range CSS class but not be active', async ({ page }) => {
+    test('in-range days should have in-range CSS class but not be active', async () => {
       const datetime = await fixture.goto(config, RANGE_VALUE);
 
       for (let day = 11; day <= 19; day++) {
@@ -176,7 +176,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       }
     });
 
-    test('days outside the range should not have range CSS classes', async ({ page }) => {
+    test('days outside the range should not have range CSS classes', async () => {
       const datetime = await fixture.goto(config, RANGE_VALUE);
       const june5 = datetime.locator('[data-month="6"][data-day="5"]');
 
@@ -185,21 +185,21 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(june5).not.toHaveClass(/calendar-day-range-end/);
     });
 
-    test('wrapper element for range-start should have the correct class', async ({ page }) => {
+    test('wrapper element for range-start should have the correct class', async () => {
       const datetime = await fixture.goto(config, RANGE_VALUE);
       const june10Wrapper = datetime.locator('[data-month="6"][data-day="10"]').locator('..');
 
       await expect(june10Wrapper).toHaveClass(/calendar-day-wrapper-range-start/);
     });
 
-    test('wrapper element for in-range day should have the correct class', async ({ page }) => {
+    test('wrapper element for in-range day should have the correct class', async () => {
       const datetime = await fixture.goto(config, RANGE_VALUE);
       const june15Wrapper = datetime.locator('[data-month="6"][data-day="15"]').locator('..');
 
       await expect(june15Wrapper).toHaveClass(/calendar-day-wrapper-in-range/);
     });
 
-    test('wrapper element for range-end should have the correct class', async ({ page }) => {
+    test('wrapper element for range-end should have the correct class', async () => {
       const datetime = await fixture.goto(config, RANGE_VALUE);
       const june20Wrapper = datetime.locator('[data-month="6"][data-day="20"]').locator('..');
 
@@ -241,7 +241,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(datetime).toHaveJSProperty('value', START_DATE);
     });
 
-    test('clear button should reset range selection', async ({ page }) => {
+    test('clear button should reset range selection', async () => {
       const datetime = await fixture.goto(config, RANGE_VALUE, {
         showDefaultButtons: true,
         showClearButton: true,
@@ -252,7 +252,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(datetime).toHaveJSProperty('value', undefined);
     });
 
-    test('disabled days should not be part of in-range highlight', async ({ page }) => {
+    test('disabled days should not be part of in-range highlight', async () => {
       const datetime = await fixture.goto(config, RANGE_VALUE, {
         min: '2022-06-12', // days 10 and 11 are disabled (before min)
       });