fix: table test fail

ant-design · Dec 15, 2022 · 79eb0a9 · 79eb0a9
1 parent 1afc95b
commit 79eb0a9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/components/table/__tests__/Table.expand.test.tsx b/components/table/__tests__/Table.expand.test.tsx
@@ -104,9 +104,11 @@ describe('Table.expand', () => {
         />,
       );
 
+      // header has td element (a11y): https://github.com/react-component/table/pull/859
       const tdNodeList = container.querySelectorAll('td');
-      expect(tdNodeList[0].textContent).toEqual('bamboo');
-      expect(tdNodeList[1].querySelector('.ant-table-row-expand-icon')).toBeTruthy();
+
+      expect(tdNodeList[2].textContent).toEqual('bamboo');
+      expect(tdNodeList[3].querySelector('.ant-table-row-expand-icon')).toBeTruthy();
     });
 
     it('work with selection', () => {
@@ -122,9 +124,9 @@ describe('Table.expand', () => {
         />,
       );
       const tdNodeList = container.querySelectorAll('td');
-      expect(tdNodeList[0].querySelector('.ant-checkbox-input')).toBeTruthy();
-      expect(tdNodeList[1].textContent).toEqual('bamboo');
-      expect(tdNodeList[2].querySelector('.ant-table-row-expand-icon')).toBeTruthy();
+      expect(tdNodeList[2].querySelector('.ant-checkbox-input')).toBeTruthy();
+      expect(tdNodeList[3].textContent).toEqual('bamboo');
+      expect(tdNodeList[4].querySelector('.ant-table-row-expand-icon')).toBeTruthy();
     });
   });
 });
diff --git a/components/table/style/index.tsx b/components/table/style/index.tsx
@@ -134,7 +134,10 @@ const genTableStyle: GenerateStyle<TableToken, CSSObject> = (token) => {
 
       // ============================ Header ============================
       [`${componentCls}-thead`]: {
-        '> tr > th': {
+        [`
+          > tr > th,
+          > tr > td
+        `]: {
           position: 'relative',
           color: tableHeaderTextColor,
           fontWeight: fontWeightStrong,