no-this-in-before-route-enter.js

/**
 * @fileoverview  Don't use "this" i a beforeRouteEnter method
 * @author Przemyslaw Jan Beigert
 */
"use strict";

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

var rule = require("../../../lib/rules/no-this-in-before-route-enter");
var RuleTester = require("eslint").RuleTester;

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

const template = beforeRouteEnter => `
<template>
  <p>{{ greeting }} World!</p>
</template>

<script>
export default {
  data () {
    return {
      greeting: "Hello"
    };
  },
  beforeRouteEnter() {
      ${beforeRouteEnter}
  }
};
</script>

<style scoped>
p {
  font-size: 2em;
  text-align: center;
}
</style>`;

const functionTemplate = beforeRouteEnter => `
<template>
  <p>{{ greeting }} World!</p>
</template>

<script>
export default {
  data () {
    return {
      greeting: "Hello"
    };
  },
  beforeRouteEnter: function() {
      ${beforeRouteEnter}
  }
};
</script>`;

const ruleTester = new RuleTester({
  parser: require.resolve('vue-eslint-parser'),
  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
})
ruleTester.run("no-this-in-before-route-enter", rule, {
  valid: [
    template(''),
    template('const variable = 42;'),
    template('someFunction(42)'),
    `
<template>
  <p>{{ greeting }} World!</p>
</template>

<script>
export default {
  data () {
    return {
      greeting: "Hello"
    };
  },
};`
  ],
  invalid: [
    {
      code: template(`this.xxx();`),
      filename: 'ValidComponent.vue',
      errors: [{
        message: rule.errorMessage,
      }]
    },
    {
      code: functionTemplate('this.method();'),
      filename: 'ValidComponent.vue',
      errors: [{
        message: rule.errorMessage,
      }]
    },
    {
      code: template('this.attr = this.method();'),
      filename: 'ValidComponent.vue',
      errors: [{
        message: rule.errorMessage,
      }]
    },
    {
      code: functionTemplate('this.attr = this.method();'),
      filename: 'ValidComponent.vue',
      errors: [{
        message: rule.errorMessage,
      }]
    },
    {
      code: template(`
                if (this.method()) {}
            `),
      filename: 'ValidComponent.vue',
      errors: [{
        message: rule.errorMessage,
      }],
    },
    {
      code: functionTemplate(`
                if (true) { this.method(); }
            `),
      filename: 'ValidComponent.vue',
      errors: [{
        message: rule.errorMessage,
      }]
    }
  ]
});