fix(Accordion): fix aria-expanded value when using alwaysOpen (#6537

)

* accordion accessibility fix #6536

* added a test for AccordionButton component #6536

Co-authored-by: mdreieva <maryna.dreieva@experian.com>

src/AccordionButton.tsx

@@ -87,7 +87,11 @@ const AccordionButton: BsPrefixRefForwardingComponent<
         ref={ref}
         onClick={accordionOnClick}
         {...props}
-        aria-expanded={eventKey === activeEventKey}
+        aria-expanded={
+          Array.isArray(activeEventKey)
+            ? activeEventKey.includes(eventKey)
+            : eventKey === activeEventKey
+        }
         className={classNames(
           className,
           bsPrefix,

test/AccordionButtonSpec.tsx

@@ -1,6 +1,7 @@
 import { fireEvent, render } from '@testing-library/react';
 import sinon from 'sinon';
 import AccordionButton from '../src/AccordionButton';
+import Accordion from '../src/Accordion';
 
 describe('<AccordionButton>', () => {
   it('Should have button as default component', () => {
@@ -33,4 +34,15 @@ describe('<AccordionButton>', () => {
 
     onClickSpy.should.be.calledOnce;
   });
+
+  it('Should have toggled aria-expanded attribute in alwaysOpen accordion', () => {
+    const onClickSpy = sinon.spy();
+    const { getByTestId } = render(
+      <Accordion alwaysOpen>
+        <AccordionButton data-testid="btn" onClick={onClickSpy} />
+      </Accordion>,
+    );
+    fireEvent.click(getByTestId('btn'));
+    getByTestId('btn').getAttribute('aria-expanded').should.equal('true');
+  });
 });