@arcaauth/eslint-plugin-jsx-a11y 6.10.2

package/__tests__/src/rules/label-has-for-test.js

@@ -0,0 +1,235 @@
+/**
+ * @fileoverview Enforce label tags have htmlFor attribute.
+ * @author Ethan Cohen
+ */
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+import { RuleTester } from 'eslint';
+import assign from 'object.assign';
+import parserOptionsMapper from '../../__util__/parserOptionsMapper';
+import parsers from '../../__util__/helpers/parsers';
+import rule from '../../../src/rules/label-has-for';
+
+// -----------------------------------------------------------------------------
+// Tests
+// -----------------------------------------------------------------------------
+
+const ruleTester = new RuleTester();
+
+const expectedNestingError = {
+  message: 'Form label must have the following type of associated control: nesting',
+  type: 'JSXOpeningElement',
+};
+
+const expectedSomeError = {
+  message: 'Form label must have ANY of the following types of associated control: nesting, id',
+  type: 'JSXOpeningElement',
+};
+
+const expectedEveryError = {
+  message: 'Form label must have ALL of the following types of associated control: nesting, id',
+  type: 'JSXOpeningElement',
+};
+
+const optionsComponents = [{
+  components: ['Label', 'Descriptor'],
+}];
+const optionsRequiredNesting = [{
+  required: 'nesting',
+}];
+const optionsRequiredSome = [{
+  required: { some: ['nesting', 'id'] },
+}];
+const optionsRequiredEvery = [{
+  required: { every: ['nesting', 'id'] },
+}];
+const optionsChildrenAllowed = [{
+  allowChildren: true,
+}];
+
+const attributesSettings = {
+  'jsx-a11y': {
+    attributes: {
+      for: ['htmlFor', 'for'],
+    },
+  },
+};
+
+ruleTester.run('label-has-for', rule, {
+  valid: parsers.all([].concat(
+    // DEFAULT ELEMENT 'label' TESTS
+    { code: '<div />' },
+    { code: '<label htmlFor="foo"><input /></label>' },
+    { code: '<label htmlFor="foo"><textarea /></label>' },
+    { code: '<label for="foo"><input /></label>', settings: attributesSettings },
+    { code: '<label for="foo"><textarea /></label>', settings: attributesSettings },
+    { code: '<Label />' }, // lower-case convention refers to real HTML elements.
+    { code: '<Label htmlFor="foo" />' },
+    { code: '<Label for="foo" />', settings: attributesSettings },
+    { code: '<Descriptor />' },
+    { code: '<Descriptor htmlFor="foo">Test!</Descriptor>' },
+    { code: '<Descriptor for="foo">Test!</Descriptor>', settings: attributesSettings },
+    { code: '<UX.Layout>test</UX.Layout>' },
+
+    // CUSTOM ELEMENT ARRAY OPTION TESTS
+    { code: '<Label htmlFor="foo" />', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<Label htmlFor={"foo"} />', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<Label htmlFor={foo} />', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<Label htmlFor={`${id}`} />', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<div />', options: optionsComponents },
+    { code: '<Label htmlFor="something"><input /></Label>', options: optionsComponents },
+    { code: '<Label htmlFor="foo">Test!</Label>', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<Descriptor htmlFor="foo" />', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<Descriptor htmlFor={"foo"} />', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<Descriptor htmlFor={foo} />', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<Descriptor htmlFor={`${id}`} />', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<Descriptor htmlFor="foo">Test!</Descriptor>', options: [assign({}, optionsComponents[0], optionsRequiredSome[0])] },
+    { code: '<label htmlFor="foo" />', options: optionsRequiredSome },
+    { code: '<label htmlFor={"foo"} />', options: optionsRequiredSome },
+    { code: '<label htmlFor={foo} />', options: optionsRequiredSome },
+    { code: '<label htmlFor={`${id}`} />', options: optionsRequiredSome },
+    { code: '<label htmlFor="foo">Test!</label>', options: optionsRequiredSome },
+    { code: '<label><input /></label>', options: optionsRequiredSome },
+    { code: '<label><input /></label>', options: optionsRequiredNesting },
+    { code: '<label htmlFor="input"><input /></label>', options: optionsRequiredEvery },
+    { code: '<label><input /></label>', options: optionsChildrenAllowed },
+    { code: '<Descriptor htmlFor="foo">Test!</Descriptor>', options: [assign({}, optionsComponents, optionsChildrenAllowed)] },
+    { code: '<label>Test!</label>', options: optionsChildrenAllowed },
+    { code: '<label htmlFor="foo">Test!</label>', options: optionsChildrenAllowed },
+    { code: '<label>{children}</label>', options: optionsChildrenAllowed },
+    { code: '<label htmlFor="children">{children}</label>', options: optionsChildrenAllowed },
+    { code: '<label htmlFor={id}>{ labelText }<div><input id={id} type="checkbox" name={id} value={value} /></div></label>', options: optionsRequiredEvery },
+    { code: '<label htmlFor={id}>{ labelText }<div><div><div><div><input id={id} type="checkbox" name={id} value={value} /></div></div></div></div></label>', options: optionsRequiredEvery },
+  )).map(parserOptionsMapper),
+  invalid: parsers.all([].concat(
+    // DEFAULT ELEMENT 'label' TESTS
+    { code: '<label id="foo" />', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label htmlFor={undefined} />', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label htmlFor={`${undefined}`} />', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label>First Name</label>', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label {...props}>Foo</label>', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label><input /></label>', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label><textarea /></label>', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label>{children}</label>', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label htmlFor="foo" />', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label htmlFor={"foo"} />', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label htmlFor={foo} />', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label htmlFor={`${id}`} />', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label htmlFor="foo">Test!</label>', errors: [expectedEveryError], options: optionsRequiredEvery },
+    { code: '<label htmlFor={id}>{ labelText }<div><div><div><div><div id={id} type="checkbox" name={id} value={value} /></div></div></div></div></label>', errors: [expectedEveryError], options: optionsRequiredEvery },
+    //
+    // // CUSTOM ELEMENT ARRAY OPTION TESTS
+    {
+      code: '<Label></Label>',
+      errors: [expectedEveryError],
+      options: optionsComponents,
+    },
+    {
+      code: '<Label htmlFor="foo" />',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    {
+      code: '<Label htmlFor={"foo"} />',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    {
+      code: '<Label htmlFor={foo} />',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    {
+      code: '<Label htmlFor={`${id}`} />',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    {
+      code: '<Label htmlFor="foo">Test!</Label>',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    {
+      code: '<Descriptor htmlFor="foo" />',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    {
+      code: '<Descriptor htmlFor={"foo"} />',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    {
+      code: '<Descriptor htmlFor={foo} />',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    {
+      code: '<Descriptor htmlFor={`${id}`} />',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    {
+      code: '<Descriptor htmlFor="foo">Test!</Descriptor>',
+      errors: [expectedEveryError],
+      options: [{ ...optionsComponents[0], ...optionsRequiredEvery[0] }],
+    },
+    { code: '<Label id="foo" />', errors: [expectedEveryError], options: optionsComponents },
+    {
+      code: '<Label htmlFor={undefined} />',
+      errors: [expectedEveryError],
+      options: optionsComponents,
+    },
+    {
+      code: '<Label htmlFor={`${undefined}`} />',
+      errors: [expectedEveryError],
+      options: optionsComponents,
+    },
+    { code: '<Label>First Name</Label>', errors: [expectedEveryError], options: optionsComponents },
+    {
+      code: '<Label {...props}>Foo</Label>',
+      errors: [expectedEveryError],
+      options: optionsComponents,
+    },
+    { code: '<Descriptor id="foo" />', errors: [expectedEveryError], options: optionsComponents },
+    {
+      code: '<Descriptor htmlFor={undefined} />',
+      errors: [expectedEveryError],
+      options: optionsComponents,
+    },
+    {
+      code: '<Descriptor htmlFor={`${undefined}`} />',
+      errors: [expectedEveryError],
+      options: optionsComponents,
+    },
+    {
+      code: '<Descriptor>First Name</Descriptor>',
+      errors: [expectedEveryError],
+      options: optionsComponents,
+    },
+    {
+      code: '<Descriptor {...props}>Foo</Descriptor>',
+      errors: [expectedEveryError],
+      options: optionsComponents,
+    },
+    { code: '<label>{children}</label>', errors: [expectedEveryError], options: optionsComponents },
+    { code: '<label htmlFor="foo" />', errors: [expectedNestingError], options: optionsRequiredNesting },
+    { code: '<label>First Name</label>', errors: [expectedNestingError], options: optionsRequiredNesting },
+    { code: '<label>First Name</label>', errors: [expectedSomeError], options: optionsRequiredSome },
+    { code: '<label>{children}</label>', errors: [expectedSomeError], options: optionsRequiredSome },
+    { code: '<label>{children}</label>', errors: [expectedNestingError], options: optionsRequiredNesting },
+    {
+      code: '<form><input type="text" id="howmuch" value="1" /><label htmlFor="howmuch">How much ?</label></form>',
+      errors: [expectedEveryError],
+      options: optionsRequiredEvery,
+    },
+    {
+      code: '<form><input type="text" id="howmuch" value="1" /><label htmlFor="howmuch">How much ?<span /></label></form>',
+      errors: [expectedEveryError],
+      options: optionsRequiredEvery,
+    },
+  )).map(parserOptionsMapper),
+});

package/__tests__/src/rules/lang-test.js

@@ -0,0 +1,59 @@
+/**
+ * @fileoverview Enforce lang attribute has a valid value.
+ * @author Ethan Cohen
+ */
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+import { RuleTester } from 'eslint';
+import parserOptionsMapper from '../../__util__/parserOptionsMapper';
+import parsers from '../../__util__/helpers/parsers';
+import rule from '../../../src/rules/lang';
+
+// -----------------------------------------------------------------------------
+// Tests
+// -----------------------------------------------------------------------------
+
+const ruleTester = new RuleTester();
+
+const expectedError = {
+  message: 'lang attribute must have a valid value.',
+  type: 'JSXAttribute',
+};
+
+const componentsSettings = {
+  'jsx-a11y': {
+    polymorphicPropName: 'as',
+    components: {
+      Foo: 'html',
+    },
+  },
+};
+
+ruleTester.run('lang', rule, {
+  valid: parsers.all([].concat(
+    { code: '<div />;' },
+    { code: '<div foo="bar" />;' },
+    { code: '<div lang="foo" />;' },
+    { code: '<html lang="en" />' },
+    { code: '<html lang="en-US" />' },
+    { code: '<html lang="zh-Hans" />' },
+    { code: '<html lang="zh-Hant-HK" />' },
+    { code: '<html lang="zh-yue-Hant" />' },
+    { code: '<html lang="ja-Latn" />' },
+    { code: '<html lang={foo} />' },
+    { code: '<HTML lang="foo" />' },
+    { code: '<Foo lang={undefined} />' },
+    { code: '<Foo lang="en" />', settings: componentsSettings },
+    { code: '<Box as="html" lang="en"  />', settings: componentsSettings },
+  )).map(parserOptionsMapper),
+  invalid: parsers.all([].concat(
+    { code: '<html lang="foo" />', errors: [expectedError] },
+    { code: '<html lang="zz-LL" />', errors: [expectedError] },
+    { code: '<html lang={undefined} />', errors: [expectedError] },
+    { code: '<Foo lang={undefined} />', settings: componentsSettings, errors: [expectedError] },
+    { code: '<Box as="html" lang="foo" />', settings: componentsSettings, errors: [expectedError] },
+  )).map(parserOptionsMapper),
+});

package/__tests__/src/rules/media-has-caption-test.js

@@ -0,0 +1,220 @@
+/**
+ * @fileoverview <audio> and <video> elements must have a <track> for captions.
+ * @author Ethan Cohen
+ */
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+import { RuleTester } from 'eslint';
+import parserOptionsMapper from '../../__util__/parserOptionsMapper';
+import parsers from '../../__util__/helpers/parsers';
+import rule from '../../../src/rules/media-has-caption';
+
+// -----------------------------------------------------------------------------
+// Tests
+// -----------------------------------------------------------------------------
+
+const ruleTester = new RuleTester();
+
+const expectedError = {
+  message: 'Media elements such as <audio> and <video> must have a <track> for captions.',
+  type: 'JSXOpeningElement',
+};
+
+const customSchema = [
+  {
+    audio: ['Audio'],
+    video: ['Video'],
+    track: ['Track'],
+  },
+];
+
+const componentsSettings = {
+  'jsx-a11y': {
+    polymorphicPropName: 'as',
+    components: {
+      Audio: 'audio',
+      Video: 'video',
+      Track: 'track',
+    },
+  },
+};
+
+ruleTester.run('media-has-caption', rule, {
+  valid: parsers.all([].concat(
+    { code: '<div />;' },
+    { code: '<MyDiv />;' },
+    { code: '<audio><track kind="captions" /></audio>' },
+    { code: '<audio><track kind="Captions" /></audio>' },
+    {
+      code: '<audio><track kind="Captions" /><track kind="subtitles" /></audio>',
+    },
+    { code: '<video><track kind="captions" /></video>' },
+    { code: '<video><track kind="Captions" /></video>' },
+    {
+      code: '<video><track kind="Captions" /><track kind="subtitles" /></video>',
+    },
+    {
+      code: '<audio muted={true}></audio>',
+    },
+    {
+      code: '<video muted={true}></video>',
+    },
+    {
+      code: '<video muted></video>',
+    },
+    {
+      code: '<Audio><track kind="captions" /></Audio>',
+      options: customSchema,
+    },
+    {
+      code: '<audio><Track kind="captions" /></audio>',
+      options: customSchema,
+    },
+    {
+      code: '<Video><track kind="captions" /></Video>',
+      options: customSchema,
+    },
+    {
+      code: '<video><Track kind="captions" /></video>',
+      options: customSchema,
+    },
+    {
+      code: '<Audio><Track kind="captions" /></Audio>',
+      options: customSchema,
+    },
+    {
+      code: '<Video><Track kind="captions" /></Video>',
+      options: customSchema,
+    },
+    {
+      code: '<Video muted></Video>',
+      options: customSchema,
+    },
+    {
+      code: '<Video muted={true}></Video>',
+      options: customSchema,
+    },
+    {
+      code: '<Audio muted></Audio>',
+      options: customSchema,
+    },
+    {
+      code: '<Audio muted={true}></Audio>',
+      options: customSchema,
+    },
+    {
+      code: '<Audio><track kind="captions" /></Audio>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<audio><Track kind="captions" /></audio>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<Video><track kind="captions" /></Video>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<video><Track kind="captions" /></video>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<Audio><Track kind="captions" /></Audio>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<Video><Track kind="captions" /></Video>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<Video muted></Video>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<Video muted={true}></Video>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<Audio muted></Audio>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<Audio muted={true}></Audio>',
+      settings: componentsSettings,
+    },
+    {
+      code: '<Box as="audio" muted={true}></Box>',
+      settings: componentsSettings,
+    },
+  )).map(parserOptionsMapper),
+  invalid: parsers.all([].concat(
+    { code: '<audio><track /></audio>', errors: [expectedError] },
+    {
+      code: '<audio><track kind="subtitles" /></audio>',
+      errors: [expectedError],
+    },
+    { code: '<audio />', errors: [expectedError] },
+    { code: '<video><track /></video>', errors: [expectedError] },
+    {
+      code: '<video><track kind="subtitles" /></video>',
+      errors: [expectedError],
+    },
+    {
+      code: '<Audio muted={false}></Audio>',
+      options: customSchema,
+      errors: [expectedError],
+    },
+    {
+      code: '<Video muted={false}></Video>',
+      options: customSchema,
+      errors: [expectedError],
+    },
+    {
+      code: '<Audio muted={false}></Audio>',
+      settings: componentsSettings,
+      errors: [expectedError],
+    },
+    {
+      code: '<Video muted={false}></Video>',
+      settings: componentsSettings,
+      errors: [expectedError],
+    },
+    { code: '<video />', errors: [expectedError] },
+    { code: '<audio>Foo</audio>', errors: [expectedError] },
+    { code: '<video>Foo</video>', errors: [expectedError] },
+    { code: '<Audio />', options: customSchema, errors: [expectedError] },
+    { code: '<Video />', options: customSchema, errors: [expectedError] },
+    { code: '<Audio />', settings: componentsSettings, errors: [expectedError] },
+    { code: '<Video />', settings: componentsSettings, errors: [expectedError] },
+    { code: '<audio><Track /></audio>', options: customSchema, errors: [expectedError] },
+    { code: '<video><Track /></video>', options: customSchema, errors: [expectedError] },
+    {
+      code: '<Audio><Track kind="subtitles" /></Audio>',
+      options: customSchema,
+      errors: [expectedError],
+    },
+    {
+      code: '<Video><Track kind="subtitles" /></Video>',
+      options: customSchema,
+      errors: [expectedError],
+    },
+    {
+      code: '<Audio><Track kind="subtitles" /></Audio>',
+      settings: componentsSettings,
+      errors: [expectedError],
+    },
+    {
+      code: '<Video><Track kind="subtitles" /></Video>',
+      settings: componentsSettings,
+      errors: [expectedError],
+    },
+    {
+      code: '<Box as="audio"><Track kind="subtitles" /></Box>',
+      settings: componentsSettings,
+      errors: [expectedError],
+    },
+  )).map(parserOptionsMapper),
+});

package/__tests__/src/rules/mouse-events-have-key-events-test.js

@@ -0,0 +1,154 @@
+/**
+ * @fileoverview Enforce onmouseover/onmouseout are accompanied
+ *  by onfocus/onblur.
+ * @author Ethan Cohen
+ */
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+import { RuleTester } from 'eslint';
+import parserOptionsMapper from '../../__util__/parserOptionsMapper';
+import parsers from '../../__util__/helpers/parsers';
+import rule from '../../../src/rules/mouse-events-have-key-events';
+
+// -----------------------------------------------------------------------------
+// Tests
+// -----------------------------------------------------------------------------
+
+const ruleTester = new RuleTester();
+
+const mouseOverError = {
+  message: 'onMouseOver must be accompanied by onFocus for accessibility.',
+  type: 'JSXAttribute',
+};
+const pointerEnterError = {
+  message: 'onPointerEnter must be accompanied by onFocus for accessibility.',
+  type: 'JSXAttribute',
+};
+const mouseOutError = {
+  message: 'onMouseOut must be accompanied by onBlur for accessibility.',
+  type: 'JSXAttribute',
+};
+const pointerLeaveError = {
+  message: 'onPointerLeave must be accompanied by onBlur for accessibility.',
+  type: 'JSXAttribute',
+};
+
+ruleTester.run('mouse-events-have-key-events', rule, {
+  valid: parsers.all([].concat(
+    { code: '<div onMouseOver={() => void 0} onFocus={() => void 0} />;' },
+    {
+      code: '<div onMouseOver={() => void 0} onFocus={() => void 0} {...props} />;',
+    },
+    { code: '<div onMouseOver={handleMouseOver} onFocus={handleFocus} />;' },
+    {
+      code: '<div onMouseOver={handleMouseOver} onFocus={handleFocus} {...props} />;',
+    },
+    { code: '<div />;' },
+    { code: '<div onBlur={() => {}} />' },
+    { code: '<div onFocus={() => {}} />' },
+    { code: '<div onMouseOut={() => void 0} onBlur={() => void 0} />' },
+    { code: '<div onMouseOut={() => void 0} onBlur={() => void 0} {...props} />' },
+    { code: '<div onMouseOut={handleMouseOut} onBlur={handleOnBlur} />' },
+    { code: '<div onMouseOut={handleMouseOut} onBlur={handleOnBlur} {...props} />' },
+    { code: '<MyElement />' },
+    { code: '<MyElement onMouseOver={() => {}} />' },
+    { code: '<MyElement onMouseOut={() => {}} />' },
+    { code: '<MyElement onBlur={() => {}} />' },
+    { code: '<MyElement onFocus={() => {}} />' },
+    { code: '<MyElement onMouseOver={() => {}} {...props} />' },
+    { code: '<MyElement onMouseOut={() => {}} {...props} />' },
+    { code: '<MyElement onBlur={() => {}} {...props} />' },
+    { code: '<MyElement onFocus={() => {}} {...props} />' },
+    /* Passing in empty options doesn't check any event handlers */
+    {
+      code: '<div onMouseOver={() => {}} onMouseOut={() => {}} />',
+      options: [{ hoverInHandlers: [], hoverOutHandlers: [] }],
+    },
+    /* Passing in custom handlers */
+    {
+      code: '<div onMouseOver={() => {}} onFocus={() => {}} />',
+      options: [{ hoverInHandlers: ['onMouseOver'] }],
+    },
+    {
+      code: '<div onMouseEnter={() => {}} onFocus={() => {}} />',
+      options: [{ hoverInHandlers: ['onMouseEnter'] }],
+    },
+    {
+      code: '<div onMouseOut={() => {}} onBlur={() => {}} />',
+      options: [{ hoverOutHandlers: ['onMouseOut'] }],
+    },
+    {
+      code: '<div onMouseLeave={() => {}} onBlur={() => {}} />',
+      options: [{ hoverOutHandlers: ['onMouseLeave'] }],
+    },
+    {
+      code: '<div onMouseOver={() => {}} onMouseOut={() => {}} />',
+      options: [
+        { hoverInHandlers: ['onPointerEnter'], hoverOutHandlers: ['onPointerLeave'] },
+      ],
+    },
+    /* Custom options only checks the handlers passed in */
+    {
+      code: '<div onMouseLeave={() => {}} />',
+      options: [{ hoverOutHandlers: ['onPointerLeave'] }],
+    },
+  )).map(parserOptionsMapper),
+  invalid: parsers.all([].concat(
+    { code: '<div onMouseOver={() => void 0} />;', errors: [mouseOverError] },
+    { code: '<div onMouseOut={() => void 0} />', errors: [mouseOutError] },
+    {
+      code: '<div onMouseOver={() => void 0} onFocus={undefined} />;',
+      errors: [mouseOverError],
+    },
+    {
+      code: '<div onMouseOut={() => void 0} onBlur={undefined} />',
+      errors: [mouseOutError],
+    },
+    {
+      code: '<div onMouseOver={() => void 0} {...props} />',
+      errors: [mouseOverError],
+    },
+    {
+      code: '<div onMouseOut={() => void 0} {...props} />',
+      errors: [mouseOutError],
+    },
+    /* Custom options */
+    {
+      code: '<div onMouseOver={() => {}} onMouseOut={() => {}} />',
+      options: [
+        { hoverInHandlers: ['onMouseOver'], hoverOutHandlers: ['onMouseOut'] },
+      ],
+      errors: [mouseOverError, mouseOutError],
+    },
+    {
+      code: '<div onPointerEnter={() => {}} onPointerLeave={() => {}} />',
+      options: [
+        { hoverInHandlers: ['onPointerEnter'], hoverOutHandlers: ['onPointerLeave'] },
+      ],
+      errors: [pointerEnterError, pointerLeaveError],
+    },
+    {
+      code: '<div onMouseOver={() => {}} />',
+      options: [{ hoverInHandlers: ['onMouseOver'] }],
+      errors: [mouseOverError],
+    },
+    {
+      code: '<div onPointerEnter={() => {}} />',
+      options: [{ hoverInHandlers: ['onPointerEnter'] }],
+      errors: [pointerEnterError],
+    },
+    {
+      code: '<div onMouseOut={() => {}} />',
+      options: [{ hoverOutHandlers: ['onMouseOut'] }],
+      errors: [mouseOutError],
+    },
+    {
+      code: '<div onPointerLeave={() => {}} />',
+      options: [{ hoverOutHandlers: ['onPointerLeave'] }],
+      errors: [pointerLeaveError],
+    },
+  )).map(parserOptionsMapper),
+});