Add files via upload

Author: infofarmer

__tests__/__util__/axeMapping.js

@@ -0,0 +1,6 @@
+/* eslint-disable import/prefer-default-export, no-underscore-dangle */
+import * as axe from 'axe-core';
+
+export function axeFailMessage(checkId, data) {
+  return axe.utils.getCheckMessage(checkId, 'fail', data);
+}

__tests__/__util__/parserOptionsMapper.js

@@ -0,0 +1,26 @@
+const defaultParserOptions = {
+  ecmaVersion: 2018,
+  ecmaFeatures: {
+    experimentalObjectRestSpread: true,
+    jsx: true,
+  },
+};
+
+export default function parserOptionsMapper({
+  code,
+  errors,
+  options = [],
+  parserOptions = {},
+  settings,
+}) {
+  return {
+    code,
+    errors,
+    options,
+    parserOptions: {
+      ...defaultParserOptions,
+      ...parserOptions,
+    },
+    settings,
+  };
+}

__tests__/__util__/ruleOptionsMapperFactory.js

@@ -0,0 +1,33 @@
+/**
+ * @flow
+ */
+
+import entries from 'object.entries';
+import flatMap from 'array.prototype.flatmap';
+import fromEntries from 'object.fromentries';
+
+type ESLintTestRunnerTestCase = {
+  code: string,
+  errors: ?Array<{ message: string, type: string }>,
+  options: ?Array<mixed>,
+  parserOptions: ?Array<mixed>,
+  settings?: {[string]: mixed},
+};
+
+type RuleOptionsMapperFactoryType = (
+  params: ESLintTestRunnerTestCase
+) => ESLintTestRunnerTestCase;
+
+export default function ruleOptionsMapperFactory(ruleOptions: Array<mixed> = []): RuleOptionsMapperFactoryType {
+  // eslint-disable-next-line
+  return ({ code, errors, options, parserOptions, settings }: ESLintTestRunnerTestCase): ESLintTestRunnerTestCase => {
+    return {
+      code,
+      errors,
+      // Flatten the array of objects in an array of one object.
+      options: [fromEntries(flatMap((options || []).concat(ruleOptions), (item) => entries(item)))],
+      parserOptions,
+      settings,
+    };
+  };
+}

__tests__/index-test.js

@@ -0,0 +1,37 @@
+/* eslint global-require: 0 */
+
+import fs from 'fs';
+import path from 'path';
+import expect from 'expect';
+import plugin from '../src';
+
+const rules = fs.readdirSync(path.resolve(__dirname, '../src/rules/'))
+  .map((f) => path.basename(f, '.js'));
+
+describe('all rule files should be exported by the plugin', () => {
+  rules.forEach((ruleName) => {
+    it(`should export ${ruleName}`, () => {
+      expect(plugin.rules[ruleName]).toEqual(
+        require(path.join('../src/rules', ruleName)) // eslint-disable-line
+      );
+    });
+  });
+});
+
+describe('configurations', () => {
+  it('should export a \'recommended\' configuration', () => {
+    expect(plugin.configs.recommended).toBeDefined();
+  });
+});
+
+describe('schemas', () => {
+  rules.forEach((ruleName) => {
+    it(`${ruleName} should export a schema with type object`, () => {
+      const rule = require(path.join('../src/rules', ruleName)); // eslint-disable-line
+      const schema = rule.meta && rule.meta.schema && rule.meta.schema[0];
+      const { type } = schema;
+
+      expect(type).toEqual('object');
+    });
+  });
+});

__tests__/src/rules/accessible-emoji-test.js

@@ -0,0 +1,56 @@
+/**
+ * @fileoverview Enforce <marquee> elements are not used.
+ * @author Ethan Cohen
+ */
+
+// -----------------------------------------------------------------------------
+// Requirements
+// -----------------------------------------------------------------------------
+
+import { RuleTester } from 'eslint';
+import parserOptionsMapper from '../../__util__/parserOptionsMapper';
+import rule from '../../../src/rules/accessible-emoji';
+
+// -----------------------------------------------------------------------------
+// Tests
+// -----------------------------------------------------------------------------
+
+const ruleTester = new RuleTester();
+
+const expectedError = {
+  message: 'Emojis should be wrapped in <span>, have role="img", and have an accessible description with aria-label or aria-labelledby.',
+  type: 'JSXOpeningElement',
+};
+
+ruleTester.run('accessible-emoji', rule, {
+  valid: [
+    { code: '<div />;' },
+    { code: '<span />' },
+    { code: '<span>No emoji here!</span>' },
+    { code: '<span role="img" aria-label="Panda face">🐼</span>' },
+    { code: '<span role="img" aria-label="Snowman">&#9731;</span>' },
+    { code: '<span role="img" aria-labelledby="id1">🐼</span>' },
+    { code: '<span role="img" aria-labelledby="id1">&#9731;</span>' },
+    { code: '<span role="img" aria-labelledby="id1" aria-label="Snowman">&#9731;</span>' },
+    { code: '<span>{props.emoji}</span>' },
+    { code: '<span aria-hidden>{props.emoji}</span>' },
+    { code: '<span aria-hidden="true">🐼</span>' },
+    { code: '<span aria-hidden>🐼</span>' },
+    { code: '<div aria-hidden="true">🐼</div>' },
+    { code: '<input type="hidden">🐼</input>' },
+    {
+      code: '<CustomInput type="hidden">🐼</CustomInput>',
+      settings: { 'jsx-a11y': { components: { CustomInput: 'input' } } },
+    },
+  ].map(parserOptionsMapper),
+  invalid: [
+    { code: '<span>🐼</span>', errors: [expectedError] },
+    { code: '<span>foo🐼bar</span>', errors: [expectedError] },
+    { code: '<span>foo 🐼 bar</span>', errors: [expectedError] },
+    { code: '<i role="img" aria-label="Panda face">🐼</i>', errors: [expectedError] },
+    { code: '<i role="img" aria-labelledby="id1">🐼</i>', errors: [expectedError] },
+    { code: '<Foo>🐼</Foo>', errors: [expectedError] },
+    { code: '<span aria-hidden="false">🐼</span>', errors: [expectedError] },
+    { code: '<CustomInput type="hidden">🐼</CustomInput>', errors: [expectedError] },
+  ].map(parserOptionsMapper),
+});