test: check referenced imported type (#2936)

Author: waynzh

tests/fixtures/typescript/src/test01.ts

@@ -18,6 +18,13 @@ export type Props2 = {
   h?: string[]
   i?: readonly string[]
 }
+export type Props3 = {
+  snake_case: string
+  'kebab-case': number
+  camelCase: boolean
+  PascalCase?: string
+  foo: number
+}
 
 export type Slots1 = {
   default(props: { msg: string }): any

tests/lib/rules/no-dupe-keys.js

@@ -6,6 +6,9 @@
 
 const rule = require('../../../lib/rules/no-dupe-keys')
 const RuleTester = require('../../eslint-compat').RuleTester
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const ruleTester = new RuleTester({
   languageOptions: {
@@ -511,6 +514,20 @@ ruleTester.run('no-dupe-keys', rule, {
       </script>
       `,
       languageOptions: { parser: require('vue-eslint-parser') }
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props2 as Props} from './test01'
+
+      defineProps<Props>()
+
+      const bar = computed(() => {
+        return "hello";
+      });
+      </script>
+      `,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
 
@@ -1245,6 +1262,30 @@ ruleTester.run('no-dupe-keys', rule, {
           endColumn: 24
         }
       ]
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props1 as Props} from './test01'
+
+      defineProps<Props>()
+
+      const foo = computed(() => {
+        return "hello";
+      });
+      </script>
+      `,
+      errors: [
+        {
+          message:
+            "Duplicate key 'foo'. May cause name collision in script or template tag.",
+          line: 7,
+          column: 13,
+          endLine: 9,
+          endColumn: 9
+        }
+      ],
+      ...getTypeScriptFixtureTestOptions()
     }
   ]
 })

tests/lib/rules/prop-name-casing.js

@@ -7,6 +7,9 @@
 const semver = require('semver')
 const rule = require('../../../lib/rules/prop-name-casing')
 const RuleTester = require('../../eslint-compat').RuleTester
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const languageOptions = {
   ecmaVersion: 2018,
@@ -376,6 +379,16 @@ ruleTester.run('prop-name-casing', rule, {
         { ignoreProps: ['ignored_prop', '/^ignored-pattern-/'] }
       ],
       languageOptions
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props2 as Props} from './test01'
+
+      defineProps<Props>()
+      </script>
+      `,
+      ...getTypeScriptFixtureTestOptions()
     }
   ],
 
@@ -751,6 +764,30 @@ ruleTester.run('prop-name-casing', rule, {
           line: 3
         }
       ]
+    },
+    {
+      code: `
+      <script setup lang="ts">
+      import {Props3 as Props} from './test01'
+
+      defineProps<Props>()
+      </script>
+      `,
+      errors: [
+        {
+          message: 'Prop "snake_case" is not in camelCase.',
+          line: 5
+        },
+        {
+          message: 'Prop "kebab-case" is not in camelCase.',
+          line: 5
+        },
+        {
+          message: 'Prop "PascalCase" is not in camelCase.',
+          line: 5
+        }
+      ],
+      ...getTypeScriptFixtureTestOptions()
     }
   ]
 })