feat(Disclosure): added qa attribute for details and summary nodes (#…

…1253)

src/components/Disclosure/Disclosure.tsx

@@ -6,7 +6,7 @@ import {isOfType} from '../utils/isOfType';
 import {DisclosureProvider} from './DisclosureContext';
 import {DisclosureDetails} from './DisclosureDetails/DisclosureDetails';
 import {DefaultDisclosureSummary, DisclosureSummary} from './DisclosureSummary/DisclosureSummary';
-import {b} from './cn';
+import {b} from './constants';
 
 import './Disclosure.scss';
 

src/components/Disclosure/DisclosureDetails/DisclosureDetails.tsx

@@ -4,7 +4,7 @@ import {CSSTransition} from 'react-transition-group';
 
 import {getCSSTransitionClassNames} from '../../utils/transition';
 import {useDisclosureAttributes} from '../DisclosureContext';
-import {b} from '../cn';
+import {DisclosureQa, b} from '../constants';
 
 export interface DisclosureDetailsProps {
     children: React.ReactNode;
@@ -30,6 +30,7 @@ export function DisclosureDetails({children}: DisclosureDetailsProps) {
                 role="region"
                 aria-labelledby={ariaLabelledby}
                 className={b('content', {visible: expanded})}
+                data-qa={DisclosureQa.DETAILS}
             >
                 {children}
             </div>

src/components/Disclosure/DisclosureSummary/DisclosureSummary.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import {ArrowToggle} from '../../ArrowToggle';
 import type {DisclosureSize} from '../Disclosure';
 import {useDisclosureAttributes, useToggleDisclosure} from '../DisclosureContext';
-import {b} from '../cn';
+import {DisclosureQa, b} from '../constants';
 
 const ComponentSizeToIconSizeMap: Record<DisclosureSize, number> = {
     m: 14,
@@ -47,6 +47,7 @@ export function DefaultDisclosureSummary({
             id={id}
             onClick={onClick}
             disabled={disabled}
+            data-qa={DisclosureQa.SUMMARY}
         >
             <ArrowToggle
                 size={ComponentSizeToIconSizeMap[size]}

src/components/Disclosure/constants.ts

@@ -0,0 +1,8 @@
+import {blockNew} from '../utils/cn';
+
+export const b = blockNew('disclosure');
+
+export const DisclosureQa = {
+    SUMMARY: 'disclosure-summary',
+    DETAILS: 'disclosure-details',
+};

src/components/Disclosure/index.ts

@@ -1,2 +1,3 @@
 export {Disclosure} from './Disclosure';
 export type {DisclosureSize, DisclosureArrowPosition, DisclosureProps} from './Disclosure';
+export {DisclosureQa} from './constants';