使用 React 測試庫進行 AG-Grid 測試

Question

我目前正在嘗試使用 React 測試庫測試我的 AG-Grid。 到目前為止，我已經創建了一個測試來查找列名並且它通過了。 我不確定如何測試行數據是否出現在特定列中。 如果有人能提供任何幫助，那就太好了。 謝謝你。 以下是我到目前為止的代碼和測試。

https://plnkr.co/edit/1CPNNNuPyaj7hgSe?open=Hello.js&deferRun=1

const GridExample = () => {
  const containerStyle = { width: '100%', height: '100%' };

  const [rowData, setRowData] = useState([
    { date: '12/12/2022  3:00PM' },
    { date: '10/31/2022  7:00PM' },
    { date: '10/30/2022  7:00AM' },
    { date: '10/1/2022  8:00AM' },
    { date: '8/31/2022  4:59PM' },
  ]);
  const [columnDefs, setColumnDefs] = useState([
    { field: 'date' },
  ]);


  return (
    <div style={containerStyle}>
      <div style={containerStyle} className="ag-theme-alpine">
        <AgGridReact
          rowData={rowData}
          columnDefs={columnDefs}
        ></AgGridReact>
      </div>
    </div>
  );
};

render(<GridExample></GridExample>, document.querySelector('#root'));

測試

test('should include/render Date column', function () {
       render(<GridExample />);
       expect(screen.getByText('Date')).toBeInTheDocument();
     });