如何测试li中的li的点击事件

Question

所以我有一个带有复选框的列表，并且点击事件与之关联。

<ul class='abc'>
<li>
<input type='checkbox'>
Element 1
</li>
<li>
<input type='checkbox'>
Element 2
</li>
</ul>

我正在通过以下方式动态添加点击功能：

const onclickEvt = (event) => {
  // function

}
And then binding by li.click(onclickEvt);

功能正常运行。如何测试如果选中复选框，那么将触发li的click事件。

我已经尝试了这个但是这个似乎正在起作用：

context('When any checkbox is checked or unchecked', () => {
  it('should call the li click event', () => {
    $(`ul.abc li`).eq(2).find('input').prop('checked', true);
    sinon.assert.calledOnce((`ul.abc li`).eq(2).click());
  });
});

有人可以建议怎么做吗？