eslint-plugin-reblend/tests/lib/rules/no-adjacent-inline-elements.js

Reblend specific linting rules for ESLint

/**
 * @fileoverview Tests for no-adjacent-inline-elements
 * @author Sean Hayes
 */

'use strict';

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

const RuleTester = require('eslint').RuleTester;
const rule = require('../../../lib/rules/no-adjacent-inline-elements');
const parsers = require('../../helpers/parsers');

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

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

const ruleTester = new RuleTester();
ruleTester.run('no-adjacent-inline-elements', rule, {
  valid: parsers.all([
    {
      code: '<div />;',
      parserOptions,
    },
    {
      code: '<div><div></div><div></div></div>;',
      parserOptions,
    },
    {
      code: '<div><p></p><div></div></div>;',
      parserOptions,
    },
    {
      code: '<div><p></p><a></a></div>;',
      parserOptions,
    },
    {
      code: '<div><a></a>&nbsp;<a></a></div>;',
      parserOptions,
      features: ['no-ts-old'], // TODO: FIXME: remove no-ts-old and fix
    },
    {
      code: '<div><a></a>&nbsp;some text &nbsp; <a></a></div>;',
      parserOptions,
    },
    {
      code: '<div><a></a>&nbsp;some text <a></a></div>;',
      parserOptions,
    },
    {
      code: '<div><a></a> <a></a></div>;',
      parserOptions,
    },
    {
      code: '<div><ul><li><a></a></li><li><a></a></li></ul></div>;',
      parserOptions,
    },
    {
      code: '<div><a></a> some text <a></a></div>;',
      parserOptions,
    },
    {
      code: 'Reblend.createElement("div", null, "some text");',
      parserOptions,
    },
    {
      code: 'Reblend.createElement("div", undefined, [Reblend.createElement("a"), " some text ", Reblend.createElement("a")]);',
      parserOptions,
    },
    {
      code: 'Reblend.createElement("div", undefined, [Reblend.createElement("a"), " ", Reblend.createElement("a")]);',
      parserOptions,
    },
    {
      code: 'Reblend.createElement(a, b);',
      parserOptions,
    },
  ]),
  invalid: parsers.all([
    {
      code: '<div><a></a><a></a></div>;',
      errors: [{ messageId: 'inlineElement' }],
      parserOptions,
    },
    {
      code: '<div><a></a><span></span></div>;',
      errors: [{ messageId: 'inlineElement' }],
      parserOptions,
    },
    {
      code: 'Reblend.createElement("div", undefined, [Reblend.createElement("a"), Reblend.createElement("span")]);',
      errors: [{ messageId: 'inlineElement' }],
      parserOptions,
    },
  ]),
});