reactjs - 如何使用 Jest/Enzyme 测试 AgGridReact

Question

有人知道如何用 Jest/Enzyme 测试 AgGridReact 吗？我试图模拟应该自动调用的 onGridReady 回调，但它似乎没有被触发。这是我的测试的简化版本:

import React from "react";
import { mount} from "enzyme";

const AgGridReact =
  typeof window === "undefined"
    ? () => null
    : require("ag-grid-react").AgGridReact;

var spy = jest.fn();

// Grid.prototype.onGridReady = spy;
var columnDefs = [
  { headerName: "Make", field: "make" },
  { headerName: "Model", field: "model" },
  { headerName: "Price", field: "price" }
];

// specify the data
var rowData = [
  { make: "Toyota", model: "Celica", price: 35000 },
  { make: "Ford", model: "Mondeo", price: 32000 },
  { make: "Porsche", model: "Boxter", price: 72000 }
];

// let the grid know which columns and what data to use
var gridOptions = {
  columnDefs: columnDefs,
  rowData: rowData,
  onGridReady: spy
};

mount(<AgGridReact id="myGrid" {...gridOptions} />);

expect(spy).toHaveBeenCalledTimes(1);

如有任何想法/建议，我们将不胜感激。谢谢!

Answer 1

你应该使用shallow而不是mount。 enzyme 浅方法将公开所有自定义事件，您可以轻松模拟它们。

    //AgGridReact is wrapped inside Grid component
    const wrapper = shallow(<Grid/>)

    const agGridReact = wrapper.find(AgGridReact)

    agGridReact.simulate('gridReady')