如何用茉莉花角度编写单元测试以实现滚动功能

Posted

技术标签:

【中文标题】如何用茉莉花角度编写单元测试以实现滚动功能【英文标题】:How to write Unit tests in jasmine angular for scroll function 【发布时间】:2022-01-18 09:41:33 【问题描述】:

我有一个 div 的滚动功能。我需要模拟传递给它的 $Event。可以帮我为以下函数编写单元测试吗谢谢。

<div (scroll)="scroll($event)">
</div>


  fetch = false;
  scroll($event)
  if($event.srcElement.scrollTop > 200) 
      this.fetch = true;
   
  

【问题讨论】:

【参考方案1】:

这样的事情应该可以工作。

it('should set fetch to true if scrollTop is greater than 200', () => 
  const mockEvent =  srcElement:  scrollTop: 201   as any;
  component.scroll(mockEvent);
  expect(component.fetch).toBeTrue();
);

【讨论】:

以上是关于如何用茉莉花角度编写单元测试以实现滚动功能的主要内容,如果未能解决你的问题,请参考以下文章

茉莉花匹配器功能未在 angularjs/karma 单元测试中加载

如何用 JavaScript 编写你的第一个单元测试

如何用 JavaScript 编写你的第一个单元测试

typescript 简单的茉莉花单元测试,测试基本功能

如何用Eclipse进行单元测试

如何在茉莉花中为可观察的 finally 块编写单元测试 - Angular 2