template-no-let-reference.js

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

const rule = require('../../../lib/rules/template-no-let-reference');
const RuleTester = require('eslint').RuleTester;

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

const ruleTester = new RuleTester({
  parser: require.resolve('ember-eslint-parser'),
  parserOptions: { ecmaVersion: 2022, sourceType: 'module' },
});
ruleTester.run('template-no-let-reference', rule, {
  valid: [
    `
      const a = '';
      function create(d) {
      <template>
        <Abc as |x a|>
          {{x}}
          {{a}}
        </Abc>
      {{a}}
      {{d}}
      {{this.f}}
      </template>
      }
    `,
    `
      const a = '';
      <template>
      <a></a>
      </template>
    `,
    // make sure rule does not error out on missing references
    `
      const a = '';
      <template>
      {{ab}}
      <ab></ab>
      </template>
    `,
    // Test cases for '/tests/' path, to allow let or var  in tests directory
    {
      filename: '/tests/integration/components/simulate-test.js',
      code: `
      let a = '';
      <template>
      {{a}}
      </template>
      `,
    },
    {
      filename: '/tests/integration/components/simulate-test.js',
      code: `
      var a = '';
      <template>
      {{a}}
      </template>
      `,
    },
  ],

  invalid: [
    {
      code: `
      let a = '';
      <template>
      {{a}}
      </template>
      `,
      output: null,
      errors: [{ type: 'VarHead', message: rule.meta.messages['no-let'] }],
    },
    {
      code: `
      var a = '';
      <template>
      <a></a>
      </template>
      `,
      output: null,
      errors: [{ type: 'GlimmerElementNodePart', message: rule.meta.messages['no-let'] }],
    },
  ],
});