add a fix to replace aria-label with text

Author: broccolinisoup

src/rules/__tests__/use-next-tooltip.test.js

@@ -26,14 +26,17 @@ ruleTester.run('use-next-tooltip', rule, {
       output: `import {Tooltip} from '@primer/react/next';`,
     },
     {
-      code: `import {Tooltip, Button} from '@primer/react';`,
-      errors: [{messageId: 'useNextTooltip'}],
-      output: `import {Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/next';`,
+      code: `import {Tooltip, Button} from '@primer/react';\n<Tooltip aria-label="tooltip text"><Button>Button</Button></Tooltip>`,
+      errors: [{messageId: 'useNextTooltip'}, {messageId: 'useTextProp'}],
+      output: `import {Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/next';\n<Tooltip text="tooltip text"><Button>Button</Button></Tooltip>`,
     },
     {
-      code: `import {ActionList, ActionMenu, Tooltip, Button} from '@primer/react';`,
-      errors: [{messageId: 'useNextTooltip'}],
-      output: `import {ActionList, ActionMenu, Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/next';`,
+      code: `import {ActionList, ActionMenu, Tooltip, Button} from '@primer/react';\n<Tooltip aria-label="tooltip text"><Button>Button</Button></Tooltip>`,
+      errors: [
+        {messageId: 'useNextTooltip', line: 1},
+        {messageId: 'useTextProp', line: 2},
+      ],
+      output: `import {ActionList, ActionMenu, Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/next';\n<Tooltip text="tooltip text"><Button>Button</Button></Tooltip>`,
     },
   ],
 })

src/rules/use-next-tooltip.js

@@ -1,4 +1,5 @@
 'use strict'
+const {getJSXOpeningElementAttribute} = require('../utils/get-jsx-opening-element-attribute')
 
 module.exports = {
   meta: {
@@ -12,6 +13,7 @@ module.exports = {
     schema: [],
     messages: {
       useNextTooltip: 'Please use @primer/react/next Tooltip component that has accessibility improvements',
+      useTextProp: 'Please use the text prop instead of aria-label',
     },
   },
   create(context) {
@@ -55,6 +57,17 @@ module.exports = {
           },
         })
       },
+      JSXAttribute(node) {
+        if (node.name.name === 'aria-label') {
+          context.report({
+            node,
+            messageId: 'useTextProp',
+            fix(fixer) {
+              return fixer.replaceText(node.name, 'text')
+            },
+          })
+        }
+      },
     }
   },
 }