Add new test cases to discuss about the fix

Author: broccolinisoup

docs/rules/no-deprecated-props.md

@@ -1,6 +1,6 @@
 ## Rule Details
 
-This rule enforces to use the recommended API (`ActionList.GroupHeading`) component over the deprecated prop (`title` prop on `ActionList.Group`) for ActionList component.
+This rule enforces to use the recommended API (`ActionList.GroupHeading`) component over the deprecated prop (`title` prop on `ActionList.Group`) for ActionList component..
 
 👎 Examples of **incorrect** code for this rule:
 

src/rules/__tests__/no-deprecated-props.test.js

@@ -90,5 +90,32 @@ ruleTester.run('no-deprecated-props', rule, {
         },
       ],
     },
+    {
+      code: `<ActionList.Group title={title}></ActionList.Group>`,
+      output: `<ActionList.Group><ActionList.GroupHeading>{title}</ActionList.GroupHeading></ActionList.Group>`,
+      errors: [
+        {
+          messageId: 'titlePropDeprecated',
+        },
+      ],
+    },
+    {
+      code: `<ActionList.Group title={'Title'}></ActionList.Group>`,
+      output: `<ActionList.Group><ActionList.GroupHeading>Title</ActionList.GroupHeading></ActionList.Group>`,
+      errors: [
+        {
+          messageId: 'titlePropDeprecated',
+        },
+      ],
+    },
+    {
+      code: `<ActionList.Group title={condition ? 'Title' : undefined}></ActionList.Group>`,
+      output: `<ActionList.Group><ActionList.GroupHeading>Group heading 1</ActionList.GroupHeading></ActionList.Group>`,
+      errors: [
+        {
+          messageId: 'titlePropDeprecated',
+        },
+      ],
+    },
   ],
 })