在嵌套组件中按 TestId 搜索表格和按钮

Question

我有嵌套在组件中的组件，我想要进行简单的单元测试，用户单击带有 data-testid=button1 的按钮，然后它的表列增加到 3 或不。 我正在使用 jest 和 amzn/awsui-components-react/polaris/test-utils/dom 库。

我收到此错误消息，但不确定为什么会发生这种情况。 测试套件无法运行 app/main/components/ServiceSearchTable.tsx:127:28 - 错误 TS2345: Argument of type '{ id: string; header：字符串； 单元格: (e: { regionDescription: string; }) => string; 排序字段：字符串； } | { id：字符串； header：字符串； 单元格：（e：{可用性：字符串；}）=>元素； 排序字段：字符串； }' 不可分配给“SetStateAction”类型的参数。 键入'{ id：字符串； header：字符串； 单元格: (e: { regionDescription: string;}) => string; 排序字段：字符串； }' 不可分配给类型 'SetStateAction'。 键入'{ id：字符串； header：字符串； 单元格: (e: { regionDescription: string; }) => string; 排序字段：字符串； }' 不提供与签名 '(prevState: undefined): undefined' 的匹配项。

我有 test.tsx 文件：

import { render, fireEvent, screen } from "@testing-library/react";
import React from "react";
import ServiceSearchTable from "./ServiceSearchTable";
import { act } from 'react-dom/test-utils';

test("Looking at count value changes", () => {

   render(<ServiceSearchTable screenChanger="service" />);
  const buttonElement = screen.getByTestId("button1");
  const tableElement = screen.getByTestId("table1");
  fireEvent.click(buttonElement);
  expect(tableElement.children.length).toBe(3);

});



the actual component file: 


export default function ServiceSearchTable(props: { screenChanger: any }) {
return (
<div>
            <Button
              data-testid="button1"
              variant="link"
              wrapText={true}
              onClick={handleAddService}
            >
              + Add Service to Compare
            </Button>

      <Table
        // className="awsui-visual-refresh"
        data-testid="table1"

      ></Table>
</div>
)
}