update tablist snapshots

Author: dev-javascript

src/tabList/__snapshots__/tabList.test.js.snap

@@ -9,55 +9,55 @@ exports[`TabList structure :  default options 1`] = `
     <li
       aria-controls="rc-dyn-tabs-p-1"
       aria-expanded={true}
-      aria-labelledby="rc-dyn-tabs-l-1"
+      aria-label="tab1"
       aria-selected={true}
       className="rc-dyn-tabs-tab rc-dyn-tabs-selected"
+      id="rc-dyn-tabs-l-1"
       onClick={[Function]}
       role="tab"
       tab-id="1"
       tabIndex={0}
+      title="tab1"
     >
       <button
         className="rc-dyn-tabs-title"
-        id="rc-dyn-tabs-l-1"
         role="presentation"
         tab-id="1"
         tabIndex={-1}
-        title=""
       >
         tab1
       </button>
       <span
         className="rc-dyn-tabs-close"
-        role="presentation"
+        role="button"
       >
         ×
       </span>
     </li>
     <li
       aria-controls="rc-dyn-tabs-p-2"
       aria-expanded={false}
-      aria-labelledby="rc-dyn-tabs-l-2"
+      aria-label="tab2"
       aria-selected={false}
       className="rc-dyn-tabs-tab"
+      id="rc-dyn-tabs-l-2"
       onClick={[Function]}
       role="tab"
       tab-id="2"
       tabIndex={-1}
+      title="tab2"
     >
       <button
         className="rc-dyn-tabs-title"
-        id="rc-dyn-tabs-l-2"
         role="presentation"
         tab-id="2"
         tabIndex={-1}
-        title=""
       >
         tab2
       </button>
       <span
         className="rc-dyn-tabs-close"
-        role="presentation"
+        role="button"
       >
         ×
       </span>
@@ -75,55 +75,55 @@ exports[`TabList structure :  isVertical option 1`] = `
     <li
       aria-controls="rc-dyn-tabs-p-1"
       aria-expanded={true}
-      aria-labelledby="rc-dyn-tabs-l-1"
+      aria-label="tab1"
       aria-selected={true}
       className="rc-dyn-tabs-tab rc-dyn-tabs-selected"
+      id="rc-dyn-tabs-l-1"
       onClick={[Function]}
       role="tab"
       tab-id="1"
       tabIndex={0}
+      title="tab1"
     >
       <button
         className="rc-dyn-tabs-title"
-        id="rc-dyn-tabs-l-1"
         role="presentation"
         tab-id="1"
         tabIndex={-1}
-        title=""
       >
         tab1
       </button>
       <span
         className="rc-dyn-tabs-close"
-        role="presentation"
+        role="button"
       >
         ×
       </span>
     </li>
     <li
       aria-controls="rc-dyn-tabs-p-2"
       aria-expanded={false}
-      aria-labelledby="rc-dyn-tabs-l-2"
+      aria-label="tab2"
       aria-selected={false}
       className="rc-dyn-tabs-tab"
+      id="rc-dyn-tabs-l-2"
       onClick={[Function]}
       role="tab"
       tab-id="2"
       tabIndex={-1}
+      title="tab2"
     >
       <button
         className="rc-dyn-tabs-title"
-        id="rc-dyn-tabs-l-2"
         role="presentation"
         tab-id="2"
         tabIndex={-1}
-        title=""
       >
         tab2
       </button>
       <span
         className="rc-dyn-tabs-close"
-        role="presentation"
+        role="button"
       >
         ×
       </span>
@@ -142,12 +142,13 @@ exports[`TabList structure :  none accessibility option 1`] = `
       onClick={[Function]}
       tab-id="1"
       tabIndex={0}
+      title="tab1"
     >
       <button
         className="rc-dyn-tabs-title"
+        role="presentation"
         tab-id="1"
         tabIndex={-1}
-        title=""
       >
         tab1
       </button>
@@ -162,12 +163,13 @@ exports[`TabList structure :  none accessibility option 1`] = `
       onClick={[Function]}
       tab-id="2"
       tabIndex={-1}
+      title="tab2"
     >
       <button
         className="rc-dyn-tabs-title"
+        role="presentation"
         tab-id="2"
         tabIndex={-1}
-        title=""
       >
         tab2
       </button>
@@ -190,55 +192,55 @@ exports[`TabList structure :  rtl option 1`] = `
     <li
       aria-controls="rc-dyn-tabs-p-1"
       aria-expanded={true}
-      aria-labelledby="rc-dyn-tabs-l-1"
+      aria-label="tab1"
       aria-selected={true}
       className="rc-dyn-tabs-tab rc-dyn-tabs-selected"
+      id="rc-dyn-tabs-l-1"
       onClick={[Function]}
       role="tab"
       tab-id="1"
       tabIndex={0}
+      title="tab1"
     >
       <button
         className="rc-dyn-tabs-title"
-        id="rc-dyn-tabs-l-1"
         role="presentation"
         tab-id="1"
         tabIndex={-1}
-        title=""
       >
         tab1
       </button>
       <span
         className="rc-dyn-tabs-close"
-        role="presentation"
+        role="button"
       >
         ×
       </span>
     </li>
     <li
       aria-controls="rc-dyn-tabs-p-2"
       aria-expanded={false}
-      aria-labelledby="rc-dyn-tabs-l-2"
+      aria-label="tab2"
       aria-selected={false}
       className="rc-dyn-tabs-tab"
+      id="rc-dyn-tabs-l-2"
       onClick={[Function]}
       role="tab"
       tab-id="2"
       tabIndex={-1}
+      title="tab2"
     >
       <button
         className="rc-dyn-tabs-title"
-        id="rc-dyn-tabs-l-2"
         role="presentation"
         tab-id="2"
         tabIndex={-1}
-        title=""
       >
         tab2
       </button>
       <span
         className="rc-dyn-tabs-close"
-        role="presentation"
+        role="button"
       >
         ×
       </span>