fix tests

Author: LFDanLu

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

@@ -1874,7 +1874,7 @@ describe('Table', () => {
       expect(loaderRow).toHaveTextContent('spinner');
 
       let sentinel = tree.getByTestId('loadMoreSentinel');
-      expect(sentinel.parentElement).toHaveAttribute('inert');
+      expect(sentinel.parentElement.parentElement).toHaveAttribute('inert');
     });
 
     it('should render the sentinel but not the loading indicator when not loading', async () => {
@@ -1922,7 +1922,9 @@ describe('Table', () => {
       expect(onLoadMore).toHaveBeenCalledTimes(0);
       let sentinel = tree.getByTestId('loadMoreSentinel');
       expect(observe).toHaveBeenLastCalledWith(sentinel);
-      expect(sentinel.nodeName).toBe('TD');
+      expect(sentinel.nodeName).toBe('DIV');
+      expect(sentinel.parentElement.nodeName).toBe('TD');
+      expect(sentinel.parentElement.parentElement.nodeName).toBe('TR');
 
       expect(onLoadMore).toHaveBeenCalledTimes(0);
       act(() => {observer.instance.triggerCallback([{isIntersecting: true}]);});
@@ -2075,7 +2077,7 @@ describe('Table', () => {
         expect(loaderParentStyles.height).toBe('30px');
 
         let sentinel = within(loaderRow.parentElement).getByTestId('loadMoreSentinel');
-        expect(sentinel.parentElement).toHaveAttribute('inert');
+        expect(sentinel.parentElement.parentElement).toHaveAttribute('inert');
       });
 
       it('should not reserve room for the loader if isLoading is false', () => {
@@ -2086,10 +2088,10 @@ describe('Table', () => {
         expect(within(tableTester.table).queryByText('spinner')).toBeFalsy();
 
         let sentinel = within(tableTester.table).getByTestId('loadMoreSentinel');
-        let sentinelParentStyles = sentinel.parentElement.parentElement.style;
-        expect(sentinelParentStyles.top).toBe('1250px');
-        expect(sentinelParentStyles.height).toBe('0px');
-        expect(sentinel.parentElement).toHaveAttribute('inert');
+        let sentinelVirtWrapperStyles = sentinel.closest('[role="presentation"]').style;
+        expect(sentinelVirtWrapperStyles.top).toBe('1250px');
+        expect(sentinelVirtWrapperStyles.height).toBe('0px');
+        expect(sentinel.parentElement.parentElement).toHaveAttribute('inert');
 
         tree.rerender(<VirtualizedTableLoad items={[]} />);
         rows = tableTester.rows;
@@ -2098,9 +2100,9 @@ describe('Table', () => {
         expect(emptyStateRow).toHaveTextContent('No results');
         expect(within(tableTester.table).queryByText('spinner')).toBeFalsy();
         sentinel = within(tableTester.table).getByTestId('loadMoreSentinel', {hidden: true});
-        sentinelParentStyles = sentinel.parentElement.parentElement.style;
-        expect(sentinelParentStyles.top).toBe('0px');
-        expect(sentinelParentStyles.height).toBe('0px');
+        sentinelVirtWrapperStyles = sentinel.closest('[role="presentation"]').style;
+        expect(sentinelVirtWrapperStyles.top).toBe('0px');
+        expect(sentinelVirtWrapperStyles.height).toBe('0px');
 
         tree.rerender(<VirtualizedTableLoad items={[]} loadingState="loading" />);
         rows = tableTester.rows;
@@ -2109,9 +2111,9 @@ describe('Table', () => {
         expect(emptyStateRow).toHaveTextContent('loading');
 
         sentinel = within(tableTester.table).getByTestId('loadMoreSentinel', {hidden: true});
-        sentinelParentStyles = sentinel.parentElement.parentElement.style;
-        expect(sentinelParentStyles.top).toBe('0px');
-        expect(sentinelParentStyles.height).toBe('0px');
+        sentinelVirtWrapperStyles = sentinel.closest('[role="presentation"]').style;
+        expect(sentinelVirtWrapperStyles.top).toBe('0px');
+        expect(sentinelVirtWrapperStyles.height).toBe('0px');
       });
 
       it('should have the correct row indicies after loading more items', async () => {