55 lines
1.9 KiB
Plaintext
55 lines
1.9 KiB
Plaintext
/**
|
|
* @fileoverview Enforce anchor elements to contain accessible content.
|
|
* @author Lisa Ring & Niklas Holmberg
|
|
*/
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Requirements
|
|
// -----------------------------------------------------------------------------
|
|
|
|
import { RuleTester } from 'eslint';
|
|
import parserOptionsMapper from '../../__util__/parserOptionsMapper';
|
|
import parsers from '../../__util__/helpers/parsers';
|
|
import rule from '../../../src/rules/anchor-has-content';
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Tests
|
|
// -----------------------------------------------------------------------------
|
|
|
|
const ruleTester = new RuleTester();
|
|
|
|
const expectedError = {
|
|
message: 'Anchors must have content and the content must be accessible by a screen reader.',
|
|
type: 'JSXOpeningElement',
|
|
};
|
|
|
|
ruleTester.run('anchor-has-content', rule, {
|
|
valid: parsers.all([].concat(
|
|
{ code: '<div />;' },
|
|
{ code: '<a>Foo</a>' },
|
|
{ code: '<a><Bar /></a>' },
|
|
{ code: '<a>{foo}</a>' },
|
|
{ code: '<a>{foo.bar}</a>' },
|
|
{ code: '<a dangerouslySetInnerHTML={{ __html: "foo" }} />' },
|
|
{ code: '<a children={children} />' },
|
|
{ code: '<Link />' },
|
|
{
|
|
code: '<Link>foo</Link>',
|
|
settings: { 'jsx-a11y': { components: { Link: 'a' } } },
|
|
},
|
|
{ code: '<a title={title} />' },
|
|
{ code: '<a aria-label={ariaLabel} />' },
|
|
{ code: '<a title={title} aria-label={ariaLabel} />' },
|
|
)).map(parserOptionsMapper),
|
|
invalid: parsers.all([].concat(
|
|
{ code: '<a />', errors: [expectedError] },
|
|
{ code: '<a><Bar aria-hidden /></a>', errors: [expectedError] },
|
|
{ code: '<a>{undefined}</a>', errors: [expectedError] },
|
|
{
|
|
code: '<Link />',
|
|
errors: [expectedError],
|
|
settings: { 'jsx-a11y': { components: { Link: 'a' } } },
|
|
},
|
|
)).map(parserOptionsMapper),
|
|
});
|