jsx-closing-tag-location.js

/**
 * @fileoverview Validate closing tag location in JSX
 * @author Ross Solomon
 */

'use strict';

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

const RuleTester = require('eslint').RuleTester;
const rule = require('../../../lib/rules/jsx-closing-tag-location');

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

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

const MESSAGE_MATCH_INDENTATION = [{message: 'Expected closing tag to match indentation of opening.'}];
const MESSAGE_OWN_LINE = [{message: 'Closing tag of a multiline JSX expression must be on its own line.'}];

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

const ruleTester = new RuleTester({parserOptions});
ruleTester.run('jsx-closing-tag-location', rule, {
  valid: [{
    code: `
      <App>
        foo
      </App>
    `
  }, {
    code: `
      <App>foo</App>
    `
  }, {
    code: `
      <>
        foo
      </>
    `,
    parser: parsers.BABEL_ESLINT
  }, {
    code: `
      <>foo</>
    `,
    parser: parsers.BABEL_ESLINT
  }],

  invalid: [{
    code: `
      <App>
        foo
        </App>
    `,
    output: `
      <App>
        foo
      </App>
    `,
    errors: MESSAGE_MATCH_INDENTATION
  }, {
    code: `
      <App>
        foo</App>
    `,
    output: `
      <App>
        foo
      </App>
    `,
    errors: MESSAGE_OWN_LINE
  }, {
    code: `
      <>
        foo
        </>
    `,
    parser: parsers.BABEL_ESLINT,
    output: `
      <>
        foo
      </>
    `,
    errors: MESSAGE_MATCH_INDENTATION
  }, {
    code: `
      <>
        foo</>
    `,
    parser: parsers.BABEL_ESLINT,
    output: `
      <>
        foo
      </>
    `,
    errors: MESSAGE_OWN_LINE
  }]
});