Add check for ID(s)

Author: TylerJDev

src/rules/__tests__/a11y-link-in-text-block.test.js

@@ -15,11 +15,11 @@ ruleTester.run('a11y-link-in-text-block', rule, {
   valid: [
     `import {Link} from '@primer/react';
     <Box>
-  
+
     <Link href="something">
       Blah blah
     </Link>{' '}
-    . 
+    .
     </Box>
   `,
     `import {Text, Link} from '@primer/react';
@@ -138,6 +138,9 @@ ruleTester.run('a11y-link-in-text-block', rule, {
     `<div>
       <a href="/link">Link</a>.
     </div>`,
+    `<div>
+      <a href="/link" id="custom-link">Link</a>.
+    </div>`,
   ],
   invalid: [
     {

src/rules/a11y-link-in-text-block.js

@@ -84,6 +84,10 @@ module.exports = {
           const classNameAttribute = getJSXOpeningElementAttribute(node.openingElement, 'className')
           if (classNameAttribute) return
 
+          // Skip if anchor has an ID (might have distinguishing styles)
+          const idAttribute = getJSXOpeningElementAttribute(node.openingElement, 'id')
+          if (idAttribute) return
+
           // Check for anchor in text block
           if (isNodeInTextBlock(node)) {
             // Skip if anchor child is a JSX element