feat(eslint-plugin-template)!: add textContent to default allowList

Author: JamesHenry

packages/eslint-plugin-template/docs/rules/elements-content.md

@@ -34,7 +34,7 @@ The rule accepts an options object with the following properties:
 ```ts
 interface Options {
   /**
-   * Default: `["aria-label","innerHtml","innerHTML","innerText","outerHTML","title"]`
+   * Default: `["aria-label","innerHtml","innerHTML","innerText","outerHTML","textContent","title"]`
    */
   allowList?: string[];
 }
@@ -200,8 +200,10 @@ interface Options {
 <a [innerHTML]="dangerouslySetHTML"></a>
 <a [innerText]="text"></a>
 <a [outerHTML]="text"></a>
+<a [textContent]="text"></a>
 <a aria-hidden></a>
 <button [attr.aria-hidden]="true"></button>
+<button [textContent]="dynamicText"></button>
 <h5 [attr.aria-label]="text"></h5>
 <h6 title="text"></h6>
 ```

packages/eslint-plugin-template/src/rules/elements-content.ts

@@ -16,6 +16,7 @@ const DEFAULT_SAFELIST_ATTRIBUTES: readonly string[] = [
   'innerHTML',
   'innerText',
   'outerHTML',
+  'textContent',
   'title',
 ];
 const DEFAULT_OPTIONS: Options[0] = {

packages/eslint-plugin-template/tests/rules/elements-content/cases.ts

@@ -18,8 +18,10 @@ export const valid: readonly (string | ValidTestCase<Options>)[] = [
     <a [innerHTML]="dangerouslySetHTML"></a>
     <a [innerText]="text"></a>
     <a [outerHTML]="text"></a>
+    <a [textContent]="text"></a>
     <a aria-hidden></a>
     <button [attr.aria-hidden]="true"></button>
+    <button [textContent]="dynamicText"></button>
     <h5 [attr.aria-label]="text"></h5>
     <h6 title="text"></h6>
   `,