如何在反应组件中测试窗口功能？

Question

Jest 中有没有对这个 react 功能组件进行测试？

问题是，当我在 modalIsVisible 处于活动状态的情况下启动此组件时，窗口打印会打开一个 iframe。

type SixLabelReportType = {
  labels: LabelProps[];
  modalIsVisible: boolean;
  setModalIsVisible: Dispatch<SetStateAction<boolean>>;
};
const SixLabelReport: React.FC<SixLabelReportType> = (
  params: SixLabelReportType
) => {
  const { labels, modalIsVisible, setModalIsVisible } = params;

  useEffect(() => {
    if (modalIsVisible) {
      window.print();
      setModalIsVisible(false);
    }
  }, [modalIsVisible]);

  return (
    <S.Modal show={modalIsVisible} data-testid='six-label-report-modal'>
      <S.Container data-testid='six-label-report-container'>
        {labels.map((label, idx) => {
          const { deliveryData, recipientData, senderData } = label;
          return (
            <Label
              key={idx}
              deliveryData={deliveryData}
              recipientData={recipientData}
              senderData={senderData}
              data-testid='six-label-report-label'
            />
          );
        })}
      </S.Container>
    </S.Modal>
  );
};

Answer 1

只要监视window.open

const spy = jest.spyOn(window, 'open');
expect(spy).toHaveBeenCalled();