Nice

Author: NullVoxPopuli

tests/lib/rules/template-builtin-component-arguments.js

@@ -48,3 +48,53 @@ ruleTester.run('template-builtin-component-arguments', rule, {
     },
   ],
 });
+
+const hbsRuleTester = new RuleTester({
+  parser: require.resolve('ember-eslint-parser/hbs'),
+  parserOptions: { ecmaVersion: 2022, sourceType: 'module' },
+});
+
+hbsRuleTester.run('template-builtin-component-arguments (hbs)', rule, {
+  valid: [
+    { filename: 'layout.hbs', code: '<Input/>' },
+    { filename: 'layout.hbs', code: '<input type="text" size="10" />' },
+    { filename: 'layout.hbs', code: '<Input @type="text" size="10" />' },
+    { filename: 'layout.hbs', code: '<Input @type="checkbox" @checked={{true}} />' },
+    { filename: 'layout.hbs', code: '<Textarea @value="Tomster" />' },
+  ],
+  invalid: [
+    {
+      filename: 'layout.hbs',
+      code: '<Input type="text" size="10" />',
+      output: null,
+      errors: [
+        {
+          message:
+            'Setting the `type` attribute on the builtin <Input> component is not allowed. Did you mean `@type`?',
+        },
+      ],
+    },
+    {
+      filename: 'layout.hbs',
+      code: '<Input @type="checkbox" checked />',
+      output: null,
+      errors: [
+        {
+          message:
+            'Setting the `checked` attribute on the builtin <Input> component is not allowed. Did you mean `@checked`?',
+        },
+      ],
+    },
+    {
+      filename: 'layout.hbs',
+      code: '<Textarea value="Tomster" />',
+      output: null,
+      errors: [
+        {
+          message:
+            'Setting the `value` attribute on the builtin <Textarea> component is not allowed. Did you mean `@value`?',
+        },
+      ],
+    },
+  ],
+});