ember-template-lint/lib/rules/link-href-attributes.js

Linter for Ember or Handlebars templates.

import AstNodeInfo from '../helpers/ast-node-info.js';
import Rule from './_base.js';

/**
 Disallow usage of `<a>` without an `href` attribute.

 Good:

 ```
 <a href="http://localhost">
 ```

 Bad:

 ```
 <a>
 ```
*/
export default class LinkHrefAttributes extends Rule {
  /**
   * @returns {import('./types.js').VisitorReturnType<LinkHrefAttributes>}
   */
  visitor() {
    return {
      ElementNode(node) {
        if (node.tag === 'a' && !AstNodeInfo.hasAttribute(node, 'href')) {
          const hasAriaRole = AstNodeInfo.hasAttribute(node, 'role');
          const hasAriaDisabled = AstNodeInfo.hasAttribute(node, 'aria-disabled');
          if (!(hasAriaRole && hasAriaDisabled)) {
            this.log({
              message: 'a tags must have an href attribute',
              node,
            });
          }
        }
      },
    };
  }
}