-
-
-
- }
- isLiveRegion={true}
- ouiaContext={
- Object {
- "isOuia": false,
- "ouiaId": null,
- }
- }
- title="Test Alert"
+
+
+
+
+ Info alert:
+
+ Test Alert
+
+
+
-
-
-
-
-
- Info alert:
-
- Test Alert
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/packages/react-core/src/components/ApplicationLauncher/__tests__/Generated/__snapshots__/ApplicationLauncher.test.tsx.snap b/packages/react-core/src/components/ApplicationLauncher/__tests__/Generated/__snapshots__/ApplicationLauncher.test.tsx.snap
index a341d15778d..6bb648daf9f 100644
--- a/packages/react-core/src/components/ApplicationLauncher/__tests__/Generated/__snapshots__/ApplicationLauncher.test.tsx.snap
+++ b/packages/react-core/src/components/ApplicationLauncher/__tests__/Generated/__snapshots__/ApplicationLauncher.test.tsx.snap
@@ -26,8 +26,9 @@ exports[`ApplicationLauncher should match snapshot (auto-generated) 1`] = `
}
}
>
-
}
>
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ],
- "isGrouped": false,
- "isOpen": true,
- "position": "left",
- "toggle":
- ,
- }
- }
- consumerContext={null}
+
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ]
- }
- isGrouped={false}
+ ariaHasPopup={true}
+ iconComponent={null}
+ id="pf-toggle-id-5"
+ isDisabled={false}
isOpen={true}
isPlain={false}
- onSelect={[Function]}
- ouiaComponentType="Dropdown"
- ouiaContext={
+ key=".0"
+ onEnter={[Function]}
+ onToggle={[Function]}
+ parentRef={
Object {
- "isOuia": false,
- "ouiaId": null,
- }
- }
- position="left"
- toggle={
-
-
- }
- >
-
-
+
+
+
+
+
+
+ ,
- }
- }
- >
-
+
+
+ ,
- }
- }
- >
-
+
+
+
+
+
+
+
+
+
+
+
+ ,
+ }
+ }
+ >
+
-
-
+
@@ -545,330 +305,455 @@ exports[`ApplicationLauncher custom icon 1`] = `
transform="rotate(180 0 512) scale(-1 1)"
/>
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ ,
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`;
@@ -929,8 +814,9 @@ exports[`ApplicationLauncher dropup + right aligned 1`] = `
/>
}
>
-
}
>
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ],
- "isGrouped": false,
- "isOpen": false,
- "position": "right",
- "toggle":
- ,
- }
- }
- consumerContext={null}
+
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ]
- }
- isGrouped={false}
+ ariaHasPopup={true}
+ iconComponent={null}
+ id="pf-toggle-id-3"
+ isDisabled={false}
isOpen={false}
isPlain={false}
- onSelect={[Function]}
- ouiaComponentType="Dropdown"
- ouiaContext={
+ key=".0"
+ onEnter={[Function]}
+ onToggle={[Function]}
+ parentRef={
Object {
- "isOuia": false,
- "ouiaId": null,
- }
- }
- position="right"
- toggle={
-
-
- }
- >
-
-
-
-
-
-
-
-
- ,
- }
- }
- >
-
-
-
-
-
-
-
- ,
- }
- }
+ class="pf-c-app-launcher pf-m-top pf-m-align-right"
+ data-ouia-component-id="3"
+ data-ouia-component-type="PF4/Dropdown"
+ data-ouia-safe="true"
>
-
-
+
+
+
+
+ ,
+ }
+ }
+ >
+
+
+
@@ -1249,15 +978,58 @@ exports[`ApplicationLauncher dropup + right aligned 1`] = `
transform=""
/>
-
-
-
-
-
-
-
-
-
+
+
+ ,
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
`;
@@ -1318,8 +1090,9 @@ exports[`ApplicationLauncher dropup 1`] = `
/>
}
>
-
}
>
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ],
- "isGrouped": false,
- "isOpen": false,
- "position": "left",
- "toggle":
- ,
- }
- }
- consumerContext={null}
+
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ]
- }
- isGrouped={false}
+ ariaHasPopup={true}
+ iconComponent={null}
+ id="pf-toggle-id-2"
+ isDisabled={false}
isOpen={false}
isPlain={false}
- onSelect={[Function]}
- ouiaComponentType="Dropdown"
- ouiaContext={
+ key=".0"
+ onEnter={[Function]}
+ onToggle={[Function]}
+ parentRef={
Object {
- "isOuia": false,
- "ouiaId": null,
- }
- }
- position="left"
- toggle={
-
-
- }
- >
-
-
-
-
-
-
-
-
- ,
- }
- }
- >
-
-
-
-
-
-
-
- ,
- }
- }
+ class="pf-c-app-launcher pf-m-top"
+ data-ouia-component-id="2"
+ data-ouia-component-type="PF4/Dropdown"
+ data-ouia-safe="true"
>
+
+
+
+
+
+ ,
+ }
+ }
+ >
+
-
-
+
@@ -1638,15 +1254,58 @@ exports[`ApplicationLauncher dropup 1`] = `
transform=""
/>
-
-
-
-
-
-
-
-
-
+
+
+ ,
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
`;
@@ -1707,8 +1366,9 @@ exports[`ApplicationLauncher expanded 1`] = `
/>
}
>
-
}
>
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ],
- "isGrouped": false,
- "isOpen": true,
- "position": "left",
- "toggle":
- ,
- }
- }
- consumerContext={null}
+
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ]
- }
- isGrouped={false}
+ ariaHasPopup={true}
+ iconComponent={null}
+ id="pf-toggle-id-4"
+ isDisabled={false}
isOpen={true}
isPlain={false}
- onSelect={[Function]}
- ouiaComponentType="Dropdown"
- ouiaContext={
+ key=".0"
+ onEnter={[Function]}
+ onToggle={[Function]}
+ parentRef={
Object {
- "isOuia": false,
- "ouiaId": null,
- }
- }
- position="left"
- toggle={
-
-
- }
- >
-
-
+
+
+
+
+
+
+ ,
- }
- }
- >
-
+
+
+ ,
- }
- }
- >
-
+
+
+
+
+
+
+
+
+
+
+
+ ,
+ }
+ }
+ >
+
-
-
+
@@ -2187,330 +1610,453 @@ exports[`ApplicationLauncher expanded 1`] = `
transform=""
/>
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+ ,
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Link
+
+
+
+
+
+
+
+
+ Action
+
+
+
+
+
+
+
+
+ Disabled Link
+
+
+
+
+
+
+
-
-
-
- Disabled Action
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
+
+
+
-
-
-
- Separated Link
-
-
-
-
-
+
+
+
+
+
+
-
-
-
- Separated Action
-
-
-
-
-
-
-
-
-
-
+ Separated Action
+
+
+
+
+
+
+
+
`;
@@ -2571,8 +2117,9 @@ exports[`ApplicationLauncher regular 1`] = `
/>
}
>
-
}
>
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ],
- "isGrouped": false,
- "isOpen": false,
- "position": "left",
- "toggle":
- ,
- }
- }
- consumerContext={null}
+
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ]
- }
- isGrouped={false}
+ ariaHasPopup={true}
+ iconComponent={null}
+ id="pf-toggle-id-0"
+ isDisabled={false}
isOpen={false}
isPlain={false}
- onSelect={[Function]}
- ouiaComponentType="Dropdown"
- ouiaContext={
+ key=".0"
+ onEnter={[Function]}
+ onToggle={[Function]}
+ parentRef={
Object {
- "isOuia": false,
- "ouiaId": null,
- }
- }
- position="left"
- toggle={
-
-
- }
- >
-
-
-
-
-
-
-
-
- ,
- }
- }
- >
-
-
-
-
-
-
-
- ,
- }
- }
+ class="pf-c-app-launcher"
+ data-ouia-component-id="0"
+ data-ouia-component-type="PF4/Dropdown"
+ data-ouia-safe="true"
>
-
-
+
+
+
+
+ ,
+ }
+ }
+ >
+
+
+
@@ -2891,15 +2281,58 @@ exports[`ApplicationLauncher regular 1`] = `
transform=""
/>
-
-
-
-
-
-
-
-
-
+
+
+ ,
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
`;
@@ -2960,8 +2393,9 @@ exports[`ApplicationLauncher right aligned 1`] = `
/>
}
>
-
}
>
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ],
- "isGrouped": false,
- "isOpen": false,
- "position": "right",
- "toggle":
- ,
- }
- }
- consumerContext={null}
+
-
- Link
- ,
-
- Action
- ,
-
- Disabled Link
- ,
-
- Disabled Action
- ,
-
- Separated Link
- ,
-
- Separated Action
- ,
- ]
- }
- isGrouped={false}
+ ariaHasPopup={true}
+ iconComponent={null}
+ id="pf-toggle-id-1"
+ isDisabled={false}
isOpen={false}
isPlain={false}
- onSelect={[Function]}
- ouiaComponentType="Dropdown"
- ouiaContext={
+ key=".0"
+ onEnter={[Function]}
+ onToggle={[Function]}
+ parentRef={
Object {
- "isOuia": false,
- "ouiaId": null,
- }
- }
- position="right"
- toggle={
-
-
- }
- >
-
-
-
-
-
-
-
-
- ,
- }
- }
- >
-
-
-
-
-
-
-
- ,
- }
- }
+ class="pf-c-app-launcher pf-m-align-right"
+ data-ouia-component-id="1"
+ data-ouia-component-type="PF4/Dropdown"
+ data-ouia-safe="true"
>
-
-
+
+
+
+
+ ,
+ }
+ }
+ >
+
+
+
@@ -3280,14 +2557,57 @@ exports[`ApplicationLauncher right aligned 1`] = `
transform=""
/>
-
-
-
-
-
-
-
-
-
+
+
+ ,
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
`;
diff --git a/packages/react-core/src/components/Breadcrumb/Breadcrumb.tsx b/packages/react-core/src/components/Breadcrumb/Breadcrumb.tsx
index b95fe747ac9..525ddf1cafd 100644
--- a/packages/react-core/src/components/Breadcrumb/Breadcrumb.tsx
+++ b/packages/react-core/src/components/Breadcrumb/Breadcrumb.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import styles from '@patternfly/react-styles/css/components/Breadcrumb/breadcrumb';
import { css } from '@patternfly/react-styles';
-import { InjectedOuiaProps, withOuiaContext } from '../withOuia';
+import { getOUIAProps, OUIAProps } from '../../helpers';
export interface BreadcrumbProps extends React.HTMLProps {
/** Children nodes be rendered to the BreadCrumb. Should be of type BreadCrumbItem. */
@@ -12,26 +12,19 @@ export interface BreadcrumbProps extends React.HTMLProps {
'aria-label'?: string;
}
-const Breadcrumb: React.FunctionComponent = ({
+export const Breadcrumb: React.FunctionComponent = ({
children = null,
className = '',
'aria-label': ariaLabel = 'Breadcrumb',
- ouiaContext = null,
- ouiaId = null,
+ ouiaId,
...props
-}: BreadcrumbProps & InjectedOuiaProps) => (
+}: BreadcrumbProps & OUIAProps) => (
{children}
);
-
-const BreadcrumbWithOuiaContext = withOuiaContext(Breadcrumb);
-export { BreadcrumbWithOuiaContext as Breadcrumb };
diff --git a/packages/react-core/src/components/Breadcrumb/__tests__/Generated/__snapshots__/Breadcrumb.test.tsx.snap b/packages/react-core/src/components/Breadcrumb/__tests__/Generated/__snapshots__/Breadcrumb.test.tsx.snap
index 3ee2fe72d61..6fdd26b6ed1 100644
--- a/packages/react-core/src/components/Breadcrumb/__tests__/Generated/__snapshots__/Breadcrumb.test.tsx.snap
+++ b/packages/react-core/src/components/Breadcrumb/__tests__/Generated/__snapshots__/Breadcrumb.test.tsx.snap
@@ -1,7 +1,17 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Breadcrumb should match snapshot (auto-generated) 1`] = `
-
-
+
+
+ ReactNode
+
+
`;
diff --git a/packages/react-core/src/components/Breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap b/packages/react-core/src/components/Breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap
index b4a04999235..0039879504b 100644
--- a/packages/react-core/src/components/Breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap
+++ b/packages/react-core/src/components/Breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap
@@ -1,235 +1,161 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Breadcrumb component should render breadcrumb with aria-label 1`] = `
-
-
-
-
-
-
-
-
+
-
- Item 1
- ,
- " ",
-
- Item 1
- ,
- ],
- }
- }
- consumerContext={null}
+
+
-
-
-
-
+ Item 1
+
+
-
-
- Item 1
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
+
+
-
- Item 1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
`;
exports[`Breadcrumb component should render breadcrumb with className 1`] = `
-
-
-
-
-
-
-
-
+
+
+
`;
exports[`Breadcrumb component should render default breadcrumb 1`] = `
-
-
+
-
-
-
-
-
-
+
+
+
`;
diff --git a/packages/react-core/src/components/Button/Button.tsx b/packages/react-core/src/components/Button/Button.tsx
index da4c8af596d..e0c197043ea 100644
--- a/packages/react-core/src/components/Button/Button.tsx
+++ b/packages/react-core/src/components/Button/Button.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import styles from '@patternfly/react-styles/css/components/Button/button';
import { css } from '@patternfly/react-styles';
-import { InjectedOuiaProps, withOuiaContext } from '../withOuia';
+import { getOUIAProps, OUIAProps } from '../../helpers';
export enum ButtonVariant {
primary = 'primary',
@@ -52,7 +52,7 @@ export interface ButtonProps extends React.HTMLProps
{
tabIndex?: number;
}
-const Button: React.FunctionComponent = ({
+export const Button: React.FunctionComponent = ({
children = null,
className = '',
component = 'button',
@@ -67,11 +67,10 @@ const Button: React.FunctionComponent = ({
iconPosition = 'left',
'aria-label': ariaLabel = null,
icon = null,
- ouiaContext = null,
ouiaId = null,
tabIndex = null as number,
...props
-}: ButtonProps & InjectedOuiaProps) => {
+}: ButtonProps & OUIAProps) => {
const Component = component as any;
const isButtonElement = Component === 'button';
return (
@@ -93,10 +92,7 @@ const Button: React.FunctionComponent = ({
disabled={isButtonElement ? isDisabled : null}
tabIndex={isDisabled && !isButtonElement ? -1 : tabIndex}
type={isButtonElement ? type : null}
- {...(ouiaContext.isOuia && {
- 'data-ouia-component-type': 'Button',
- 'data-ouia-component-id': ouiaId || ouiaContext.ouiaId
- })}
+ {...getOUIAProps('Button', ouiaId)}
>
{icon && variant === ButtonVariant.link && iconPosition === 'left' && (
{icon}
@@ -109,6 +105,3 @@ const Button: React.FunctionComponent = ({
);
};
-
-const ButtonWithOuiaContext = withOuiaContext(Button);
-export { ButtonWithOuiaContext as Button };
diff --git a/packages/react-core/src/components/Button/__tests__/Generated/__snapshots__/Button.test.tsx.snap b/packages/react-core/src/components/Button/__tests__/Generated/__snapshots__/Button.test.tsx.snap
index d707e6651bb..bbfce54b702 100644
--- a/packages/react-core/src/components/Button/__tests__/Generated/__snapshots__/Button.test.tsx.snap
+++ b/packages/react-core/src/components/Button/__tests__/Generated/__snapshots__/Button.test.tsx.snap
@@ -1,7 +1,17 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Button should match snapshot (auto-generated) 1`] = `
-
-
+
+ ReactNode
+
`;
diff --git a/packages/react-core/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap b/packages/react-core/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap
index 9ac6e60da7f..79151056b14 100644
--- a/packages/react-core/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap
+++ b/packages/react-core/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap
@@ -1,384 +1,203 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`aria-disabled is set to true and tabIndex to -1 if component is not a button and is disabled 1`] = `
-
-
-
-
- Disabled Anchor Button
-
-
-
-
+ Disabled Anchor Button
+
+
`;
exports[`control button 1`] = `
-
-
-
-
- control
- Button
-
-
-
-
+ control
+ Button
+
+
`;
exports[`danger button 1`] = `
-
-
-
-
- danger
- Button
-
-
-
-
+ danger
+ Button
+
+
`;
exports[`isBlock 1`] = `
-
-
-
-
- Block Button
-
-
-
-
+ Block Button
+
+
`;
exports[`isDisabled 1`] = `
-
-
-
-
- Disabled Button
-
-
-
-
+ Disabled Button
+
+
`;
exports[`isFocus 1`] = `
-
-
-
-
- Focused Button
-
-
-
-
+ Focused Button
+
+
`;
exports[`isHover 1`] = `
-
-
-
-
- Hovered Button
-
-
-
-
+ Hovered Button
+
+
`;
exports[`isInline 1`] = `
-
-
-
-
-
- Hovered Button
-
-
-
-
-
+ Hovered Button
+
+
+
`;
exports[`link button 1`] = `
-
-
-
-
-
- link
- Button
-
-
-
-
-
+ link
+ Button
+
+
+
`;
exports[`link with icon 1`] = `
-
-
-
-
-
-
-
-
-
-
-
- Block Button
-
-
-
-
-
+
+ Block Button
+
+
+
`;
exports[`plain button 1`] = `
-
-
-
-
- plain
- Button
-
-
-
-
+ plain
+ Button
+
+
`;
exports[`primary button 1`] = `
-
-
-
-
- primary
- Button
-
-
-
-
+ primary
+ Button
+
+
`;
exports[`secondary button 1`] = `
-
-
-
-
- secondary
- Button
-
-
-
-
+ secondary
+ Button
+
+
`;
exports[`tertiary button 1`] = `
-
-
-
-
- tertiary
- Button
-
-
-
-
+ tertiary
+ Button
+
+
`;
diff --git a/packages/react-core/src/components/ChipGroup/Chip.tsx b/packages/react-core/src/components/ChipGroup/Chip.tsx
index 99dfe3b8194..65872c0e039 100644
--- a/packages/react-core/src/components/ChipGroup/Chip.tsx
+++ b/packages/react-core/src/components/ChipGroup/Chip.tsx
@@ -5,7 +5,7 @@ import { Tooltip } from '../Tooltip';
import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
import styles from '@patternfly/react-styles/css/components/Chip/chip';
import GenerateId from '../../helpers/GenerateId/GenerateId';
-import { InjectedOuiaProps, withOuiaContext } from '../withOuia';
+import { getOUIAProps, OUIAProps } from '../../helpers';
export interface ChipProps extends React.HTMLProps {
/** Content rendered inside the chip text */
@@ -30,8 +30,8 @@ interface ChipState {
isTooltipVisible: boolean;
}
-class Chip extends React.Component {
- constructor(props: ChipProps & InjectedOuiaProps) {
+export class Chip extends React.Component {
+ constructor(props: ChipProps & OUIAProps) {
super(props);
this.state = {
isTooltipVisible: false
@@ -57,15 +57,12 @@ class Chip extends React.Component {
}
renderOverflowChip = () => {
- const { children, className, onClick, ouiaContext, ouiaId } = this.props;
+ const { children, className, onClick, ouiaId } = this.props;
const Component = this.props.component as any;
return (
{children}
@@ -75,16 +72,7 @@ class Chip extends React.Component {
};
renderChip = (randomId: string) => {
- const {
- children,
- closeBtnAriaLabel,
- tooltipPosition,
- className,
- onClick,
- isReadOnly,
- ouiaContext,
- ouiaId
- } = this.props;
+ const { children, closeBtnAriaLabel, tooltipPosition, className, onClick, isReadOnly, ouiaId } = this.props;
const Component = this.props.component as any;
if (this.state.isTooltipVisible) {
return (
@@ -92,10 +80,7 @@ class Chip extends React.Component {
{children}
@@ -117,10 +102,7 @@ class Chip extends React.Component {
return (
{children}
@@ -146,6 +128,3 @@ class Chip extends React.Component {
);
}
}
-
-const ChipWithOuiaContext = withOuiaContext(Chip);
-export { ChipWithOuiaContext as Chip };
diff --git a/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/Chip.test.tsx.snap b/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/Chip.test.tsx.snap
index b9244a60fd2..031848c52f6 100644
--- a/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/Chip.test.tsx.snap
+++ b/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/Chip.test.tsx.snap
@@ -1,7 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Chip should match snapshot (auto-generated) 1`] = `
-
+
+
`;
diff --git a/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/ChipButton.test.tsx.snap b/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/ChipButton.test.tsx.snap
index 5fc4c852410..99c9775080d 100644
--- a/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/ChipButton.test.tsx.snap
+++ b/packages/react-core/src/components/ChipGroup/__tests__/Generated/__snapshots__/ChipButton.test.tsx.snap
@@ -1,12 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ChipButton should match snapshot (auto-generated) 1`] = `
-
ReactNode
-
+
`;
diff --git a/packages/react-core/src/components/ChipGroup/__tests__/__snapshots__/Chip.test.tsx.snap b/packages/react-core/src/components/ChipGroup/__tests__/__snapshots__/Chip.test.tsx.snap
index ce1d7b13448..555dcb68d8c 100644
--- a/packages/react-core/src/components/ChipGroup/__tests__/__snapshots__/Chip.test.tsx.snap
+++ b/packages/react-core/src/components/ChipGroup/__tests__/__snapshots__/Chip.test.tsx.snap
@@ -1,455 +1,264 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Chip closable 1`] = `
-
-
-
-
+ Chip
+
+
-
-
- Chip
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+