PivotGrid A11y and KBN - The headerfilter has an incorrect description in aria-label: there is no column name (#33736)

Author: bit-byte0

e2e/testcafe-devextreme/tests/common/pivotGrid/fieldPanel/T1287521_fields_aria_label.ts

@@ -23,7 +23,9 @@ test('Header fields should have correct aria-label', async (t) => {
     .expect(columnHeader.getHeaderFilterIcon(1).ariaLabel)
     .eql('Show filter options for column \'Column2\'')
     .expect(filterHeader.getHeaderFilterIcon(0).ariaLabel)
-    .eql('Show filter options for column \'Column3\'');
+    .eql('Show filter options for column \'Column3\'')
+    .expect(columnHeader.getHeaderFilterIcon(2).ariaLabel)
+    .notContains('undefined');
 }).before(async () => {
   await createWidget('dxPivotGrid', {
     allowFiltering: true,
@@ -43,6 +45,8 @@ test('Header fields should have correct aria-label', async (t) => {
       }, {
         dataField: 'column2',
         area: 'column',
+      }, {
+        area: 'column',
       }, {
         dataField: 'column3',
         area: 'filter',

packages/devextreme/js/__internal/grids/pivot_grid/field_chooser/m_field_chooser_base.ts

@@ -173,8 +173,9 @@ export class FieldChooserBase extends mixinWidget {
 
   renderField(field, showColumnLines) {
     const that = this;
+    const caption = field.caption ?? field.dataField ?? '';
     const $fieldContent = $(DIV).addClass(CLASSES.area.fieldContent)
-      .text(field.caption || field.dataField);
+      .text(caption);
     const $fieldElement = $(DIV)
       .addClass(CLASSES.area.field)
       .addClass(CLASSES.area.box)
@@ -191,7 +192,7 @@ export class FieldChooserBase extends mixinWidget {
             alignment: that.option('rtlEnabled') ? 'right' : 'left',
             sortOrder: field.sortOrder === 'desc' ? 'desc' : 'asc',
             allowSorting: field.allowSorting,
-            caption: field.caption || field.dataField,
+            caption,
           },
           showColumnLines,
         });
@@ -205,7 +206,7 @@ export class FieldChooserBase extends mixinWidget {
           filterValues: mainGroupField.filterValues,
           allowFiltering: mainGroupField.allowFiltering && !field.groupIndex,
           allowSorting: field.allowSorting,
-          caption: field.caption || field.dataField,
+          caption,
         },
         showColumnLines,
       });