require-typed-ref.js

/**
 * @author Ivan Demchuk <https://github.com/Demivan>
 */
'use strict'

const RuleTester = require('../../eslint-compat').RuleTester
const rule = require('../../../lib/rules/require-typed-ref')

const tester = new RuleTester({
  languageOptions: {
    parser: require('@typescript-eslint/parser'),
    ecmaVersion: 2020,
    sourceType: 'module'
  }
})

// Note: Need to specify filename for each test,
// as only TypeScript files are being checked
tester.run('require-typed-ref', rule, {
  valid: [
    {
      filename: 'test.ts',
      code: `
        import { shallowRef } from 'vue'
        const count = shallowRef(0)
      `
    },
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        const count = ref<number>()
      `
    },
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        const count = ref<number>(0)
      `
    },
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        const counter: Ref<number | undefined> = ref()
      `
    },
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        const count = ref(0)
      `
    },
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        function useCount() {
          return {
            count: ref<number>()
          }
        }
      `
    },
    {
      filename: 'test.ts',
      code: `
      import { ref, defineComponent } from 'vue'
      defineComponent({
        setup() {
          const count = ref<number>()
          return { count }
        }
      })
      `
    },
    {
      filename: 'test.vue',
      code: `
        <script setup>
          import { ref } from 'vue'
          const count = ref()
        </script>
      `,
      languageOptions: { parser: require('vue-eslint-parser') }
    },
    {
      filename: 'test.vue',
      code: `
        <script>
          import { ref } from 'vue'
          export default {
            setup() {
              const count = ref()
            }
          }
        </script>
      `,
      languageOptions: { parser: require('vue-eslint-parser') }
    },
    {
      filename: 'test.js',
      code: `
        import { ref } from 'vue'
        const count = ref()
      `
    }
  ],
  invalid: [
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        const count = ref()
      `,
      errors: [
        {
          messageId: 'noType',
          line: 3,
          column: 23,
          endLine: 3,
          endColumn: 28
        }
      ]
    },
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        const count = ref(null)
      `,
      errors: [
        {
          messageId: 'noType',
          line: 3,
          column: 23,
          endLine: 3,
          endColumn: 32
        }
      ]
    },
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        const count = ref(undefined)
      `,
      errors: [
        {
          messageId: 'noType',
          line: 3,
          column: 23,
          endLine: 3,
          endColumn: 37
        }
      ]
    },
    {
      filename: 'test.ts',
      code: `
        import { shallowRef } from 'vue'
        const count = shallowRef()
      `,
      errors: [
        {
          messageId: 'noType',
          line: 3,
          column: 23,
          endLine: 3,
          endColumn: 35
        }
      ]
    },
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        function useCount() {
          const count = ref()
          return { count }
        }
      `,
      errors: [
        {
          messageId: 'noType',
          line: 4,
          column: 25,
          endLine: 4,
          endColumn: 30
        }
      ]
    },
    {
      filename: 'test.ts',
      code: `
        import { ref } from 'vue'
        function useCount() {
          return {
            count: ref()
          }
        }
      `,
      errors: [
        {
          messageId: 'noType',
          line: 5,
          column: 20,
          endLine: 5,
          endColumn: 25
        }
      ]
    },
    {
      filename: 'test.vue',
      code: `
        <script setup lang="ts">
          import { ref } from 'vue'
          const count = ref()
        </script>
      `,
      errors: [
        {
          messageId: 'noType',
          line: 4,
          column: 25,
          endLine: 4,
          endColumn: 30
        }
      ],
      languageOptions: { parser: require('vue-eslint-parser') }
    },
    {
      filename: 'test.ts',
      code: `
        import { ref, defineComponent } from 'vue'
        defineComponent({
          setup() {
            const count = ref()
            return { count }
          }
        })
      `,
      errors: [
        {
          messageId: 'noType',
          line: 5,
          column: 27,
          endLine: 5,
          endColumn: 32
        }
      ]
    }
  ]
})