jsx-no-undef.js

/**
 * @fileoverview Tests for jsx-no-undef
 * @author Yannick Croissant
 */

'use strict';

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

const eslint = require('eslint');
const rule = require('../../../lib/rules/jsx-no-undef');

const RuleTester = eslint.RuleTester;

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

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

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

const ruleTester = new RuleTester({parserOptions});
const linter = ruleTester.linter || eslint.linter || eslint.Linter;
linter.defineRule('no-undef', require('../../helpers/getESLintCoreRule')('no-undef'));

ruleTester.run('jsx-no-undef', rule, {
  valid: [{
    code: '/*eslint no-undef:1*/ var React, App; React.render(<App />);'
  }, {
    code: '/*eslint no-undef:1*/ var React, App; React.render(<App />);',
    parser: parsers.BABEL_ESLINT
  }, {
    code: '/*eslint no-undef:1*/ var React; React.render(<img />);'
  }, {
    code: '/*eslint no-undef:1*/ var React; React.render(<x-gif />);'
  }, {
    code: '/*eslint no-undef:1*/ var React, app; React.render(<app.Foo />);'
  }, {
    code: '/*eslint no-undef:1*/ var React, app; React.render(<app.foo.Bar />);'
  }, {
    code: '/*eslint no-undef:1*/ var React; React.render(<Apppp:Foo />);'
  }, {
    code: `
      /*eslint no-undef:1*/
      var React;
      class Hello extends React.Component {
        render() {
          return <this.props.tag />
        }
      }
    `
  }, {
    code: 'var React; React.render(<Text />);',
    globals: {
      Text: true
    }
  }, {
    code: `
      import Text from "cool-module";
      const TextWrapper = function (props) {
        return (
          <Text />
        );
      };
    `,
    parserOptions: Object.assign({sourceType: 'module'}, parserOptions),
    options: [{
      allowGlobals: false
    }],
    parser: parsers.BABEL_ESLINT
  }],
  invalid: [{
    code: '/*eslint no-undef:1*/ var React; React.render(<App />);',
    errors: [{
      messageId: 'undefined',
      data: {identifier: 'App'}
    }]
  }, {
    code: '/*eslint no-undef:1*/ var React; React.render(<Appp.Foo />);',
    errors: [{
      messageId: 'undefined',
      data: {identifier: 'Appp'}
    }]
  }, {
    code: '/*eslint no-undef:1*/ var React; React.render(<appp.Foo />);',
    errors: [{
      messageId: 'undefined',
      data: {identifier: 'appp'}
    }]
  }, {
    code: '/*eslint no-undef:1*/ var React; React.render(<appp.foo.Bar />);',
    errors: [{
      messageId: 'undefined',
      data: {identifier: 'appp'}
    }]
  }, {
    code: `
      const TextWrapper = function (props) {
        return (
          <Text />
        );
      };
      export default TextWrapper;
    `,
    parserOptions: Object.assign({sourceType: 'module'}, parserOptions),
    errors: [{
      messageId: 'undefined',
      data: {identifier: 'Text'}
    }],
    options: [{
      allowGlobals: false
    }],
    parser: parsers.BABEL_ESLINT,
    globals: {
      Text: true
    }
  }, {
    code: '/*eslint no-undef:1*/ var React; React.render(<Foo />);',
    errors: [{
      messageId: 'undefined',
      data: {identifier: 'Foo'}
    }]
  }]
});