Add built-in component tests in `vue/component-name-in-template-casin…

…g` (#1737)
vuejs · Dec 4, 2021 · 024c8d8 · 024c8d8
1 parent 09d7bed
commit 024c8d8
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
@@ -69,6 +69,10 @@ tester.run('component-name-in-template-casing', rule, {
       code: '<template><div><slot></slot></div></template>',
       options: ['PascalCase', { registeredComponentsOnly: false }]
     },
+    {
+      code: '<template><div><template v-if="foo">bar</template></div></template>',
+      options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
     {
       code: '<template><h1>Title</h1></template>',
       options: ['PascalCase', { registeredComponentsOnly: false }]
@@ -151,6 +155,19 @@ tester.run('component-name-in-template-casing', rule, {
     {
       code: '<template><the-component><!--test</the-component></template>',
       options: ['PascalCase', { registeredComponentsOnly: false }]
+    },
+
+    // built-in components (behave the same way as other components)
+    {
+      code: `
+        <template>
+          <component />
+          <suspense />
+          <teleport />
+          <client-only />
+          <keep-alive />
+        </template>
+      `
     }
   ],
   invalid: [
@@ -768,6 +785,35 @@ tester.run('component-name-in-template-casing', rule, {
         'Component name "FooBar" is not kebab-case.',
         'Component name "FooBar_Baz-qux" is not kebab-case.'
       ]
+    },
+    {
+      // built-in components (behave the same way as other components)
+      code: `
+        <template>
+          <component />
+          <suspense />
+          <teleport />
+          <client-only />
+          <keep-alive />
+        </template>
+      `,
+      output: `
+        <template>
+          <Component />
+          <Suspense />
+          <Teleport />
+          <ClientOnly />
+          <KeepAlive />
+        </template>
+      `,
+      options: ['PascalCase', { registeredComponentsOnly: false }],
+      errors: [
+        'Component name "component" is not PascalCase.',
+        'Component name "suspense" is not PascalCase.',
+        'Component name "teleport" is not PascalCase.',
+        'Component name "client-only" is not PascalCase.',
+        'Component name "keep-alive" is not PascalCase.'
+      ]
     }
   ]
 })