test(AILabel): update textLabel test

carbon-design-system · Jun 27, 2024 · 249dcb3 · 249dcb3
1 parent de3eca6
commit 249dcb3
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 12 deletions.
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -11,9 +11,7 @@ Map {
       "aiText": Object {
         "type": "string",
       },
-      "aiTextLabel": Object {
-        "type": "string",
-      },
+      "aiTextLabel": [Function],
       "align": Object {
         "args": Array [
           Array [
@@ -41,6 +39,9 @@ Map {
         ],
         "type": "oneOf",
       },
+      "aria-label": Object {
+        "type": "string",
+      },
       "autoAlign": Object {
         "type": "bool",
       },
@@ -82,7 +83,8 @@ Map {
         ],
         "type": "oneOf",
       },
-      "slugLabel": Object {
+      "slugLabel": [Function],
+      "textLabel": Object {
         "type": "string",
       },
     },
@@ -10789,9 +10791,7 @@ Map {
       "aiText": Object {
         "type": "string",
       },
-      "aiTextLabel": Object {
-        "type": "string",
-      },
+      "aiTextLabel": [Function],
       "align": Object {
         "args": Array [
           Array [
@@ -10819,6 +10819,9 @@ Map {
         ],
         "type": "oneOf",
       },
+      "aria-label": Object {
+        "type": "string",
+      },
       "autoAlign": Object {
         "type": "bool",
       },
@@ -10860,7 +10863,8 @@ Map {
         ],
         "type": "oneOf",
       },
-      "slugLabel": Object {
+      "slugLabel": [Function],
+      "textLabel": Object {
         "type": "string",
       },
     },

diff --git a/packages/react/src/components/AILabel/__tests__/AILabel-test.js b/packages/react/src/components/AILabel/__tests__/AILabel-test.js
@@ -40,7 +40,7 @@ describe('AILabel', () => {
       expect(screen.getByText('IA')).toBeInTheDocument();
     });
 
-    it('should respect aiTextLabel prop when kind is inline', () => {
+    it('should respect textLabel prop when kind is inline', () => {
       const wrapper = render(<AILabel kind="inline" textLabel="Test text" />);
 
       const additionalTextSpan = wrapper.container.querySelector(
@@ -50,7 +50,7 @@ describe('AILabel', () => {
       expect(additionalTextSpan).toHaveTextContent('Test text');
     });
 
-    it('should not populate aiTextLabel prop when kind is not inline', () => {
+    it('should not populate textLabel prop when kind is not inline', () => {
       const wrapper = render(<AILabel textLabel="Test text" />);
 
       const additionalTextSpan = wrapper.container.querySelector(

diff --git a/packages/react/src/components/AILabel/index.js b/packages/react/src/components/AILabel/index.js
@@ -150,9 +150,9 @@ export const AILabel = React.forwardRef(function AILabel(
             className={aiLabelButtonClasses}
             label={ariaLabelText}>
             <span className={`${prefix}--slug__text`}>{aiText}</span>
-            {kind === 'inline' && aiTextLabel && (
+            {kind === 'inline' && (aiTextLabel || textLabel) && (
               <span className={`${prefix}--slug__additional-text`}>
-                {aiTextLabel}
+                {aiTextLabel || textLabel}
               </span>
             )}
           </ToggletipButton>