no-globals-in-created.test.js

/**
 * @fileoverview disallow `window/document` in `created/beforeCreate`
 * @author Xin Du <clark.duxin@gmail.com>
 */
'use strict'

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

const rule = require('../no-globals-in-created')

const RuleTester = require('eslint').RuleTester

const parserOptions = {
  ecmaVersion: 2018,
  sourceType: 'module'
}

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

const ruleTester = new RuleTester()
ruleTester.run('no-globals-in-created', rule, {

  valid: [
    {
      filename: 'test.vue',
      code: `
        export default {
          created() {
            const path = this.$route.path
          },
          beforeCreate() {
            const path = this.$route.params.foo
          }
        }
      `,
      parserOptions
    }
  ],

  invalid: [
    {
      filename: 'test.vue',
      code: `
        export default {
          created() {
            const path = window.location.pathname
          },
          beforeCreate() {
            const foo = document.foo
          }
        }
      `,
      errors: [{
        message: 'Unexpected window in created.',
        type: 'MemberExpression'
      }, {
        message: 'Unexpected document in beforeCreate.',
        type: 'MemberExpression'
      }],
      parserOptions
    },
    {
      filename: 'test.vue',
      code: `
        export default {
          created() {
            document.foo = 'bar'
          },
          beforeCreate() {
            window.foo = 'bar'
          }
        }
      `,
      errors: [{
        message: 'Unexpected document in created.',
        type: 'MemberExpression'
      }, {
        message: 'Unexpected window in beforeCreate.',
        type: 'MemberExpression'
      }],
      parserOptions
    },
    {
      filename: 'test.vue',
      code: `
        export default {
          created() {
            return window.foo
          },
          beforeCreate() {
            return document.foo
          }
        }
      `,
      errors: [{
        message: 'Unexpected window in created.',
        type: 'MemberExpression'
      }, {
        message: 'Unexpected document in beforeCreate.',
        type: 'MemberExpression'
      }],
      parserOptions
    }
  ]
})