From 599fa3e432f4193a74e228832df10bc760fe2d2f Mon Sep 17 00:00:00 2001
From: Vitor Carvalho <lightningspirit@gmail.com>
Date: Wed, 27 Oct 2021 13:07:07 +0100
Subject: [PATCH] Fix semantic scope to th in table

---
 src/__snapshots__/index.test.tsx.snap         | 74 ++++++++++++------
 .../table/__snapshots__/index.test.tsx.snap   | 75 ++++++++++++++-----
 2 files changed, 107 insertions(+), 42 deletions(-)

diff --git a/src/__snapshots__/index.test.tsx.snap b/src/__snapshots__/index.test.tsx.snap
index 46db491..ac620b9 100644
--- a/src/__snapshots__/index.test.tsx.snap
+++ b/src/__snapshots__/index.test.tsx.snap
@@ -133,20 +133,29 @@ Array [
     </caption>
     <thead>
       <tr>
-        <th>
+        <th
+          scope="col"
+        >
           Name
         </th>
-        <th>
+        <th
+          scope="col"
+        >
           Qtd
         </th>
-        <th>
+        <th
+          scope="col"
+        >
           Price
         </th>
       </tr>
     </thead>
+    
     <tbody>
       <tr>
-        <th>
+        <th
+          scope="row"
+        >
           Kine
         </th>
         <td>
@@ -157,7 +166,9 @@ Array [
         </td>
       </tr>
       <tr>
-        <th>
+        <th
+          scope="row"
+        >
           Pigs
         </th>
         <td>
@@ -168,7 +179,9 @@ Array [
         </td>
       </tr>
       <tr>
-        <th>
+        <th
+          scope="row"
+        >
           Chickens
         </th>
         <td>
@@ -181,15 +194,17 @@ Array [
     </tbody>
     <tfoot>
       <tr>
-        <th>
+        <th
+          scope="row"
+        >
           Total
         </th>
-        <th>
+        <td>
           16 pcs
-        </th>
-        <th>
+        </td>
+        <td>
           $450
-        </th>
+        </td>
       </tr>
     </tfoot>
   </table>,
@@ -275,20 +290,29 @@ Array [
     </caption>
     <thead>
       <tr>
-        <th>
+        <th
+          scope="col"
+        >
           Name
         </th>
-        <th>
+        <th
+          scope="col"
+        >
           Qtd
         </th>
-        <th>
+        <th
+          scope="col"
+        >
           Price
         </th>
       </tr>
     </thead>
+    
     <tbody>
       <tr>
-        <th>
+        <th
+          scope="row"
+        >
           Kine
         </th>
         <td>
@@ -299,7 +323,9 @@ Array [
         </td>
       </tr>
       <tr>
-        <th>
+        <th
+          scope="row"
+        >
           Pigs
         </th>
         <td>
@@ -310,7 +336,9 @@ Array [
         </td>
       </tr>
       <tr>
-        <th>
+        <th
+          scope="row"
+        >
           Chickens
         </th>
         <td>
@@ -323,15 +351,17 @@ Array [
     </tbody>
     <tfoot>
       <tr>
-        <th>
+        <th
+          scope="row"
+        >
           Total
         </th>
-        <th>
+        <td>
           16 pcs
-        </th>
-        <th>
+        </td>
+        <td>
           $450
-        </th>
+        </td>
       </tr>
     </tfoot>
   </table>,
diff --git a/src/renderers/table/__snapshots__/index.test.tsx.snap b/src/renderers/table/__snapshots__/index.test.tsx.snap
index b13e6cd..9066627 100644
--- a/src/renderers/table/__snapshots__/index.test.tsx.snap
+++ b/src/renderers/table/__snapshots__/index.test.tsx.snap
@@ -2,9 +2,12 @@
 
 exports[`<Table /> when receives a simple table renders a <table> tag without <thead>, <tfoot> or <caption> 1`] = `
 <table>
+  
   <tbody>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Kine
       </th>
       <td>
@@ -15,7 +18,9 @@ exports[`<Table /> when receives a simple table renders a <table> tag without <t
       </td>
     </tr>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Pigs
       </th>
       <td>
@@ -26,7 +31,9 @@ exports[`<Table /> when receives a simple table renders a <table> tag without <t
       </td>
     </tr>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Chickens
       </th>
       <td>
@@ -47,20 +54,29 @@ exports[`<Table /> when receives a table block renders a <table> tag 1`] = `
   </caption>
   <thead>
     <tr>
-      <th>
+      <th
+        scope="col"
+      >
         Name
       </th>
-      <th>
+      <th
+        scope="col"
+      >
         Qtd
       </th>
-      <th>
+      <th
+        scope="col"
+      >
         Price
       </th>
     </tr>
   </thead>
+  
   <tbody>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Kine
       </th>
       <td>
@@ -71,7 +87,9 @@ exports[`<Table /> when receives a table block renders a <table> tag 1`] = `
       </td>
     </tr>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Pigs
       </th>
       <td>
@@ -82,7 +100,9 @@ exports[`<Table /> when receives a table block renders a <table> tag 1`] = `
       </td>
     </tr>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Chickens
       </th>
       <td>
@@ -95,15 +115,17 @@ exports[`<Table /> when receives a table block renders a <table> tag 1`] = `
   </tbody>
   <tfoot>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Total
       </th>
-      <th>
+      <td>
         16 pcs
-      </th>
-      <th>
+      </td>
+      <td>
         $450
-      </th>
+      </td>
     </tr>
   </tfoot>
 </table>
@@ -116,20 +138,29 @@ exports[`<Table /> when receives a table block without footer renders a <table>
   </caption>
   <thead>
     <tr>
-      <th>
+      <th
+        scope="col"
+      >
         Name
       </th>
-      <th>
+      <th
+        scope="col"
+      >
         Qtd
       </th>
-      <th>
+      <th
+        scope="col"
+      >
         Price
       </th>
     </tr>
   </thead>
+  
   <tbody>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Kine
       </th>
       <td>
@@ -140,7 +171,9 @@ exports[`<Table /> when receives a table block without footer renders a <table>
       </td>
     </tr>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Pigs
       </th>
       <td>
@@ -151,7 +184,9 @@ exports[`<Table /> when receives a table block without footer renders a <table>
       </td>
     </tr>
     <tr>
-      <th>
+      <th
+        scope="row"
+      >
         Chickens
       </th>
       <td>