Add codelyzer component-selector converter (#452)

Author: KingDarBoja

src/rules/converters/codelyzer/component-selector.ts

@@ -0,0 +1,21 @@
+import { RuleConverter } from "../../converter";
+
+export const convertComponentSelector: RuleConverter = (tslintRule) => {
+    return {
+        rules: [
+            {
+                ...(tslintRule.ruleArguments.length !== 0 && {
+                    ruleArguments: [
+                        {
+                            type: tslintRule.ruleArguments[0],
+                            prefix: tslintRule.ruleArguments[1],
+                            style: tslintRule.ruleArguments[2],
+                        },
+                    ],
+                }),
+                ruleName: "@angular-eslint/component-selector",
+            },
+        ],
+        plugins: ["@angular-eslint/eslint-plugin"],
+    };
+};

src/rules/converters/codelyzer/tests/component-selector.test.ts

@@ -0,0 +1,47 @@
+import { convertComponentSelector } from "../component-selector";
+
+describe(convertComponentSelector, () => {
+    test("conversion with arguments of same type", () => {
+        const result = convertComponentSelector({
+            ruleArguments: ["attribute", "myPrefix", "camelCase"],
+        });
+
+        expect(result).toEqual({
+            rules: [
+                {
+                    ruleArguments: [
+                        {
+                            type: "attribute",
+                            prefix: "myPrefix",
+                            style: "camelCase",
+                        },
+                    ],
+                    ruleName: "@angular-eslint/component-selector",
+                },
+            ],
+            plugins: ["@angular-eslint/eslint-plugin"],
+        });
+    });
+
+    test("conversion with arguments of mixed type", () => {
+        const result = convertComponentSelector({
+            ruleArguments: ["element", ["ng", "ngx"], "kebab-case"],
+        });
+
+        expect(result).toEqual({
+            rules: [
+                {
+                    ruleArguments: [
+                        {
+                            type: "element",
+                            prefix: ["ng", "ngx"],
+                            style: "kebab-case",
+                        },
+                    ],
+                    ruleName: "@angular-eslint/component-selector",
+                },
+            ],
+            plugins: ["@angular-eslint/eslint-plugin"],
+        });
+    });
+});

src/rules/rulesConverters.ts

@@ -139,6 +139,7 @@ import { convertVariableName } from "./converters/variable-name";
 
 // Codelyzer converters
 import { convertComponentClassSuffix } from "./converters/codelyzer/component-class-suffix";
+import { convertComponentSelector } from "./converters/codelyzer/component-selector";
 
 /**
  * Keys TSLint rule names to their ESLint rule converters.
@@ -158,6 +159,7 @@ export const rulesConverters = new Map([
     ["class-name", convertClassName],
     ["comment-format", convertCommentFormat],
     ["component-class-suffix", convertComponentClassSuffix],
+    ["component-selector", convertComponentSelector],
     ["curly", convertCurly],
     ["cyclomatic-complexity", convertCyclomaticComplexity],
     ["deprecation", convertDeprecation],