fix(Tabs): fix tabs action style and add test unit (#2808)

* fix(tabs): fix tabs action style and add test unit

* test: update test snap and action render usage parseTNode

---------

Co-authored-by: Heising <heising@travelconnect.cn>

src/tabs/TabNav.tsx

@@ -14,6 +14,7 @@ import TabBar from './TabBar';
 import tabBase from '../_common/js/tabs/base';
 import useGlobalIcon from '../hooks/useGlobalIcon';
 import type { DragSortInnerProps } from '../_util/useDragSorter';
+import parseTNode from '../_util/parseTNode';
 
 const { moveActiveTabIntoView, calcScrollLeft, scrollToLeft, scrollToRight, calculateCanToLeft, calculateCanToRight } =
   tabBase;
@@ -39,6 +40,7 @@ const TabNav: React.FC<TabNavProps> = (props) => {
     onChange = noop,
     activeValue,
     children,
+    action,
     getDragProps,
   } = props;
 
@@ -272,7 +274,17 @@ const TabNav: React.FC<TabNavProps> = (props) => {
             <AddIcon />
           </div>
         ) : null}
-        {props.action}
+        {action ? (
+          <div
+            className={classNames(
+              tdTabsClassGenerator('btn'),
+              tdTabsClassGenerator('nav-action'),
+              tdSizeClassGenerator(size),
+            )}
+          >
+            {parseTNode(action)}
+          </div>
+        ) : null}
       </div>
       <div
         className={classNames(

src/tabs/__tests__/tabs.test.tsx

@@ -340,4 +340,26 @@ describe('Tabs 组件测试', () => {
     expect(onDragSort.mock.calls[0][0].target.value).toEqual('vue');
     expect(container.querySelectorAll('.t-tabs__nav-item-text-wrapper').item(0).firstChild.nodeValue).toEqual('react');
   });
+
+  test('Tabs action', () => {
+    const { container } = render(
+      <Tabs
+        action="Action"
+        size={'medium'}
+        list={[
+          {
+            label: 'a',
+            value: 'a',
+          },
+          {
+            label: 'b',
+            value: 'b',
+          },
+        ]}
+      />,
+    );
+
+    expect(container.querySelector('.t-tabs__nav-action')).not.toBeNull();
+    expect(container.querySelector('.t-tabs__nav-action')).toBeInTheDocument();
+  });
 });