update codeeditor example, update tests

Author: kmcfaul

packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md

@@ -8,7 +8,6 @@ propComponents: ['CodeEditor', 'CodeEditorControl', 'Popover']
 Note: Code editor lives in its own package at [@patternfly/react-code-editor](https://www.npmjs.com/package/@patternfly/react-code-editor) and has [**required peer deps**](https://github.com/patternfly/patternfly-react/blob/main/packages/react-code-editor/package.json).
 
 import { CodeEditor, CodeEditorControl, Language } from '@patternfly/react-code-editor';
-import { Chip } from '@patternfly/react-core/deprecated';
 import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon';
 
 ## Examples

packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorShortcutMainHeader.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { CodeEditor, Language } from '@patternfly/react-code-editor';
-import { Grid, GridItem } from '@patternfly/react-core';
-import { Chip } from '@patternfly/react-core/deprecated';
+import { Grid, GridItem, Label } from '@patternfly/react-core';
 
 export const CodeEditorShortcutMainHeader: React.FunctionComponent = () => {
   const onEditorDidMount = (editor, monaco) => {
@@ -40,7 +39,11 @@ export const CodeEditorShortcutMainHeader: React.FunctionComponent = () => {
           <React.Fragment key={index}>
             <GridItem style={{ textAlign: 'right', marginRight: '1em' }}>
               {shortcut.keys
-                .map((key) => <Chip key={key}>{key}</Chip>)
+                .map((key) => (
+                  <Label variant="outline" key={key}>
+                    {key}
+                  </Label>
+                ))
                 .reduce((prev, curr) => (
                   <>{[prev, ' + ', curr]}</>
                 ))}

packages/react-core/src/deprecated/components/Chip/Chip.tsx

@@ -50,7 +50,6 @@ class Chip extends React.Component<ChipProps> {
   }
 
   static defaultProps: ChipProps = {
-    closeBtnAriaLabel: 'close',
     className: '',
     isOverflowChip: false,
     isReadOnly: false,

packages/react-core/src/deprecated/components/Chip/__tests__/Chip.test.tsx

@@ -122,22 +122,10 @@ test(`Renders actions container with class ${styles.labelActions} when isReadOnl
   expect(screen.getByRole('button').parentElement).toHaveClass(styles.labelActions);
 });
 
-test(`Renders aria-labelledby on action close button by default`, () => {
-  render(<Chip>Chip text</Chip>);
-
-  expect(screen.getByRole('button')).toHaveAccessibleName('close');
-});
-
-test(`Renders aria-labelledby on action close button with custom id passed`, () => {
-  render(<Chip id="custom-id">Chip text</Chip>);
-
-  expect(screen.getByRole('button')).toHaveAccessibleName('close');
-});
-
 test(`Renders concatenated aria-label on action close button by default`, () => {
   render(<Chip>Chip text</Chip>);
 
-  expect(screen.getByRole('button')).toHaveAccessibleName('close');
+  expect(screen.getByRole('button')).toHaveAccessibleName('Close Chip text,');
 });
 
 test(`Renders custom aria-label on action close button when closeBtnAriaLabel is passed`, () => {
@@ -150,7 +138,7 @@ test(`Does not render close button action when isOverflowChip is true`, () => {
   render(<Chip isOverflowChip>Chip text</Chip>);
 
   // Because overflow chip renders as a button, we need to add the accessible name to the query
-  expect(screen.queryByRole('button', { name: 'close' })).not.toBeInTheDocument();
+  expect(screen.queryByRole('button', { name: 'Close Chip text,' })).not.toBeInTheDocument();
 });
 
 test(`Does not render close button action when isReadOnly is true`, () => {
@@ -181,7 +169,7 @@ test(`Calls onClick when close button action is clicked for default chip`, async
 
   render(<Chip onClick={onClickMock}>Chip text</Chip>);
 
-  await user.click(screen.getByRole('button', { name: 'close' }));
+  await user.click(screen.getByRole('button', { name: 'Close Chip text,' }));
 
   expect(onClickMock).toHaveBeenCalledTimes(1);
 });

packages/react-core/src/deprecated/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap

@@ -24,9 +24,9 @@ exports[`Matches snapshot 1`] = `
     >
       <button
         aria-disabled="false"
-        aria-label="close"
+        aria-label="Close Chip text,"
         class="pf-v5-c-button pf-m-plain"
-        data-ouia-component-id="OUIA-Generated-Button-plain-19"
+        data-ouia-component-id="OUIA-Generated-Button-plain-17"
         data-ouia-component-type="PF5/Button"
         data-ouia-safe="true"
         type="button"