test: add coverage for doc-pagebreak and graphics-symbol additions

Author: johanrd

tests/lib/rules/template-require-presentational-children.js

@@ -35,6 +35,12 @@ ruleTester.run('template-require-presentational-children', rule, {
       <title>Title here</title>
       <circle cx="10" cy="10" r="10"></circle>
     </svg></template>`,
+    // SKIPPED_TAGS: <svg> is always skipped, even when its role has childrenPresentational
+    // (graphics-symbol is such a role via Graphics-ARIA; this covers the new aria-query-derived set).
+    `<template>
+    <svg role="graphics-symbol">
+      <circle cx="10" cy="10" r="10"></circle>
+    </svg></template>`,
     `<template>
       <MyButton role="tab">
         <:default>Button text</:default>
@@ -77,6 +83,28 @@ ruleTester.run('template-require-presentational-children', rule, {
         },
       ],
     },
+    // doc-pagebreak: DPUB-ARIA role with childrenPresentational; now included via aria-query.
+    {
+      code: '<template><div role="doc-pagebreak"><h2>pg</h2></div></template>',
+      output: null,
+      errors: [
+        {
+          message:
+            '<div> has a role of doc-pagebreak, it cannot have semantic descendants like <h2>',
+        },
+      ],
+    },
+    // graphics-symbol: Graphics-ARIA role with childrenPresentational; flags on non-svg host.
+    {
+      code: '<template><div role="graphics-symbol"><text>X</text></div></template>',
+      output: null,
+      errors: [
+        {
+          message:
+            '<div> has a role of graphics-symbol, it cannot have semantic descendants like <text>',
+        },
+      ],
+    },
   ],
 });
 
@@ -109,6 +137,12 @@ hbsRuleTester.run('template-require-presentational-children', rule, {
       <title>Title here</title>
       <circle cx="10" cy="10" r="10"></circle>
     </svg>`,
+    // SKIPPED_TAGS: <svg> is always skipped, even when its role has childrenPresentational
+    // (graphics-symbol is such a role via Graphics-ARIA; this covers the new aria-query-derived set).
+    `
+    <svg role="graphics-symbol">
+      <circle cx="10" cy="10" r="10"></circle>
+    </svg>`,
     `
       <MyButton role="tab">
         <:default>Button text</:default>
@@ -150,5 +184,27 @@ hbsRuleTester.run('template-require-presentational-children', rule, {
         },
       ],
     },
+    // doc-pagebreak: DPUB-ARIA role with childrenPresentational; now included via aria-query.
+    {
+      code: '<div role="doc-pagebreak"><h2>pg</h2></div>',
+      output: null,
+      errors: [
+        {
+          message:
+            '<div> has a role of doc-pagebreak, it cannot have semantic descendants like <h2>',
+        },
+      ],
+    },
+    // graphics-symbol: Graphics-ARIA role with childrenPresentational; flags on non-svg host.
+    {
+      code: '<div role="graphics-symbol"><text>X</text></div>',
+      output: null,
+      errors: [
+        {
+          message:
+            '<div> has a role of graphics-symbol, it cannot have semantic descendants like <text>',
+        },
+      ],
+    },
   ],
 });