@truenas/ui-components 0.1.40 → 0.1.41

package/fesm2022/truenas-ui-components.mjs

@@ -8106,6 +8106,59 @@ async function setInputValue(el, value) {
     }
     await el.blur();
 }
+const MONTHS = [
+    'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN',
+    'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC',
+];
+/**
+ * Navigates the calendar overlay to the target month/year, then clicks the day cell.
+ * Assumes the calendar popup is already open.
+ *
+ * @param rootLocator The document root locator factory (for finding overlay elements).
+ * @param date The target date to select.
+ */
+async function selectCalendarDate(rootLocator, date) {
+    await navigateCalendarTo(rootLocator, date);
+    const dayStr = date.getDate().toString();
+    const cells = await rootLocator.locatorForAll('.tn-calendar-body-cell:not([disabled])')();
+    for (const cell of cells) {
+        if ((await cell.text()).trim() === dayStr) {
+            await cell.click();
+            return;
+        }
+    }
+    throw new Error(`Could not find enabled calendar cell for day ${dayStr}`);
+}
+/**
+ * Navigates the calendar to show the month/year of the target date by
+ * clicking previous/next buttons as needed.
+ */
+async function navigateCalendarTo(rootLocator, date) {
+    const targetLabel = `${MONTHS[date.getMonth()]} ${date.getFullYear()}`;
+    // Safety limit to prevent infinite loops
+    for (let i = 0; i < 120; i++) {
+        const periodButton = await rootLocator.locatorFor('.tn-calendar-period-button')();
+        const currentLabel = (await periodButton.text()).trim();
+        if (currentLabel === targetLabel) {
+            return;
+        }
+        const currentDate = parseCalendarLabel(currentLabel);
+        const targetTime = date.getFullYear() * 12 + date.getMonth();
+        const currentTime = currentDate.year * 12 + currentDate.month;
+        const navSelector = targetTime > currentTime
+            ? '.tn-calendar-next-button'
+            : '.tn-calendar-previous-button';
+        const navButton = await rootLocator.locatorFor(navSelector)();
+        await navButton.click();
+    }
+    throw new Error(`Could not navigate calendar to ${targetLabel}`);
+}
+function parseCalendarLabel(label) {
+    const parts = label.split(' ');
+    const monthIndex = MONTHS.indexOf(parts[0]);
+    const year = parseInt(parts[1], 10);
+    return { year, month: monthIndex >= 0 ? monthIndex : 0 };
+}
 
 /**
  * Harness for interacting with `tn-date-input` in tests.
@@ -8198,6 +8251,25 @@ class TnDateInputHarness extends ComponentHarness {
         const overlay = await this.documentRootLocatorFactory().locatorForOptional('.tn-datepicker-overlay')();
         return overlay !== null;
     }
+    /**
+     * Selects a date via the calendar popup. Opens the calendar if not already
+     * open, navigates to the target month, and clicks the day cell.
+     *
+     * @param date The date to select.
+     *
+     * @example
+     * ```typescript
+     * const dateInput = await loader.getHarness(TnDateInputHarness);
+     * await dateInput.selectDate(new Date(2026, 3, 15));
+     * expect(await dateInput.getDisplayText()).toBe('04/15/2026');
+     * ```
+     */
+    async selectDate(date) {
+        if (!(await this.isCalendarOpen())) {
+            await this.openCalendar();
+        }
+        await selectCalendarDate(this.documentRootLocatorFactory(), date);
+    }
 }
 
 class TnDateRangeInputComponent {
@@ -8676,6 +8748,31 @@ class TnDateRangeInputHarness extends ComponentHarness {
         const overlay = await this.documentRootLocatorFactory().locatorForOptional('.tn-datepicker-overlay')();
         return overlay !== null;
     }
+    /**
+     * Selects a date range via the calendar popup. Opens the calendar if not
+     * already open, navigates to each target month, and clicks the day cells.
+     *
+     * @param range An object with `start` and `end` dates.
+     *
+     * @example
+     * ```typescript
+     * const rangeInput = await loader.getHarness(TnDateRangeInputHarness);
+     * await rangeInput.selectRange({
+     *   start: new Date(2026, 0, 1),
+     *   end: new Date(2026, 0, 31),
+     * });
+     * expect(await rangeInput.getStartText()).toBe('01/01/2026');
+     * expect(await rangeInput.getEndText()).toBe('01/31/2026');
+     * ```
+     */
+    async selectRange(range) {
+        if (!(await this.isCalendarOpen())) {
+            await this.openCalendar();
+        }
+        const rootLocator = this.documentRootLocatorFactory();
+        await selectCalendarDate(rootLocator, range.start);
+        await selectCalendarDate(rootLocator, range.end);
+    }
 }
 
 class TnTimeInputComponent {