fix(b-table): set aria-sort when using sortKey and no-local-sorting (closes #6602) (#6603)

* Use field sortKey if utilized

* Add test

Author: Hiws

src/components/table/helpers/mixin-sorting.js

@@ -235,15 +235,19 @@ export const sortingMixin = Vue.extend({
       }
     },
     sortTheadThAttrs(key, field, isFoot) {
-      if (!this.isSortable || (isFoot && this.noFooterSorting)) {
+      const { isSortable, noFooterSorting, localSortDesc, localSortBy, localSorting } = this
+      if (!isSortable || (isFoot && noFooterSorting)) {
         // No attributes if not a sortable table
         return {}
       }
+
       const sortable = field.sortable
+      const sortKey = !localSorting ? field.sortKey ?? key : key
+
       // Assemble the aria-sort attribute value
       const ariaSort =
-        sortable && this.localSortBy === key
-          ? this.localSortDesc
+        sortable && localSortBy === sortKey
+          ? localSortDesc
             ? 'descending'
             : 'ascending'
           : sortable

src/components/table/table-sorting.spec.js

@@ -63,6 +63,25 @@ describe('table > sorting', () => {
     expect(wrapper.emitted('sort-changed')[0][0].sortBy).toEqual('non-local')
   })
 
+  it('should set `aria-sort` when `field.sortKey` and `no-local-sorting` is used', async () => {
+    const wrapper = mount(BTable, {
+      propsData: {
+        fields: [...testFields, { key: 'd', label: 'D', sortable: true, sortKey: 'non-local' }],
+        items: testItems,
+        noLocalSorting: true
+      }
+    })
+
+    expect(wrapper).toBeDefined()
+    const $header = wrapper.findAll('thead > tr > th').at(3)
+
+    await $header.trigger('keydown.enter')
+    expect(wrapper.emitted('sort-changed').length).toBe(1)
+    expect(wrapper.emitted('sort-changed')[0][0].sortBy).toEqual('non-local')
+
+    expect($header.attributes('aria-sort')).toBe('ascending')
+  })
+
   it('should sort column descending when sortBy set and sortDesc changed, with proper attributes', async () => {
     const wrapper = mount(BTable, {
       propsData: {