IsElementViewPort的JavaScript测试用例

IsElementViewPort的JavaScript测试用例,javascript,jestjs,testcase,Javascript,Jestjs,Testcase,我是测试用例的新手,有人能帮我编写ISelementViewPortJavaScript函数的测试用例吗 function isElementInViewport(ele) { const rect = ele.getBoundingClientRect() const InViewPort = ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= 0 &&

我是测试用例的新手,有人能帮我编写ISelementViewPortJavaScript函数的测试用例吗

function isElementInViewport(ele) {
  const rect = ele.getBoundingClientRect()
  const InViewPort = (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= 0 &&
    rect.right <= 0
  )
  return InViewPort
}
以下是解决方案:

index.ts:

导出函数IsElementViewPortle{ const rect=ele.getBoundingClientRect; 因维波特常数= rect.top>=0&&rect.left>=0&&rect.bottom{ 常数mEl={ getBoundingClientRect:开玩笑 .fn .mockReturnValueOnce{top:0,left:0,bottom:0,right:0} }; 常量实际值=IsElementViewPortMel; expectactual.toBeTruthy; expectmEl.getBoundingClientRect.toBeCalledTimes1; }; }; 100%覆盖率的单元测试结果:

通过src/stackoverflow/59057693/index.spec.ts IselementViewport ✓ t-1 5ms -----|-----|-----|-----|-----|----------| 文件|%Stmts |%Branch |%Funcs |%Lines |未覆盖的行| -----|-----|-----|-----|-----|----------| 所有文件| 100 | 100 | 100 | 100 || index.ts | 100 | 100 | 100 | 100 || -----|-----|-----|-----|-----|----------| 测试套件:1个通过,共1个 测试:1项通过,共1项 快照:共0个 时间:5.018秒,预计12秒
源代码:

请显示您迄今为止尝试过的内容。即使只是安装了测试运行环境,也会告诉我们您有多新。你可能想学习一两个关于笑话的教程,比如他们的页面,以及其他文档