繁体   English   中英

使用 React 测试库进行 AG-Grid 测试

AG-Grid testing using React Testing Library

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我目前正在尝试使用 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();
     });
问题暂未有回复.您可以查看右边的相关问题.
2 测试使用Jest / Enzyme反应AG-Grid

我正在我的React Typescript应用程序中构建一个测试套件,使用Jest和Enzyme对我的组件进行单元测试。 但是,我的主要组件中嵌入了一个Ag-Grid组件,并带有许多操作按钮。 但是,操作按钮绑定到网格选择,因此,如果单击“批准”,它将首先检查以查看网格中已选择的内容,然 ...

4 Ag-Grid-React 和 React 测试库

有人在 React 测试库中使用过 Ag-Grid-React(社区版)吗? 我正在尝试使用 jsdom 添加测试,但无法在测试中使用 ag-grid api。 任何使用过这些组合的人都可以分享他们的经验。 请找到具体问题: Ag-Grid-React &amp; React-Testing-li ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM