reactjs - 调用函数时设置单元测试反应导出常量

Question

const 变量是从另一个类型的脚本文件中导出的，如下所示

实用程序文件：

export const renewalDetailsPanelVisible = makeVar<boolean>(false);
export const selectedRenewalDocumentListItemData = makeVar<RenewalsDocumentListItem>({} as RenewalsDocumentListItem);

现在我将这些变量导入到一个组件中，我的代码如下。如何编写一个测试来确保在触发 HandlemenubuttonClick 时设置变量。我正在使用带有 Jest 的反应测试库。

export function RenewalDocumentMoreMenu(props: RenewalDocumentMoreMenuProps) {
  // Handlers
  const handleMenuButtonClick = (event: React.MouseEvent<HTMLElement>) => {
    renewalDetailsPanelVisible(true);                //untested line
    selectedRenewalDocumentListItemData(props.data as RenewalsDocumentListItem);  //untestedline
  };
return(
<div>onClick={handleMenuButtonClick}</div>);
}

标签： reactjstypescriptunit-testingjestjs