File Manager

Current Path: Root / node_modules/ eslint-plugin-jsx-a11y/ __tests__/ src/ rules

Parent Directory

Name	Size	Last Modified
[F]accessible-emoji-test.js Edit	2.43 KB	2022-10-08 17:28:24
[F]alt-text-test.js Edit	12.65 KB	2022-10-08 17:28:25
[F]anchor-has-content-test.js Edit	1.62 KB	2022-10-08 17:28:25
[F]anchor-is-valid-test.js Edit	27.10 KB	2022-10-08 17:28:25
[F]aria-activedescendant-has-tabindex-test.js Edit	2.64 KB	2022-10-08 17:28:25
[F]aria-props-test.js Edit	2.14 KB	2022-10-08 17:28:25
[F]aria-proptypes-test.js Edit	12.29 KB	2022-10-08 17:28:26
[F]aria-role-test.js Edit	3.86 KB	2022-10-08 17:28:26
[F]aria-unsupported-elements-test.js Edit	2.38 KB	2022-10-08 17:28:26
[F]autocomplete-valid-test.js Edit	3.41 KB	2022-10-08 17:28:26
[F]click-events-have-key-events-test.js Edit	3.57 KB	2022-10-08 17:28:27
[F]control-has-associated-label-test.js Edit	13.55 KB	2022-10-08 17:28:27
[F]heading-has-content-test.js Edit	3.17 KB	2022-10-08 17:28:28
[F]html-has-lang-test.js Edit	1.46 KB	2022-10-08 17:28:28
[F]iframe-has-title-test.js Edit	1.93 KB	2022-10-08 17:28:28
[F]img-redundant-alt-test.js Edit	5.15 KB	2022-10-08 17:28:28
[F]interactive-supports-focus-test.js Edit	9.72 KB	2022-10-08 17:28:29
[F]label-has-associated-control-test.js Edit	11.35 KB	2022-10-08 17:28:30
[F]label-has-for-test.js Edit	10.39 KB	2022-10-08 17:28:31
[F]lang-test.js Edit	1.73 KB	2022-10-08 17:28:31
[F]media-has-caption-test.js Edit	5.68 KB	2022-10-08 17:28:31
[F]mouse-events-have-key-events-test.js Edit	2.88 KB	2022-10-08 17:28:31
[F]no-access-key-test.js Edit	1.90 KB	2022-10-08 17:28:31
[F]no-autofocus-test.js Edit	2.24 KB	2022-10-08 17:28:31
[F]no-distracting-elements-test.js Edit	1.69 KB	2022-10-08 17:28:31
[F]no-interactive-element-to-noninteractive-role-test.js Edit	17.86 KB	2022-10-08 17:28:31
[F]no-noninteractive-element-interactions-test.js Edit	26.78 KB	2022-10-08 17:28:31
[F]no-noninteractive-element-to-interactive-role-test.js Edit	22.18 KB	2022-10-08 17:28:31
[F]no-noninteractive-tabindex-test.js Edit	4.12 KB	2022-10-08 17:28:31
[F]no-onchange-test.js Edit	2.12 KB	2022-10-08 17:28:31
[F]no-redundant-roles-test.js Edit	2.85 KB	2022-10-08 17:28:31
[F]no-static-element-interactions-test.js Edit	25.14 KB	2022-10-08 17:28:32
[F]role-has-required-aria-props-test.js Edit	4.26 KB	2022-10-08 17:28:32
[F]role-supports-aria-props-test.js Edit	23.12 KB	2022-10-08 17:28:32
[F]scope-test.js Edit	1.44 KB	2022-10-08 17:28:32
[F]tabindex-no-positive-test.js Edit	1.92 KB	2022-10-08 17:28:32

Editing: no-autofocus-test.js

/**
 * @fileoverview Enforce autoFocus prop is not used.
 * @author Ethan Cohen <@evcohen>
 */

// -----------------------------------------------------------------------------
// Requirements
// -----------------------------------------------------------------------------

import { RuleTester } from 'eslint';
import parserOptionsMapper from '../../__util__/parserOptionsMapper';
import rule from '../../../src/rules/no-autofocus';

// -----------------------------------------------------------------------------
// Tests
// -----------------------------------------------------------------------------

const ruleTester = new RuleTester();

const expectedError = {
  message: 'The autoFocus prop should not be used, as it can reduce usability and accessibility for users.',
  type: 'JSXAttribute',
};

const ignoreNonDOMSchema = [
  {
    ignoreNonDOM: true,
  },
];

const componentsSettings = {
  'jsx-a11y': {
    components: {
      Button: 'button',
    },
  },
};

ruleTester.run('no-autofocus', rule, {
  valid: [
    { code: '<div />;' },
    { code: '<div autofocus />;' },
    { code: '<input autofocus="true" />;' },
    { code: '<Foo bar />' },
    { code: '<Foo autoFocus />', options: ignoreNonDOMSchema },
    { code: '<div><div autofocus /></div>', options: ignoreNonDOMSchema },
    { code: '<Button />', settings: componentsSettings },
    { code: '<Button />', options: ignoreNonDOMSchema, settings: componentsSettings },
  ].map(parserOptionsMapper),
  invalid: [
    { code: '<div autoFocus />', errors: [expectedError] },
    { code: '<div autoFocus={true} />', errors: [expectedError] },
    { code: '<div autoFocus={false} />', errors: [expectedError] },
    { code: '<div autoFocus={undefined} />', errors: [expectedError] },
    { code: '<div autoFocus="true" />', errors: [expectedError] },
    { code: '<div autoFocus="false" />', errors: [expectedError] },
    { code: '<input autoFocus />', errors: [expectedError] },
    { code: '<Foo autoFocus />', errors: [expectedError] },
    { code: '<Button autoFocus />', errors: [expectedError], settings: componentsSettings },
    {
      code: '<Button autoFocus />',
      errors: [expectedError],
      options: ignoreNonDOMSchema,
      settings: componentsSettings,
    },
  ].map(parserOptionsMapper),
});

Cancel

File Explorer

Navigation

File Manager

Editing: no-autofocus-test.js

File Explorer

Navigation

File Manager

Editing: no-autofocus-test.js

Confirm Deletion

Rename Item

Change Permissions (Chmod)