如何在反应测试库中测试 tr(table row) 有 onclick 和 style={{ cursor: "pointer" }}

Question

<tbody data-testid="offers-list-tablebody">
            { offers.map((Offer) => (
              <tr onClick={this.handleTermsAndConditionsBtnClick} style={{ cursor: "pointer" }} key={index}>
}

我这样试过

 const tableBody = list.find("[data-testid='offers-list-tablebody']");

    const tableRow1 = tableBody.childAt(0);

    const clickElement1 = (tableRow1.key());
    expect(clickElement1.onclick).toBeTruthy();
    expect(clickElement1).toHaveStyle("cursor: pointer");

错误是属性“onclick 在类型字符串上不存在”，并且在测试时显示索引的值。 如何测试这个？

Answer 1

这是因为您将clickElement1分配给返回字符串的tableRow1.key() 。

将clickElement替换为tableRow1 ，如下所示

    expect(tableRow1.onclick).toBeTruthy();