test: update tag test case (#788)

Author: novlan1

site/test-coverage.js

@@ -21,7 +21,7 @@ module.exports = {
   empty: { statements: '100%', branches: '100%', functions: '100%', lines: '100%' },
   fab: { statements: '5.4%', branches: '0%', functions: '0%', lines: '5.4%' },
   footer: { statements: '100%', branches: '100%', functions: '100%', lines: '100%' },
-  form: { statements: '2.8%', branches: '0%', functions: '0%', lines: '2.96%' },
+  form: { statements: '2.79%', branches: '0%', functions: '0%', lines: '2.95%' },
   grid: { statements: '100%', branches: '100%', functions: '100%', lines: '100%' },
   guide: { statements: '3.46%', branches: '0%', functions: '0%', lines: '3.77%' },
   hooks: { statements: '70.7%', branches: '45.88%', functions: '73.68%', lines: '70.66%' },
@@ -60,7 +60,7 @@ module.exports = {
   tabBar: { statements: '100%', branches: '93.18%', functions: '100%', lines: '100%' },
   table: { statements: '100%', branches: '90%', functions: '100%', lines: '100%' },
   tabs: { statements: '43.22%', branches: '18.75%', functions: '56%', lines: '45.07%' },
-  tag: { statements: '100%', branches: '96.87%', functions: '100%', lines: '100%' },
+  tag: { statements: '100%', branches: '100%', functions: '100%', lines: '100%' },
   textarea: { statements: '98.64%', branches: '95%', functions: '93.33%', lines: '100%' },
   toast: { statements: '98.73%', branches: '100%', functions: '94.11%', lines: '98.66%' },
   treeSelect: { statements: '5.4%', branches: '0%', functions: '0%', lines: '5.88%' },

src/tag/__tests__/index.test.tsx src/tag/__tests__/tag.test.tsxsrc/tag/__tests__/index.test.tsx renamed to src/tag/__tests__/tag.test.tsx

@@ -1,4 +1,4 @@
-import { describe, vi } from '@test/utils';
+import { describe, vi, it, expect } from '@test/utils';
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import { AppIcon } from 'tdesign-icons-react';
@@ -158,9 +158,12 @@ describe('TagCheck', () => {
     });
 
     it(': checked', () => {
-      const { container } = render(<TagCheck defaultChecked content={['已选中态', '未选中态']}></TagCheck>);
+      const { container, rerender } = render(<TagCheck defaultChecked content={['已选中态', '未选中态']}></TagCheck>);
       const $tagItem = container.querySelector(baseClass) as HTMLElement;
       expect($tagItem.classList.contains(`${baseClass}--checked`));
+
+      rerender(<TagCheck checked={false} content={['已选中态', '未选中态']}></TagCheck>);
+      expect(container.querySelector(`${baseClass}__text`).innerHTML).toBe('未选中态');
     });
 
     it(': closable', () => {