add tests

Author: sebald

packages/react-aria-components/src/Table.tsx

@@ -1321,7 +1321,11 @@ export interface CellRenderProps {
   /**
    * The unique id of the cell.
    **/
-  id?: Key
+  id?: Key,
+  /**
+   * The index of the cell within its row.
+   */
+  cellIndex: number
 }
 
 export interface CellProps extends RenderProps<CellRenderProps>, GlobalDOMAttributes<HTMLTableCellElement> {

packages/react-aria-components/test/Table.test.js

@@ -858,6 +858,31 @@ describe('Table', () => {
     expect(cells[0]).toHaveTextContent('Foo (focused)');
   });
 
+  it('should support cell index in render props', () => {
+    let {getAllByRole} = render(
+      <Table aria-label="Search results">
+        <TableHeader>
+          <Column isRowHeader>Name</Column>
+          <Column isRowHeader>Type</Column>
+        </TableHeader>
+        <TableBody>
+          <Row>
+            <Cell>
+              {({cellIndex}) => `cell index: ${cellIndex}`}
+            </Cell>
+            <Cell>
+              {({cellIndex}) => `cell index: ${cellIndex}`}
+            </Cell>
+          </Row>
+        </TableBody>
+      </Table>
+    );
+
+    let cells = getAllByRole('rowheader');
+    expect(cells[0]).toHaveTextContent('cell index: 0');
+    expect(cells[1]).toHaveTextContent('cell index: 1');
+  });
+
   it('should support columnHeader typeahead', async () => {
     let {getAllByRole} = render(
       <Table aria-label="Files">