/**
* @fileoverview Ensure autocomplete attribute is correct.
* @author Wilco Fiers
*/
// -----------------------------------------------------------------------------
// Requirements
// -----------------------------------------------------------------------------
import { RuleTester } from 'eslint';
import parserOptionsMapper from '../../__util__/parserOptionsMapper';
import { axeFailMessage } from '../../__util__/axeMapping';
import parsers from '../../__util__/helpers/parsers';
import rule from '../../../src/rules/autocomplete-valid';
// -----------------------------------------------------------------------------
// Tests
// -----------------------------------------------------------------------------
const ruleTester = new RuleTester();
const invalidAutocomplete = [{
message: axeFailMessage('autocomplete-valid'),
type: 'JSXOpeningElement',
}];
const inappropriateAutocomplete = [{
message: axeFailMessage('autocomplete-appropriate'),
type: 'JSXOpeningElement',
}];
const componentsSettings = {
'jsx-a11y': {
components: {
Input: 'input',
},
},
};
ruleTester.run('autocomplete-valid', rule, {
valid: parsers.all([].concat(
// INAPPLICABLE
{ code: ';' },
// // PASSED AUTOCOMPLETE
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: ';' },
{ code: '', settings: componentsSettings },
{ code: '' },
// PASSED "autocomplete-appropriate"
// see also: https://github.com/dequelabs/axe-core/issues/2912
{ code: ';', errors: inappropriateAutocomplete },
{ code: ';', errors: inappropriateAutocomplete },
{ code: ';', errors: inappropriateAutocomplete },
{ code: ';', errors: inappropriateAutocomplete, options: [{ inputComponents: ['Foo'] }] },
)).map(parserOptionsMapper),
invalid: parsers.all([].concat(
// FAILED "autocomplete-valid"
{ code: ';', errors: invalidAutocomplete },
{ code: ';', errors: invalidAutocomplete },
{ code: ';', errors: invalidAutocomplete },
{ code: ';', errors: invalidAutocomplete },
{ code: ';', errors: invalidAutocomplete, options: [{ inputComponents: ['Bar'] }] },
{ code: '', errors: invalidAutocomplete, settings: componentsSettings },
)).map(parserOptionsMapper),
});