fix: fix dp test

Author: hinzzx

packages/main/src/DayPicker.ts

@@ -413,6 +413,11 @@ class DayPicker extends CalendarPart implements ICalendarPicker {
 		return document.activeElement !== this._focusableDay && this._specialCalendarDates.length === 0;
 	}
 
+	async _onfocusin() {
+		await renderFinished();
+		this._focusCorrectDay();
+	}
+
 	/**
 	 * Tells if the day is selected (dark blue).
 	 * @param timestamp
@@ -745,13 +750,16 @@ class DayPicker extends CalendarPart implements ICalendarPicker {
 	 * @param preserveDate whether to preserve the day of the month (f.e. 15th of March + 1 month = 15th of April)
 	 * @private
 	 */
-	_modifyTimestampBy(amount: number, unit: string, preserveDate?: boolean) {
+	async _modifyTimestampBy(amount: number, unit: string, preserveDate?: boolean) {
 		// Modify the current timestamp
 		this._safelyModifyTimestampBy(amount, unit, preserveDate);
 		this._updateSecondTimestamp();
 
 		// Notify the calendar to update its timestamp
 		this.fireDecoratorEvent("navigate", { timestamp: this.timestamp! });
+
+		await renderFinished();
+		this._focusCorrectDay();
 	}
 
 	/**

packages/main/src/MonthPicker.ts

@@ -366,13 +366,16 @@ class MonthPicker extends CalendarPart implements ICalendarPicker {
 	 * @param preserveDate whether to preserve the day of the month (f.e. 15th of March + 1 month = 15th of April)
 	 * @private
 	 */
-	_modifyTimestampBy(amount: number, preserveDate?: boolean) {
+	async _modifyTimestampBy(amount: number, preserveDate?: boolean) {
 		// Modify the current timestamp
 		this._safelyModifyTimestampBy(amount, "month", preserveDate);
 		this._updateSecondTimestamp();
 
 		// Notify the calendar to update its timestamp
 		this.fireDecoratorEvent("navigate", { timestamp: this.timestamp! });
+
+		await renderFinished();
+		this._focusCorrectMonth();
 	}
 
 	_onkeyup(e: KeyboardEvent) {

packages/main/src/YearPicker.ts

@@ -1,7 +1,9 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import query from "@ui5/webcomponents-base/dist/decorators/query.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
 import type LocaleT from "sap/ui/core/Locale";
 import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
 import {
@@ -133,13 +135,21 @@ class YearPicker extends CalendarPart implements ICalendarPicker {
 
 	_firstYear?: number;
 
+	@query("[data-sap-focus-ref]")
+	_focusableYear!: HTMLElement;
+
 	@i18n("@ui5/webcomponents")
 	static i18nBundle: I18nBundle;
 
 	get roleDescription() {
 		return YearPicker.i18nBundle.getText(YEAR_PICKER_DESCRIPTION);
 	}
 
+	async _onfocusin() {
+		await renderFinished();
+		this._focusableYear.focus();
+	}
+
 	onBeforeRendering() {
 		if (this._hidden) {
 			return;
@@ -342,13 +352,16 @@ class YearPicker extends CalendarPart implements ICalendarPicker {
 	 * @param amount
 	 * @private
 	 */
-	_modifyTimestampBy(amount: number) {
+	async _modifyTimestampBy(amount: number) {
 		// Modify the current timestamp
 		this._safelyModifyTimestampBy(amount, "year");
 		this._updateSecondTimestamp();
 
 		// Notify the calendar to update its timestamp
 		this.fireDecoratorEvent("navigate", { timestamp: this.timestamp! });
+
+		await renderFinished();
+		this._focusableYear.focus();
 	}
 
 	_onkeyup(e: KeyboardEvent) {

packages/main/src/YearRangePicker.ts

@@ -1,7 +1,9 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import query from "@ui5/webcomponents-base/dist/decorators/query.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
 import type LocaleT from "sap/ui/core/Locale";
 import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
 import {
@@ -128,13 +130,21 @@ class YearRangePicker extends CalendarPart implements ICalendarPicker {
 
 	_gridStartYear?: number;
 
+	@query("[data-sap-focus-ref]")
+	_focusableYearRange!: HTMLElement;
+
 	@i18n("@ui5/webcomponents")
 	static i18nBundle: I18nBundle;
 
 	get roleDescription() {
 		return YearRangePicker.i18nBundle.getText(YEAR_RANGE_PICKER_DESCRIPTION);
 	}
 
+	async _onfocusin() {
+		await renderFinished();
+		this._focusableYearRange.focus();
+	}
+
 	onBeforeRendering() {
 		if (this._hidden) {
 			return;
@@ -488,13 +498,16 @@ class YearRangePicker extends CalendarPart implements ICalendarPicker {
 	 * @param amount
 	 * @private
 	 */
-	_modifyTimestampBy(amount: number) {
+	async _modifyTimestampBy(amount: number) {
 		// Modify the current timestamp
 		const amountInYears = amount * this._getRangeSize();
 		this._safelyModifyTimestampBy(amountInYears, "year");
 
 		// Notify the calendar to update its timestamp
 		this.fireDecoratorEvent("navigate", { timestamp: this.timestamp! });
+
+		await renderFinished();
+		this._focusableYearRange.focus();
 	}
 
 	_modifyGridStartBy(years: number) {