dimsum-e2e-tests 3.60.0-next.42 → 3.60.0-next.44

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.60.0-next.44 (2026-03-26)
+
+### Features
+
+- ds-data-table:: add keyboard nav tests for all Filters V2 types [PUI-18206](https://jira.elliemae.io/browse/PUI-18206) ([#7950](https://git.elliemae.io/platform-ui/dimsum/issues/7950)) ([e54baa1](https://git.elliemae.io/platform-ui/dimsum/commit/e54baa104db1f46a832977b7eecc6332822c855f))
+
+## 3.60.0-next.43 (2026-03-20)
+
+### Features
+
+- ds-read-more:: aria expanded and fixes for safari [PUI-17191](https://jira.elliemae.io/browse/PUI-17191) ([#7947](https://git.elliemae.io/platform-ui/dimsum/issues/7947)) ([f07f003](https://git.elliemae.io/platform-ui/dimsum/commit/f07f003994489f3747b07311a0be004927913e42))
+
 ## 3.60.0-next.42 (2026-03-19)
 
 ### Bug Fixes

package/ds-apppicker/basic/DSAppPicker.basic.func.spec.js

@@ -34,8 +34,8 @@ if (
       const appPicker = await DSAppPickerCO.getAppPickerRoot();
       await expect(appPicker).toBeDisplayedInViewport();
     });
-    it('05: should focus the sixth element when clicking it', async () => {
-      const appPickerChip = await DSAppPickerCO.getChipByIndex(5);
+    it('05: should focus the seventh element when clicking it', async () => {
+      const appPickerChip = await DSAppPickerCO.getChipByIndex(6);
       await appPickerChip.click();
       await expect(appPickerChip).toBeFocused();
     });

package/ds-data-table-async/DSDataTableCO.js

@@ -85,6 +85,8 @@ export default class DataTableCO extends PageObject {
     'filtered-creatable-using-disable-focus-on-first-option-on-type-test',
   );
 
+  static customFilteredColumns = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'custom-filtered-columns');
+
   static filterEmpty = new Urlbuilder(PATH_E2E_DATATABLE_FILTERS, 'filter-empty-test');
 
   static filteredColumnWithComboboxFilterTest = new Urlbuilder(

package/ds-data-table-async/components/FiltersCO.js

@@ -153,6 +153,8 @@ export default class FiltersCO extends PageObject {
 
   static getFilterMenuContent = async () => $('[data-testid="data-table-filter-menu-content"]');
 
+  static getCustomTextFilterInput = async () => (await this.getFilterMenuContent()).$('input');
+
   // Calendar navigation buttons (shared across Single Date, Date Range, Date Switcher)
 
   static getCalendarPrevYearButton = async () => $('[data-testid="ds-controlled-date-time-picker-calendar-prev-year"]');

package/ds-data-table-async/filters/DSDataTable.custom-filtered-columns-focus.func.spec.js

@@ -0,0 +1,61 @@
+/* eslint-disable max-statements */
+/* eslint-env mocha */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { FiltersCO, HeaderCO } from '../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18226 - DataTable:: Custom Filtered Columns dialog focus - Func', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.customFilteredColumns.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    afterEach('close filter', async () => {
+      await browser.refresh();
+    });
+
+    it('01: should move focus to the input inside the dialog when the filter is opened', async () => {
+      // PUI-17321: verify that opening the Custom Filtered Columns dialog moves focus to its first focusable element
+      await FiltersCO.openFilterPopperByColumnName('Name');
+      const filterMenuContent = await FiltersCO.getFilterMenuContent();
+      await filterMenuContent.waitForDisplayed();
+      const customInput = await FiltersCO.getCustomTextFilterInput();
+      await expect(customInput).toBeFocused();
+    });
+
+    it('02: should keep focus inside the dialog when pressing Tab', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Name');
+      const filterMenuContent = await FiltersCO.getFilterMenuContent();
+      await filterMenuContent.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const isInsideDialog = await filterMenuContent.isExisting();
+      await expect(isInsideDialog).toBe(true);
+      // Focus should remain within the filter dialog, not escape to elements behind
+      const customInput = await FiltersCO.getCustomTextFilterInput();
+      await expect(customInput).toBeFocused();
+    });
+
+    it('03: should keep focus inside the dialog when pressing Shift+Tab', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Name');
+      const filterMenuContent = await FiltersCO.getFilterMenuContent();
+      await filterMenuContent.waitForDisplayed();
+      const customInput = await FiltersCO.getCustomTextFilterInput();
+      await expect(customInput).toBeFocused();
+      await browser.keys([Key.Shift, Key.Tab]);
+      // Focus should wrap within the dialog, not escape
+      await expect(customInput).toBeFocused();
+    });
+
+    it('04: should return focus to the filter button when closing the dialog with Escape', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Name');
+      const filterMenuContent = await FiltersCO.getFilterMenuContent();
+      await filterMenuContent.waitForDisplayed();
+      await expect(filterMenuContent).toBeDisplayed();
+      await browser.keys(Key.Escape);
+      const filterBtn = await HeaderCO.getFilterBtnByIndex(0);
+      await expect(filterBtn).toBeFocused();
+    });
+  });
+}

package/ds-data-table-async/filtersV2/DSDataTable.filtersV2-creatable.func.spec.js

@@ -1,13 +1,13 @@
-/* eslint-disable wdio/no-pause */
+/* eslint-env mocha */
+import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
-import { FilterBarCO, FiltersCO } from '../components';
+import { FilterBarCO, FiltersCO, RowCO } from '../components';
+import { type } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   // ── Creatable Select V2 ──
-  // SKIPPED: PUI-18111 - Enter on a newly created option applies the filter bypassing the Apply button flow.
-  // Tab from the auto-focused created option loses focus and clears the option. Pending component fix.
 
-  describe.skip('PUI-18109 - DataTable:: Filters V2 - Creatable Select - Func', () => {
+  describe('PUI-18109 - DataTable:: Filters V2 - Creatable Select - Func', () => {
     before(async () => {
       const errorOnGo = await DSDataTableCO.creatableSelectFilterV2.go();
       if (errorOnGo) throw errorOnGo;
@@ -18,20 +18,30 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await FiltersCO.openFilterPopperByColumnName('Name');
       const footer = await FiltersCO.getFilterFooter();
       await expect(footer).toBeDisplayed();
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeDisplayed();
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeDisplayed();
     });
 
-    it('02: should type a custom value and apply creatable select filter', async () => {
-      const input = await FiltersCO.getFilterSingleSelectInput();
-      await input.setValue('CustomValue');
-      await browser.keys('Enter');
-      await browser.pause(500);
+    it('02: should type a custom value, select created option and apply filter', async () => {
+      await type('CustomValue');
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
       const applyBtn = await FiltersCO.getFilterApplyButton();
       await applyBtn.click();
       const pills = await FilterBarCO.getAllPills();
       await expect(pills.length).toBeGreaterThan(0);
     });
 
-    it('03: should clear creatable select filter after Reset', async () => {
+    it('03: should filter data after applying creatable select', async () => {
+      const results = await RowCO.getRows();
+      const filteredNames = await DSDataTableCO.getAllColumnResults(results, 1);
+      const firstPillText = await (await FilterBarCO.getPillByIndex(1)).getText();
+      await expect(filteredNames.every((name) => name === firstPillText)).toBeTruthy();
+    });
+
+    it('04: should clear creatable select filter after Reset', async () => {
       await FiltersCO.openFilterPopperByColumnName('Name');
       const resetBtn = await FiltersCO.getFilterResetButton();
       await resetBtn.click();
@@ -41,9 +51,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
 
   // ── Creatable Multi Select V2 ──
-  // SKIPPED: PUI-XXXXX - Same creatable option defect affects multi select. Pending component fix.
 
-  describe.skip('PUI-18110 - DataTable:: Filters V2 - Creatable Multi Select - Func', () => {
+  describe('PUI-18110 - DataTable:: Filters V2 - Creatable Multi Select - Func', () => {
     before(async () => {
       const errorOnGo = await DSDataTableCO.creatableMultiSelectFilterV2.go();
       if (errorOnGo) throw errorOnGo;
@@ -54,20 +63,30 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await FiltersCO.openFilterPopperByColumnName('Position');
       const footer = await FiltersCO.getFilterFooter();
       await expect(footer).toBeDisplayed();
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeDisplayed();
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeDisplayed();
     });
 
-    it('02: should type a custom value and apply creatable multi select filter', async () => {
-      const input = await FiltersCO.getFilterMultiSelectInput();
-      await input.setValue('CustomPosition');
-      await browser.keys('Enter');
-      await browser.pause(500);
+    it('02: should type a custom value, select created option and apply filter', async () => {
+      await type('CustomPosition');
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
       const applyBtn = await FiltersCO.getFilterApplyButton();
       await applyBtn.click();
       const pills = await FilterBarCO.getAllPills();
       await expect(pills.length).toBeGreaterThan(0);
     });
 
-    it('03: should clear creatable multi select filter after Reset', async () => {
+    it('03: should filter data after applying creatable multi select', async () => {
+      const results = await RowCO.getRows();
+      const filteredPositions = await DSDataTableCO.getAllColumnResults(results, 1);
+      const firstPillText = await (await FilterBarCO.getPillByIndex(1)).getText();
+      await expect(filteredPositions.every((pos) => pos === firstPillText)).toBeTruthy();
+    });
+
+    it('04: should clear creatable multi select filter after Reset', async () => {
       await FiltersCO.openFilterPopperByColumnName('Position');
       const resetBtn = await FiltersCO.getFilterResetButton();
       await resetBtn.click();

package/ds-data-table-async/filtersV2/DSDataTable.filtersV2-creatablemultiselect.keyboard.func.spec.js

@@ -0,0 +1,72 @@
+/* eslint-env mocha */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { FiltersCO } from '../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Forward keyboard navigation
+  describe('PUI-XXXXX - DataTable:: Filters V2 - Creatable Multi Select, forward keyboard navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.creatableMultiSelectFilterV2.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should open the Creatable Multi Select V2 filter and focus input', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Position');
+      const input = await FiltersCO.getFilterMultiSelectInput();
+      await expect(input).toBeFocused();
+    });
+
+    it('02: Tab → Reset button', async () => {
+      await browser.keys(Key.Tab);
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeFocused();
+    });
+
+    it('03: Tab → Apply button', async () => {
+      await browser.keys(Key.Tab);
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeFocused();
+    });
+
+    it('04: Tab → wraps back to input', async () => {
+      await browser.keys(Key.Tab);
+      const input = await FiltersCO.getFilterMultiSelectInput();
+      await expect(input).toBeFocused();
+    });
+  });
+
+  // Backward keyboard navigation
+  describe('PUI-XXXXX - DataTable:: Filters V2 - Creatable Multi Select, backward keyboard navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.creatableMultiSelectFilterV2.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should open the Creatable Multi Select V2 filter and focus input', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Position');
+      const input = await FiltersCO.getFilterMultiSelectInput();
+      await expect(input).toBeFocused();
+    });
+
+    it('02: Shift+Tab → Apply button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeFocused();
+    });
+
+    it('03: Shift+Tab → Reset button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeFocused();
+    });
+
+    it('04: Shift+Tab → wraps back to input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const input = await FiltersCO.getFilterMultiSelectInput();
+      await expect(input).toBeFocused();
+    });
+  });
+}

package/ds-data-table-async/filtersV2/DSDataTable.filtersV2-creatableselect.keyboard.func.spec.js

@@ -0,0 +1,72 @@
+/* eslint-env mocha */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { FiltersCO } from '../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Forward keyboard navigation
+  describe('PUI-XXXXX - DataTable:: Filters V2 - Creatable Select, forward keyboard navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.creatableSelectFilterV2.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should open the Creatable Select V2 filter and focus input', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Name');
+      const input = await FiltersCO.getFilterSingleSelectInput();
+      await expect(input).toBeFocused();
+    });
+
+    it('02: Tab → Reset button', async () => {
+      await browser.keys(Key.Tab);
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeFocused();
+    });
+
+    it('03: Tab → Apply button', async () => {
+      await browser.keys(Key.Tab);
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeFocused();
+    });
+
+    it('04: Tab → wraps back to input', async () => {
+      await browser.keys(Key.Tab);
+      const input = await FiltersCO.getFilterSingleSelectInput();
+      await expect(input).toBeFocused();
+    });
+  });
+
+  // Backward keyboard navigation
+  describe('PUI-XXXXX - DataTable:: Filters V2 - Creatable Select, backward keyboard navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.creatableSelectFilterV2.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should open the Creatable Select V2 filter and focus input', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Name');
+      const input = await FiltersCO.getFilterSingleSelectInput();
+      await expect(input).toBeFocused();
+    });
+
+    it('02: Shift+Tab → Apply button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeFocused();
+    });
+
+    it('03: Shift+Tab → Reset button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeFocused();
+    });
+
+    it('04: Shift+Tab → wraps back to input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const input = await FiltersCO.getFilterSingleSelectInput();
+      await expect(input).toBeFocused();
+    });
+  });
+}

package/ds-data-table-async/filtersV2/DSDataTable.filtersV2-currencyrange.keyboard.func.spec.js

@@ -0,0 +1,82 @@
+/* eslint-env mocha */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { FiltersCO, FiltersCOextra } from '../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Forward keyboard navigation
+  describe('PUI-18199 - DataTable:: Filters V2 - Currency Range, forward keyboard navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.currencyRangeFilterV2.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should open the Currency Range V2 filter and focus min input', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Salary');
+      const minInput = await FiltersCOextra.filterCurrencyLeftInput();
+      await expect(minInput).toBeFocused();
+    });
+
+    it('02: Tab → max input', async () => {
+      await browser.keys(Key.Tab);
+      const maxInput = await FiltersCOextra.filterCurrencyRightInput();
+      await expect(maxInput).toBeFocused();
+    });
+    it('03: Tab → Reset button', async () => {
+      await browser.keys(Key.Tab);
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeFocused();
+    });
+    it('04: Tab → Apply button', async () => {
+      await browser.keys(Key.Tab);
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeFocused();
+    });
+
+    it('05: Tab → wraps back to min input', async () => {
+      await browser.keys(Key.Tab);
+      const minInput = await FiltersCOextra.filterCurrencyLeftInput();
+      await expect(minInput).toBeFocused();
+    });
+  });
+
+  // Backward keyboard navigation
+  describe('PUI-18200 - DataTable:: Filters V2 - Currency Range, backward keyboard navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.currencyRangeFilterV2.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should open the Currency Range V2 filter and focus min input', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Salary');
+      const minInput = await FiltersCOextra.filterCurrencyLeftInput();
+      await expect(minInput).toBeFocused();
+    });
+
+    it('02: Shift+Tab → Apply button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeFocused();
+    });
+
+    it('03: Shift+Tab → Reset button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeFocused();
+    });
+
+    it('04: Shift+Tab → max input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const maxInput = await FiltersCOextra.filterCurrencyRightInput();
+      await expect(maxInput).toBeFocused();
+    });
+
+    it('05: Shift+Tab → wraps back to min input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const minInput = await FiltersCOextra.filterCurrencyLeftInput();
+      await expect(minInput).toBeFocused();
+    });
+  });
+}

package/ds-data-table-async/filtersV2/DSDataTable.filtersV2-daterange.keyboard.func.spec.js

@@ -0,0 +1,193 @@
+/* eslint-env mocha */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { FiltersCO } from '../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Forward keyboard navigation
+  describe('PUI-18197 - DataTable:: Filters V2 - Date Range, forward keyboard navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dateRangeFilterV2.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should open the Date Range V2 filter and focus start MM input', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Date range');
+      const startMM = await FiltersCO.filterDateRangePopper.getMonthInput(0);
+      await expect(startMM).toBeFocused();
+    });
+
+    it('02: Tab → start DD input', async () => {
+      await browser.keys(Key.Tab);
+      const startDD = await FiltersCO.filterDateRangePopper.getDayInput(0);
+      await expect(startDD).toBeFocused();
+    });
+
+    it('03: Tab → start YYYY input', async () => {
+      await browser.keys(Key.Tab);
+      const startYYYY = await FiltersCO.filterDateRangePopper.getYearInput(0);
+      await expect(startYYYY).toBeFocused();
+    });
+
+    it('04: Tab → end MM input', async () => {
+      await browser.keys(Key.Tab);
+      const endMM = await FiltersCO.filterDateRangePopper.getMonthInput(1);
+      await expect(endMM).toBeFocused();
+    });
+
+    it('05: Tab → end DD input', async () => {
+      await browser.keys(Key.Tab);
+      const endDD = await FiltersCO.filterDateRangePopper.getDayInput(1);
+      await expect(endDD).toBeFocused();
+    });
+
+    it('06: Tab → end YYYY input', async () => {
+      await browser.keys(Key.Tab);
+      const endYYYY = await FiltersCO.filterDateRangePopper.getYearInput(1);
+      await expect(endYYYY).toBeFocused();
+    });
+
+    // PUI-15014: current tab order is PrevMonth → NextMonth → PrevYear → NextYear
+    // Once PUI-15014 is fixed, update to: PrevYear → PrevMonth → NextMonth → NextYear
+    it('07: Tab → Prev Month button', async () => {
+      await browser.keys(Key.Tab);
+      const prevMonth = await FiltersCO.getCalendarPrevMonthButton();
+      await expect(prevMonth).toBeFocused();
+    });
+
+    it('08: Tab → Next Month button', async () => {
+      await browser.keys(Key.Tab);
+      const nextMonth = await FiltersCO.getCalendarNextMonthButton();
+      await expect(nextMonth).toBeFocused();
+    });
+
+    it('09: Tab → Prev Year button', async () => {
+      await browser.keys(Key.Tab);
+      const prevYear = await FiltersCO.getCalendarPrevYearButton();
+      await expect(prevYear).toBeFocused();
+    });
+
+    it('10: Tab → Next Year button', async () => {
+      await browser.keys(Key.Tab);
+      const nextYear = await FiltersCO.getCalendarNextYearButton();
+      await expect(nextYear).toBeFocused();
+    });
+
+    it('11: Tab → current day in calendar', async () => {
+      await browser.keys(Key.Tab);
+      const focusedDay = await FiltersCO.getCalendarFocusedDay();
+      await expect(focusedDay).toBeFocused();
+    });
+    it('12: Tab → Reset button', async () => {
+      await browser.keys(Key.Tab);
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeFocused();
+    });
+    it('13: Tab → Apply button', async () => {
+      await browser.keys(Key.Tab);
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeFocused();
+    });
+    it('14: Tab → wraps back to start MM input', async () => {
+      await browser.keys(Key.Tab);
+      const startMM = await FiltersCO.filterDateRangePopper.getMonthInput(0);
+      await expect(startMM).toBeFocused();
+    });
+  });
+
+  // Backward keyboard navigation
+  describe('PUI-18198 - DataTable:: Filters V2 - Date Range, backward keyboard navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.dateRangeFilterV2.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    it('01: should open the Date Range V2 filter and focus start MM input', async () => {
+      await FiltersCO.openFilterPopperByColumnName('Date range');
+      const startMM = await FiltersCO.filterDateRangePopper.getMonthInput(0);
+      await expect(startMM).toBeFocused();
+    });
+
+    it('02: Shift+Tab → Apply button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const applyBtn = await FiltersCO.getFilterApplyButton();
+      await expect(applyBtn).toBeFocused();
+    });
+
+    it('03: Shift+Tab → Reset button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const resetBtn = await FiltersCO.getFilterResetButton();
+      await expect(resetBtn).toBeFocused();
+    });
+
+    it('04: Shift+Tab → current day in calendar', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const focusedDay = await FiltersCO.getCalendarFocusedDay();
+      await expect(focusedDay).toBeFocused();
+    });
+
+    // PUI-15014: current tab order is PrevMonth → NextMonth → PrevYear → NextYear
+    // Once PUI-15014 is fixed, update to: NextYear → NextMonth → PrevMonth → PrevYear
+    it('05: Shift+Tab → Next Year button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const nextYear = await FiltersCO.getCalendarNextYearButton();
+      await expect(nextYear).toBeFocused();
+    });
+
+    it('06: Shift+Tab → Prev Year button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const prevYear = await FiltersCO.getCalendarPrevYearButton();
+      await expect(prevYear).toBeFocused();
+    });
+
+    it('07: Shift+Tab → Next Month button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const nextMonth = await FiltersCO.getCalendarNextMonthButton();
+      await expect(nextMonth).toBeFocused();
+    });
+
+    it('08: Shift+Tab → Prev Month button', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const prevMonth = await FiltersCO.getCalendarPrevMonthButton();
+      await expect(prevMonth).toBeFocused();
+    });
+
+    it('09: Shift+Tab → end YYYY input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const endYYYY = await FiltersCO.filterDateRangePopper.getYearInput(1);
+      await expect(endYYYY).toBeFocused();
+    });
+
+    it('10: Shift+Tab → end DD input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const endDD = await FiltersCO.filterDateRangePopper.getDayInput(1);
+      await expect(endDD).toBeFocused();
+    });
+
+    it('11: Shift+Tab → end MM input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const endMM = await FiltersCO.filterDateRangePopper.getMonthInput(1);
+      await expect(endMM).toBeFocused();
+    });
+
+    it('12: Shift+Tab → start YYYY input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const startYYYY = await FiltersCO.filterDateRangePopper.getYearInput(0);
+      await expect(startYYYY).toBeFocused();
+    });
+
+    it('13: Shift+Tab → start DD input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const startDD = await FiltersCO.filterDateRangePopper.getDayInput(0);
+      await expect(startDD).toBeFocused();
+    });
+
+    it('14: Shift+Tab → wraps back to start MM input', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const startMM = await FiltersCO.filterDateRangePopper.getMonthInput(0);
+      await expect(startMM).toBeFocused();
+    });
+  });
+}