@digigov/react-core 0.17.2 → 0.18.1

package/TabsListItem/__snapshots__/index.test.tsx.snap

@@ -7,13 +7,24 @@ exports[`renders the TabsListItem with href and selected=false 1`] = `
 >
   <li
     className="govgr-tabs__list-item"
+    role="presentation"
   >
-    <a
+    <ForwardRef(Base)
+      aria-selected={false}
+      as="a"
       className="govgr-tabs__tab"
       href="/"
+      role="tab"
     >
-      hello
-    </a>
+      <a
+        aria-selected={false}
+        className="govgr-tabs__tab"
+        href="/"
+        role="tab"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
   </li>
 </ForwardRef(TabsListItem)>
 `;
@@ -22,12 +33,20 @@ exports[`renders the TabsListItem with no props 1`] = `
 <ForwardRef(TabsListItem)>
   <li
     className="govgr-tabs__list-item"
+    role="presentation"
   >
-    <a
+    <ForwardRef(Base)
+      as="a"
       className="govgr-tabs__tab"
+      role="tab"
     >
-      hello
-    </a>
+      <a
+        className="govgr-tabs__tab"
+        role="tab"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
   </li>
 </ForwardRef(TabsListItem)>
 `;
@@ -38,12 +57,22 @@ exports[`renders the TabsListItem with selected=false 1`] = `
 >
   <li
     className="govgr-tabs__list-item"
+    role="presentation"
   >
-    <a
+    <ForwardRef(Base)
+      aria-selected={false}
+      as="a"
       className="govgr-tabs__tab"
+      role="tab"
     >
-      hello
-    </a>
+      <a
+        aria-selected={false}
+        className="govgr-tabs__tab"
+        role="tab"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
   </li>
 </ForwardRef(TabsListItem)>
 `;
@@ -54,12 +83,22 @@ exports[`renders the TabsListItem with selected=true 1`] = `
 >
   <li
     className="govgr-tabs__list-item-selected govgr-tabs__list-item"
+    role="presentation"
   >
-    <a
+    <ForwardRef(Base)
+      aria-selected={true}
+      as="a"
       className="govgr-tabs__tab"
+      role="tab"
     >
-      hello
-    </a>
+      <a
+        aria-selected={true}
+        className="govgr-tabs__tab"
+        role="tab"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
   </li>
 </ForwardRef(TabsListItem)>
 `;
@@ -71,13 +110,24 @@ exports[`renders the TabsListItem with selected=true 2`] = `
 >
   <li
     className="govgr-tabs__list-item-selected govgr-tabs__list-item"
+    role="presentation"
   >
-    <a
+    <ForwardRef(Base)
+      aria-selected={true}
+      as="a"
       className="govgr-tabs__tab"
       href="/"
+      role="tab"
     >
-      hello
-    </a>
+      <a
+        aria-selected={true}
+        className="govgr-tabs__tab"
+        href="/"
+        role="tab"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
   </li>
 </ForwardRef(TabsListItem)>
 `;

package/TabsPanel/__snapshots__/index.test.tsx.snap

@@ -4,11 +4,20 @@ exports[`renders the TabsPanel with active 1`] = `
 <ForwardRef(TabsPanel)
   active={true}
 >
-  <div
+  <ForwardRef(Base)
+    aria-hidden={false}
+    as="div"
     className="govgr-tabs__panel-visible govgr-tabs__panel"
+    role="tabpanel"
   >
-    hello
-  </div>
+    <div
+      aria-hidden={false}
+      className="govgr-tabs__panel-visible govgr-tabs__panel"
+      role="tabpanel"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(TabsPanel)>
 `;
 
@@ -16,11 +25,20 @@ exports[`renders the TabsPanel with active=false 1`] = `
 <ForwardRef(TabsPanel)
   active={false}
 >
-  <div
+  <ForwardRef(Base)
+    aria-hidden={true}
+    as="div"
     className="govgr-tabs__panel"
+    role="tabpanel"
   >
-    hello
-  </div>
+    <div
+      aria-hidden={true}
+      className="govgr-tabs__panel"
+      role="tabpanel"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(TabsPanel)>
 `;
 
@@ -28,20 +46,38 @@ exports[`renders the TabsPanel with active=true 1`] = `
 <ForwardRef(TabsPanel)
   active={true}
 >
-  <div
+  <ForwardRef(Base)
+    aria-hidden={false}
+    as="div"
     className="govgr-tabs__panel-visible govgr-tabs__panel"
+    role="tabpanel"
   >
-    hello
-  </div>
+    <div
+      aria-hidden={false}
+      className="govgr-tabs__panel-visible govgr-tabs__panel"
+      role="tabpanel"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(TabsPanel)>
 `;
 
 exports[`renders the TabsPanel with no props 1`] = `
 <ForwardRef(TabsPanel)>
-  <div
+  <ForwardRef(Base)
+    aria-hidden={true}
+    as="div"
     className="govgr-tabs__panel"
+    role="tabpanel"
   >
-    hello
-  </div>
+    <div
+      aria-hidden={true}
+      className="govgr-tabs__panel"
+      role="tabpanel"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(TabsPanel)>
 `;

package/TextArea/__snapshots__/index.test.tsx.snap

@@ -2,11 +2,18 @@
 
 exports[`renders the TextArea with no props 1`] = `
 <ForwardRef(TextArea)>
-  <textarea
+  <ForwardRef(Base)
+    as="textarea"
     className="govgr-textarea"
+    rows={6}
   >
-    hello
-  </textarea>
+    <textarea
+      className="govgr-textarea"
+      rows={6}
+    >
+      hello
+    </textarea>
+  </ForwardRef(Base)>
 </ForwardRef(TextArea)>
 `;
 
@@ -14,12 +21,18 @@ exports[`renders the TextArea with rows=4 1`] = `
 <ForwardRef(TextArea)
   rows={4}
 >
-  <textarea
+  <ForwardRef(Base)
+    as="textarea"
     className="govgr-textarea"
     rows={4}
   >
-    hello
-  </textarea>
+    <textarea
+      className="govgr-textarea"
+      rows={4}
+    >
+      hello
+    </textarea>
+  </ForwardRef(Base)>
 </ForwardRef(TextArea)>
 `;
 
@@ -27,12 +40,18 @@ exports[`renders the TextArea with rows=5 1`] = `
 <ForwardRef(TextArea)
   rows={5}
 >
-  <textarea
+  <ForwardRef(Base)
+    as="textarea"
     className="govgr-textarea"
     rows={5}
   >
-    hello
-  </textarea>
+    <textarea
+      className="govgr-textarea"
+      rows={5}
+    >
+      hello
+    </textarea>
+  </ForwardRef(Base)>
 </ForwardRef(TextArea)>
 `;
 
@@ -40,12 +59,18 @@ exports[`renders the TextArea with rows=6 1`] = `
 <ForwardRef(TextArea)
   rows={6}
 >
-  <textarea
+  <ForwardRef(Base)
+    as="textarea"
     className="govgr-textarea"
     rows={6}
   >
-    hello
-  </textarea>
+    <textarea
+      className="govgr-textarea"
+      rows={6}
+    >
+      hello
+    </textarea>
+  </ForwardRef(Base)>
 </ForwardRef(TextArea)>
 `;
 
@@ -53,12 +78,18 @@ exports[`renders the TextArea with rows=7 1`] = `
 <ForwardRef(TextArea)
   rows={7}
 >
-  <textarea
+  <ForwardRef(Base)
+    as="textarea"
     className="govgr-textarea"
     rows={7}
   >
-    hello
-  </textarea>
+    <textarea
+      className="govgr-textarea"
+      rows={7}
+    >
+      hello
+    </textarea>
+  </ForwardRef(Base)>
 </ForwardRef(TextArea)>
 `;
 
@@ -66,11 +97,17 @@ exports[`renders the TextArea with rows=8 1`] = `
 <ForwardRef(TextArea)
   rows={8}
 >
-  <textarea
+  <ForwardRef(Base)
+    as="textarea"
     className="govgr-textarea"
     rows={8}
   >
-    hello
-  </textarea>
+    <textarea
+      className="govgr-textarea"
+      rows={8}
+    >
+      hello
+    </textarea>
+  </ForwardRef(Base)>
 </ForwardRef(TextArea)>
 `;