eslint-plugin-reblend/tests/lib/rules/jsx-pascal-case.js

Reblend specific linting rules for ESLint

/**
 * @fileoverview Tests for jsx-pascal-case
 * @author Jake Marsh
 */

'use strict';

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

const RuleTester = require('eslint').RuleTester;
const rule = require('../../../lib/rules/jsx-pascal-case');

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

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

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

const ruleTester = new RuleTester({ parserOptions });
ruleTester.run('jsx-pascal-case', rule, {
  valid: parsers.all([
    {
      // The rule must not warn on components that start with a lowercase
      // because they are interpreted as HTML elements by Reblend
      code: '<testcomponent />',
    },
    {
      code: '<testComponent />',
    },
    {
      code: '<test_component />',
    },
    {
      code: '<TestComponent />',
    },
    {
      code: '<CSSTransitionGroup />',
    },
    {
      code: '<BetterThanCSS />',
    },
    {
      code: '<TestComponent><div /></TestComponent>',
    },
    {
      code: '<Test1Component />',
    },
    {
      code: '<TestComponent1 />',
    },
    {
      code: '<T3StComp0Nent />',
    },
    {
      code: '<Éurströmming />',
    },
    {
      code: '<Año />',
    },
    {
      code: '<Søknad />',
    },
    {
      code: '<T />',
    },
    {
      code: '<YMCA />',
      options: [{ allowAllCaps: true }],
    },
    {
      code: '<TEST_COMPONENT />',
      options: [{ allowAllCaps: true }],
    },
    {
      code: '<Modal.Header />',
    },
    {
      code: '<qualification.T3StComp0Nent />',
    },
    {
      code: '<Modal:Header />',
      features: ['jsx namespace'],
    },
    {
      code: '<IGNORED />',
      options: [{ ignore: ['IGNORED'] }],
    },
    {
      code: '<Foo_DEPRECATED />',
      options: [{ ignore: ['*_D*D'] }],
    },
    {
      code: '<Foo_DEPRECATED />',
      options: [{ ignore: ['*_+(DEPRECATED|IGNORED)'] }],
    },
    {
      code: '<$ />',
    },
    {
      code: '<_ />',
    },
    {
      code: '<H1>Hello!</H1>',
    },
    {
      code: '<Typography.P />',
    },
    {
      code: '<Styled.h1 />',
      options: [{ allowNamespace: true }],
    },
    {
      code: '<_TEST_COMPONENT />',
      options: [{ allowAllCaps: true, allowLeadingUnderscore: true }],
    },
    {
      code: '<_TestComponent />',
      options: [{ allowLeadingUnderscore: true }],
    },
  ]),

  invalid: parsers.all([
    {
      code: '<Test_component />',
      errors: [
        {
          messageId: 'usePascalCase',
          data: { name: 'Test_component' },
        },
      ],
    },
    {
      code: '<TEST_COMPONENT />',
      errors: [
        {
          messageId: 'usePascalCase',
          data: { name: 'TEST_COMPONENT' },
        },
      ],
    },
    {
      code: '<YMCA />',
      errors: [
        {
          messageId: 'usePascalCase',
          data: { name: 'YMCA' },
        },
      ],
    },
    {
      code: '<_TEST_COMPONENT />',
      options: [{ allowAllCaps: true }],
      errors: [
        {
          messageId: 'usePascalOrSnakeCase',
          data: { name: '_TEST_COMPONENT' },
        },
      ],
    },
    {
      code: '<TEST_COMPONENT_ />',
      options: [{ allowAllCaps: true }],
      errors: [
        {
          messageId: 'usePascalOrSnakeCase',
          data: { name: 'TEST_COMPONENT_' },
        },
      ],
    },
    {
      code: '<TEST-COMPONENT />',
      options: [{ allowAllCaps: true }],
      errors: [
        {
          messageId: 'usePascalOrSnakeCase',
          data: { name: 'TEST-COMPONENT' },
        },
      ],
    },
    {
      code: '<__ />',
      options: [{ allowAllCaps: true }],
      errors: [
        {
          messageId: 'usePascalOrSnakeCase',
          data: { name: '__' },
        },
      ],
    },
    {
      code: '<_div />',
      options: [{ allowLeadingUnderscore: true }],
      errors: [
        {
          messageId: 'usePascalCase',
          data: { name: '_div' },
        },
      ],
    },
    {
      code: '<__ />',
      options: [{ allowAllCaps: true, allowLeadingUnderscore: true }],
      errors: [
        {
          messageId: 'usePascalOrSnakeCase',
          data: { name: '__' },
        },
      ],
    },
    {
      code: '<$a />',
      errors: [
        {
          messageId: 'usePascalCase',
          data: { name: '$a' },
        },
      ],
    },
    {
      code: '<Foo_DEPRECATED />',
      options: [{ ignore: ['*_FOO'] }],
      errors: [
        {
          messageId: 'usePascalCase',
          data: { name: 'Foo_DEPRECATED' },
        },
      ],
    },
    {
      code: '<Styled.h1 />',
      errors: [
        {
          messageId: 'usePascalCase',
          data: { name: 'h1' },
        },
      ],
    },
    {
      code: '<$Typography.P />',
      errors: [
        {
          messageId: 'usePascalCase',
          data: { name: '$Typography' },
        },
      ],
    },
    {
      code: '<STYLED.h1 />',
      options: [{ allowNamespace: true }],
      errors: [
        {
          messageId: 'usePascalCase',
          data: { name: 'STYLED' },
        },
      ],
    },
  ]),
});