diff --git a/packages/x-data-grid-pro/src/tests/dataSource.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/dataSource.DataGridPro.test.tsx index a3ed9c493c893..5e44522400831 100644 --- a/packages/x-data-grid-pro/src/tests/dataSource.DataGridPro.test.tsx +++ b/packages/x-data-grid-pro/src/tests/dataSource.DataGridPro.test.tsx @@ -106,38 +106,32 @@ describeSkipIf(isJSDOM)(' - Data source', () => { }); it('should re-fetch the data on sort change', async () => { - const { setProps } = render(); - await waitFor(() => { - expect(fetchRowsSpy.callCount).to.equal(1); - }); - setProps({ sortModel: [{ field: 'name', sort: 'asc' }] }); + render(); + expect(fetchRowsSpy.callCount).to.equal(1); + apiRef.current.setSortModel([{ field: 'name', sort: 'asc' }]); await waitFor(() => { expect(fetchRowsSpy.callCount).to.equal(2); }); }); it('should re-fetch the data on pagination change', async () => { - const { setProps } = render(); - await waitFor(() => { - expect(fetchRowsSpy.callCount).to.equal(1); - }); - setProps({ paginationModel: { page: 1, pageSize: 10 } }); + render(); + expect(fetchRowsSpy.callCount).to.equal(1); + apiRef.current.setPaginationModel({ page: 1, pageSize: 10 }); await waitFor(() => { expect(fetchRowsSpy.callCount).to.equal(2); }); }); it('should re-fetch the data once if multiple models have changed', async () => { - const { setProps } = render(); - await waitFor(() => { - expect(fetchRowsSpy.callCount).to.equal(1); - }); + render(); + expect(fetchRowsSpy.callCount).to.equal(1); - setProps({ - paginationModel: { page: 1, pageSize: 10 }, - sortModel: [{ field: 'name', sort: 'asc' }], - filterModel: { items: [{ field: 'name', value: 'John', operator: 'contains' }] }, + apiRef.current.setFilterModel({ + items: [{ field: 'name', value: 'John', operator: 'contains' }], }); + apiRef.current.setSortModel([{ field: 'name', sort: 'asc' }]); + apiRef.current.setPaginationModel({ page: 1, pageSize: 10 }); await waitFor(() => { expect(fetchRowsSpy.callCount).to.equal(2); @@ -217,7 +211,9 @@ describeSkipIf(isJSDOM)(' - Data source', () => { await waitFor(() => { expect(fetchRowsSpy.callCount).to.equal(2); }); - expect(cache.size).to.equal(2); + await waitFor(() => { + expect(cache.size).to.equal(2); + }); const dataRow2 = await screen.findByText( (_, el) => el?.getAttribute('data-rowindex') === '0' && el !== dataRow1, diff --git a/packages/x-data-grid-pro/src/tests/dataSourceLazyLoader.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/dataSourceLazyLoader.DataGridPro.test.tsx index 0e8daf15e654a..ae7568a1c8e97 100644 --- a/packages/x-data-grid-pro/src/tests/dataSourceLazyLoader.DataGridPro.test.tsx +++ b/packages/x-data-grid-pro/src/tests/dataSourceLazyLoader.DataGridPro.test.tsx @@ -86,15 +86,15 @@ describeSkipIf(isJSDOM)(' - Data source lazy loader', () => { }); it('should re-fetch the data once if multiple models have changed', async () => { - const { setProps } = render(); + render(); await waitFor(() => { expect(fetchRowsSpy.callCount).to.equal(1); }); - setProps({ - sortModel: [{ field: 'name', sort: 'asc' }], - filterModel: { items: [{ field: 'name', value: 'John', operator: 'contains' }] }, + apiRef.current.setFilterModel({ + items: [{ field: 'name', value: 'John', operator: 'contains' }], }); + apiRef.current.setSortModel([{ field: 'name', sort: 'asc' }]); await waitFor(() => { expect(fetchRowsSpy.callCount).to.equal(2); diff --git a/packages/x-data-grid-pro/src/tests/dataSourceTreeData.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/dataSourceTreeData.DataGridPro.test.tsx index b095b73776dee..cdfd498bc26d8 100644 --- a/packages/x-data-grid-pro/src/tests/dataSourceTreeData.DataGridPro.test.tsx +++ b/packages/x-data-grid-pro/src/tests/dataSourceTreeData.DataGridPro.test.tsx @@ -114,11 +114,11 @@ describeSkipIf(isJSDOM)(' - Data source tree data', () => { }); it('should re-fetch the data on pagination change', async () => { - const { setProps } = render(); + render(); await waitFor(() => { expect(fetchRowsSpy.callCount).to.equal(1); }); - setProps({ paginationModel: { page: 1, pageSize: 10 } }); + apiRef.current.setPaginationModel({ page: 1, pageSize: 10 }); await waitFor(() => { expect(fetchRowsSpy.callCount).to.equal(2); });