boolean-prop-naming.js

/**
 * @fileoverview Enforces consistent naming for boolean props
 * @author Ev Haus
 */

'use strict';

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

const RuleTester = require('eslint').RuleTester;
const rule = require('../../../lib/rules/boolean-prop-naming');

const parsers = require('../../helpers/parsers');

const parserOptions = {
  ecmaVersion: 2018,
  sourceType: 'module',
  ecmaFeatures: {
    jsx: true
  }
};

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

const ruleTester = new RuleTester({parserOptions});
ruleTester.run('boolean-prop-naming', rule, {

  valid: [{
    // Should support both `is` and `has` prefixes by default
    code: `
      var Hello = createReactClass({
        propTypes: {isSomething: PropTypes.bool, hasValue: PropTypes.bool},
        render: function() { return <div />; }
      });
    `
  }, {
    // createReactClass components with PropTypes
    code: `
      var Hello = createReactClass({
        propTypes: {isSomething: PropTypes.bool},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }]
  }, {
    // createReactClass components with React.PropTypes
    code: `
      var Hello = createReactClass({
        propTypes: {isSomething: React.PropTypes.bool},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }]
  }, {
    // React.createClass components with PropTypes
    code: `
      var Hello = React.createClass({
        propTypes: {isSomething: PropTypes.bool},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    settings: {
      react: {
        createClass: 'createClass'
      }
    }
  }, {
    // React.createClass components with non-boolean PropTypes
    code: `
      var Hello = React.createClass({
        propTypes: {something: PropTypes.any},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    settings: {
      react: {
        createClass: 'createClass'
      }
    }
  }, {
    // ES6 components as React.Component with boolean PropTypes
    code: `
      class Hello extends React.Component {
        render () { return <div />; }
      }
      Hello.propTypes = {isSomething: PropTypes.bool}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }]
  }, {
    // ES6 components as React.Component with non-boolean PropTypes
    code: `
      class Hello extends React.Component {
        render () { return <div />; }
      }
      Hello.propTypes = wrap({ a: PropTypes.bool })
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }]
  }, {
    code: `
      class Hello extends React.Component {
        render () { return <div />; }
      }
      Hello.propTypes = {something: PropTypes.any}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }]
  }, {
    // ES6 components as Component with boolean PropTypes
    code: `
      class Hello extends Component {
        render () { return <div />; }
      }
      Hello.propTypes = {isSomething: PropTypes.bool}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }]
  }, {
    // ES6 components with static class properties and PropTypes
    code: `
      class Hello extends React.Component {
        static propTypes = {isSomething: PropTypes.bool};
        render () { return <div />; }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // ES6 components with static class properties and Object.spread syntax in PropTypes
    code: `
      const spreadProps = { aSpreadProp: PropTypes.string };
      class Hello extends React.Component {
        static propTypes = {isSomething: PropTypes.bool, ...spreadProps};
        render () { return <div />; }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // ES6 components as Component with boolean PropTypes and Object.spread syntax in PropTypes
    code: `
      const spreadProps = { aSpreadProp: PropTypes.string };
      class Hello extends Component {
        render () { return <div />; }
      }
      Hello.propTypes = {isSomething: PropTypes.bool, ...spreadProps}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }]
  }, {
    // ES6 components with static class properties and React.PropTypes
    code: `
      class Hello extends React.Component {
        static propTypes = {isSomething: React.PropTypes.bool};
        render () { return <div />; }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // ES6 components with static class properties an non-booleans
    code: `
      class Hello extends React.Component {
        static propTypes = {something: PropTypes.any};
        render () { return <div />; }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // ES6 components and Flowtype booleans
    code: `
      class Hello extends React.Component {
        props: {isSomething: boolean};
        render () { return <div />; }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // ES6 components and Flowtype non-booleans
    code: `
      class Hello extends React.Component {
        props: {something: any};
        render () { return <div />; }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // Stateless components
    code: `
      var Hello = ({isSomething}) => { return <div /> }
      Hello.propTypes = {isSomething: PropTypes.bool};
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // Functional components and Flowtype booleans
    code: `
      type Props = {
        isSomething: boolean;
      };
      function Hello(props: Props): React.Element { return <div /> }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // Custom `propTypeNames` option
    code: `
      class Hello extends React.Component {
        static propTypes = {
          isSomething: PropTypes.mutuallyExclusiveTrueProps,
          something: PropTypes.bool
        };
        render () { return <div />; }
      }
    `,
    options: [{
      propTypeNames: ['mutuallyExclusiveTrueProps'],
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // Custom PropTypes that are specified as variables
    code: `
      class Hello extends React.Component {
        static propTypes = {
          isSomething: mutuallyExclusiveTrueProps,
          isSomethingElse: bool
        };
        render () { return <div />; }
      }
    `,
    options: [{
      propTypeNames: ['bool', 'mutuallyExclusiveTrueProps'],
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // Ensure rule doesn't crash on destructured objects [Issue #1369]
    code: `
      var x = {a: 1}
      var y = {...x}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // Ensure rule doesn't crash on on components reference old-style Flow props
    code: `
      class Hello extends PureComponent {
        props: PropsType;
        render () { return <div /> }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    // No propWrapperFunctions setting
    code: `
    function Card(props) {
      return <div>{props.showScore ? 'yeh' : 'no'}</div>;
    }
    Card.propTypes = merge({}, Card.propTypes, {
        showScore: PropTypes.bool
    });`,
    options: [{
      rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+'
    }]
  }, {
    // Ensure the rule does not throw when a prop isRequired when ES5.
    code: `
      var Hello = createReactClass({
        propTypes: {isSomething: PropTypes.bool.isRequired, hasValue: PropTypes.bool.isRequired},
        render: function() { return <div />; }
      });
    `
  }, {
    // Ensure the rule does not throw when a prop isRequired when ES6 with static properties.
    code: `
      class Hello extends React.Component {
        static propTypes = {
          isSomething: PropTypes.bool.isRequired,
          hasValue: PropTypes.bool.isRequired
        };

        render() {
          return (
            <div />
          );
        }
      }
    `,
    parser: parsers.BABEL_ESLINT
  }, {
    // Ensure the rule does not throw when a prop isRequired when ES6 without static properties.
    code: `
      class Hello extends React.Component {
        render() {
          return (
            <div />
          );
        }
      }

      Hello.propTypes = {
        isSomething: PropTypes.bool.isRequired,
        hasValue: PropTypes.bool.isRequired
      }
    `
  }, {
    // Ensure the rule does not throw when a shape prop isRequired.
    code: `
      var Hello = createReactClass({
        propTypes: {something: PropTypes.shape({}).isRequired},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }]
  }, {
    // inline Flow type
    code: `
      function SomeComponent({
          isSomething,
      }: {
          isSomething: boolean,
      }) {
          return (
              <span>{isSomething}</span>
          );
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT
  }, {
    code: `
      class Hello extends React.Component {
        render() {
          return (
            <div />
          );
        }
      }

      Hello.propTypes = {
        isSomething: PropTypes.bool.isRequired,
        nested: PropTypes.shape({
          isWorking: PropTypes.bool
        })
      };
    `
  }, {
    code: `
      class Hello extends React.Component {
        render() {
          return (
            <div />
          );
        }
      }

      Hello.propTypes = {
        isSomething: PropTypes.bool.isRequired,
        nested: PropTypes.shape({
          nested: PropTypes.shape({
            isWorking: PropTypes.bool
          })
        })
      };
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+',
      validateNested: true
    }]
  }, parsers.TS({
    code: `
    type TestFNType = {
      isEnabled: boolean
    }
    const HelloNew = (props: TestFNType) => { return <div /> };
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers['@TYPESCRIPT_ESLINT'],
    errors: []
  })],

  invalid: [{
    // createReactClass components with PropTypes
    code: `
      var Hello = createReactClass({
        propTypes: {something: PropTypes.bool},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // createReactClass components with React.PropTypes
    code: `
      var Hello = createReactClass({
        propTypes: {something: React.PropTypes.bool},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // React.createClass components with PropTypes
    code: `
      var Hello = React.createClass({
        propTypes: {something: PropTypes.bool},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    settings: {
      react: {
        createClass: 'createClass'
      }
    },
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // ES6 components as React.Component with boolean PropTypes
    code: `
      class Hello extends React.Component {
        render () { return <div />; }
      }
      Hello.propTypes = {something: PropTypes.bool}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // ES6 components as Component with non-boolean PropTypes
    code: `
      class Hello extends Component {
        render () { return <div />; }
      }
      Hello.propTypes = {something: PropTypes.bool}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // ES6 components as React.Component with non-boolean PropTypes
    code: `
      class Hello extends React.Component {
        static propTypes = {something: PropTypes.bool};
        render () { return <div />; }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // ES6 components as React.Component with non-boolean PropTypes and Object.spread syntax
    code: `
      const spreadProps = { aSpreadProp: PropTypes.string };
      class Hello extends Component {
        render () { return <div />; }
      }
      Hello.propTypes = {something: PropTypes.bool, ...spreadProps}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // ES6 components as React.Component with static class property, non-boolean PropTypes, and Object.spread syntax
    code: `
      const spreadProps = { aSpreadProp: PropTypes.string };
      class Hello extends React.Component {
        static propTypes = {something: PropTypes.bool, ...spreadProps};
        render () { return <div />; }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // ES6 components as React.Component with non-boolean PropTypes
    code: `
      class Hello extends React.Component {
        props: {something: boolean};
        render () { return <div />; }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
      var Hello = ({something}) => { return <div /> }
      Hello.propTypes = {something: PropTypes.bool};
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
      type Props = {
        something: boolean;
      };
      function Hello(props: Props): React.Element { return <div /> }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // ES6 components and Flowtype non-booleans
    code: `
      class Hello extends React.Component {
        static propTypes = {something: PropTypes.mutuallyExclusiveTrueProps};
        render () { return <div />; }
      }
    `,
    options: [{
      propTypeNames: ['bool', 'mutuallyExclusiveTrueProps'],
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
      class Hello extends React.Component {
        static propTypes = {
          something: PropTypes.mutuallyExclusiveTrueProps,
          somethingElse: PropTypes.bool
        };
        render () { return <div />; }
      }
    `,
    options: [{
      propTypeNames: ['bool', 'mutuallyExclusiveTrueProps'],
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }, {
      messageId: 'patternMismatch',
      data: {propName: 'somethingElse', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
      class Hello extends React.Component {
        static propTypes = {
          something: mutuallyExclusiveTrueProps,
          somethingElse: bool
        };
        render () { return <div />; }
      }
    `,
    options: [{
      propTypeNames: ['bool', 'mutuallyExclusiveTrueProps'],
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }, {
      messageId: 'patternMismatch',
      data: {propName: 'somethingElse', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
    function Card(props) {
      return <div>{props.showScore ? 'yeh' : 'no'}</div>;
    }
    Card.propTypes = merge({}, Card.propTypes, {
        showScore: PropTypes.bool
    });`,
    settings: {
      propWrapperFunctions: ['merge']
    },
    options: [{
      rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'showScore', pattern: '^(is|has)[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
    function Card(props) {
      return <div>{props.showScore ? 'yeh' : 'no'}</div>;
    }
    Card.propTypes = Object.assign({}, Card.propTypes, {
        showScore: PropTypes.bool
    });`,
    settings: {
      propWrapperFunctions: ['Object.assign']
    },
    options: [{
      rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'showScore', pattern: '^(is|has)[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
    function Card(props) {
      return <div>{props.showScore ? 'yeh' : 'no'}</div>;
    }
    Card.propTypes = _.assign({}, Card.propTypes, {
        showScore: PropTypes.bool
    });`,
    settings: {
      propWrapperFunctions: ['_.assign']
    },
    options: [{
      rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'showScore', pattern: '^(is|has)[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
    function Card(props) {
      return <div>{props.showScore ? 'yeh' : 'no'}</div>;
    }
    Card.propTypes = forbidExtraProps({
        showScore: PropTypes.bool
    });`,
    settings: {
      propWrapperFunctions: ['forbidExtraProps']
    },
    options: [{
      rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'showScore', pattern: '^(is|has)[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
    class Card extends React.Component {
      render() {
        return <div>{props.showScore ? 'yeh' : 'no'}</div>;
      }
    }
    Card.propTypes = forbidExtraProps({
        showScore: PropTypes.bool
    });`,
    settings: {
      propWrapperFunctions: ['forbidExtraProps']
    },
    options: [{
      rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'showScore', pattern: '^(is|has)[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
    class Card extends React.Component {
      static propTypes = forbidExtraProps({
        showScore: PropTypes.bool
      });
      render() {
        return <div>{props.showScore ? 'yeh' : 'no'}</div>;
      }
    }`,
    parser: parsers.BABEL_ESLINT,
    settings: {
      propWrapperFunctions: ['forbidExtraProps']
    },
    options: [{
      rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'showScore', pattern: '^(is|has)[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // If a custom message is provided, use it.
    code: `
      class Hello extends React.Component {
        render () { return <div />; }
      }
      Hello.propTypes = {something: PropTypes.bool}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+',
      message: 'Boolean prop names must begin with either \'is\' or \'has\''
    }],
    errors: [{
      message: 'Boolean prop names must begin with either \'is\' or \'has\''
    }]
  }, {
    // Custom messages use ESLint string templating.
    code: `
      class Hello extends React.Component {
        render () { return <div />; }
      }
      Hello.propTypes = {something: PropTypes.bool}
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+',
      message: 'It is better if your prop ({{ propName }}) matches this pattern: ({{ pattern }})'
    }],
    errors: [{
      message: 'It is better if your prop (something) matches this pattern: (^is[A-Z]([A-Za-z0-9]?)+)'
    }]
  }, {
    // Works when a prop isRequired in ES5.
    code: `
      var Hello = createReactClass({
        propTypes: {something: PropTypes.bool.isRequired},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // Works when a prop isRequired in ES6 with static properties.
    code: `
      class Hello extends React.Component {
        static propTypes = {
          something: PropTypes.bool.isRequired
        };

        render() {
          return (
            <div />
          );
        }
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // Works when a prop isRequired in ES6 without static properties.
    code: `
      class Hello extends React.Component {
        render() {
          return (
            <div />
          );
        }
      }

      Hello.propTypes = {
        something: PropTypes.bool.isRequired
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    // inline Flow type
    code: `
      function SomeComponent({
          something,
      }: {
          something: boolean,
      }) {
          return (
              <span>{something}</span>
          );
      }
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers.BABEL_ESLINT,
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
      class Hello extends React.Component {
        render() {
          return (
            <div />
          );
        }
      }

      Hello.propTypes = {
        isSomething: PropTypes.bool.isRequired,
        nested: PropTypes.shape({
          failingItIs: PropTypes.bool
        })
      };
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+',
      validateNested: true
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'failingItIs', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
      class Hello extends React.Component {
        render() {
          return (
            <div />
          );
        }
      }

      Hello.propTypes = {
        isSomething: PropTypes.bool.isRequired,
        nested: PropTypes.shape({
          nested: PropTypes.shape({
            failingItIs: PropTypes.bool
          })
        })
      };
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+',
      validateNested: true
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'failingItIs', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, {
    code: `
    import { bool } from 'prop-types';
      var Hello = createReactClass({
        propTypes: {something: bool},
        render: function() { return <div />; }
      });
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+',
      validateNested: true
    }],
    errors: [{
      messageId: 'patternMismatch',
      data: {propName: 'something', pattern: '^is[A-Z]([A-Za-z0-9]?)+'}
    }]
  }, parsers.TS({
    code: `
    type TestConstType = {
      enabled: boolean
    }
    const HelloNew = (props: TestConstType) => { return <div /> };
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers['@TYPESCRIPT_ESLINT'],
    errors: [{
      message: 'Prop name (enabled) doesn\'t match rule (^is[A-Z]([A-Za-z0-9]?)+)'
    }]
  }), parsers.TS({
    code: `
    type TestFNType = {
      enabled: boolean
    }
    const HelloNew = (props: TestFNType) => { return <div /> };
    `,
    options: [{
      rule: '^is[A-Z]([A-Za-z0-9]?)+'
    }],
    parser: parsers['@TYPESCRIPT_ESLINT'],
    errors: [{
      message: 'Prop name (enabled) doesn\'t match rule (^is[A-Z]([A-Za-z0-9]?)+)'
    }]
  })]
});