diff --git a/packages/react-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap b/packages/react-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap index 2e567f30153..463c7e4e9f8 100644 --- a/packages/react-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap +++ b/packages/react-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap @@ -25,7 +25,7 @@ exports[`Matches snapshot with control buttons enabled 1`] = ` - - ); - return ( -
+ {(genContentId) => ( + + {(genToggleId) => { + const uniqueContentId = contentId || genContentId; + const uniqueToggleId = toggleId || genToggleId; + + const expandableToggle = !isDetached && ( + + + + ); + + return ( +
+ {variant === ExpandableSectionVariant.default && expandableToggle} + + {variant === ExpandableSectionVariant.truncate && this.state.hasToggle && expandableToggle} +
+ ); + }} + )} - {...props} - > - {variant === ExpandableSectionVariant.default && expandableToggle} - - {variant === ExpandableSectionVariant.truncate && this.state.hasToggle && expandableToggle} -
+ ); } } diff --git a/packages/react-core/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap b/packages/react-core/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap index fc4058b5569..d98ba0d7416 100644 --- a/packages/react-core/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap +++ b/packages/react-core/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap @@ -11,7 +11,7 @@ exports[`Disclosure ExpandableSection 1`] = ` - ) : ( - !isPlain && toggleControls - )} - - ); - - const commonStyles = css( - styles.menuToggle, - isExpanded && styles.modifiers.expanded, - variant === 'primary' && styles.modifiers.primary, - variant === 'secondary' && styles.modifiers.secondary, - status && styles.modifiers[status], - (isPlain || isPlainText) && styles.modifiers.plain, - isPlainText && 'pf-m-text', - isFullHeight && styles.modifiers.fullHeight, - isFullWidth && styles.modifiers.fullWidth, - isDisabled && styles.modifiers.disabled, - isPlaceholder && styles.modifiers.placeholder, - isSettings && styles.modifiers.settings, - size === MenuToggleSize.sm && styles.modifiers.small, - className - ); - - const componentProps = { - children: content, - ...(isDisabled && { disabled: true }), - ...otherProps - }; - - if (isTypeahead) { - return ( -
} - className={css(commonStyles, styles.modifiers.typeahead)} - {...componentProps} - /> - ); - } - - if (splitButtonItems) { - return ( -
} className={css(commonStyles, styles.modifiers.splitButton)}> - {splitButtonItems} - -
- ); - } - return ( - + ) : ( + !isPlain && toggleControls + )} + + ); + + const commonStyles = css( + styles.menuToggle, + isExpanded && styles.modifiers.expanded, + variant === 'primary' && styles.modifiers.primary, + variant === 'secondary' && styles.modifiers.secondary, + status && styles.modifiers[status], + (isPlain || isPlainText) && styles.modifiers.plain, + isPlainText && 'pf-m-text', + isFullHeight && styles.modifiers.fullHeight, + isFullWidth && styles.modifiers.fullWidth, + isDisabled && styles.modifiers.disabled, + isPlaceholder && styles.modifiers.placeholder, + isSettings && styles.modifiers.settings, + size === MenuToggleSize.sm && styles.modifiers.small, + className + ); + + const componentProps = { + children: content, + ...(isDisabled && { disabled: true }), + ...otherProps + }; + + if (isTypeahead) { + return ( +
} + className={css(commonStyles, styles.modifiers.typeahead)} + {...componentProps} + /> + ) as React.ReactElement; + } + + if (splitButtonItems) { + return ( +
} + className={css(commonStyles, styles.modifiers.splitButton)} + > + {splitButtonItems} + +
+ ) as React.ReactElement; + } + + return ( +
); }; diff --git a/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadButton.test.tsx.snap b/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadButton.test.tsx.snap index 37f5b7fa274..cf407820e03 100644 --- a/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadButton.test.tsx.snap +++ b/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadButton.test.tsx.snap @@ -7,7 +7,7 @@ exports[`MultipleFileUploadButton renders custom class names 1`] = ` >
+ + )} + + )} + {renderScrollButtons && ( +
+
+ )} + + {renderScrollButtons && ( +
+ icon={} + />
- - )} - - )} - {renderScrollButtons && ( -
-
- )} - - {renderScrollButtons && ( -
-
- )} - {onAdd !== undefined && ( - - + + + + +
+ Tab 1 section +
+ + +`; + exports[`should render accessible tabs 1`] = `