IsElementViewPort的JavaScript测试用例
我是测试用例的新手,有人能帮我编写ISelementViewPortJavaScript函数的测试用例吗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 &&
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秒
源代码:请显示您迄今为止尝试过的内容。即使只是安装了测试运行环境,也会告诉我们您有多新。你可能想学习一两个关于笑话的教程,比如他们的页面,以及其他文档