网站首页 网站建设 IT知识 IT知识教程 Angular单元测试之事件触发的实现

Angular单元测试之事件触发的实现

2021-05-28 10:03:44

=在angular项目中时常有一些click、input、focusout等事件操作，那么如何在单元测试中触发这些事件呢？

一、触发Click事件

// 方法一const ele = fixture.debugElement.query(By.css("#id"));ele.triggerEventHandler('click', null)fixture.detectChanges(); // 更新视图// 方法二const ele = fixture.nativeElement.querySelector("#id");ele.click();fixture.detectChanges(); // 更新视图

二、触发input事件

触发input事件，需要在获取到input元素后，先给输入框绑定值，然后去触发输入事件，最后更新视图。

const input = fixture.nativeElement.querySelector("#input");input.value = 'abc';input.dispatchEvent(new Event('input'));fixture.detectChanges(); // 更新视图

二、触发focusout事件

const input = fixture.nativeElement.querySelector("#input");input.dispatchEvent(new Event('focusout'));fixture.detectChanges(); // 更新视图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。 如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章

单元测试问答（摘要）
为什么要进行单元测试?单元测试保证局部代码的质量单元测试改良项目代码的整体结构单元测试降低测试、维护升级的成本单元测试使开发过程适应频繁变化的需求单元测试有助于
C# 单元测试全解析
1、前言“不会写单元测试的程序员不是合格的程序员，不写单元测试的程序员不是优秀的工程师。”那么问题来了，什么是单元测试，如何做单元测试。2、单元测试2.1单元测
Eclipse安装TestNG单元测试框架的图文教程
在进行使用的eclipse的进行开发的代码中，必然就会需要进行单元测试，在单元测试的情况提供较多的框架单元测试，例如使用junit单元测试，而在国外进行开发较好
浅谈Angular单元测试总结
测试分类按开发阶段划分单元测试单元测试又称模块测试，针对软件设计中的最小单位——程序模块，进行正确性检查的测试工作。集成测试集成测试又叫组装测试，通常在单元测试
JQuery团队打造的javascript单元测试工具QUnit介绍
什么是单元测试？单元测试又称为模块测试，是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。单元测试主要是用来检验程式的内部逻辑，也称为个体测试、结

最新文章

载入进度条 效果
邮件发送简单例子-html文件
详解关于html，css，js三者的加载顺序问题
限制复选框的最大可选数
随鼠标上下滚动的jquery代码

hot 热门文章

python模拟登陆Tom邮箱示例分享
苹果11抖音怎么投屏? iphone将投影投屏到电视的技巧
蚂蚁森林节气签怎么领
华为mate30怎么更新系统？华为mate30更新手机系统教程
小米电视怎么下载斗鱼

猜你喜欢

JavaScript 命名空间 使用介绍
javascript ���名规则 变量命名规则
javascript 秒表计时器实现代码
Javascript 面向对象之重载
JavaScript 面向对象之命名空间
以上产品还未完全满足我的所有需求，在下方提交我的专属需求
我的专属需求：
*手机号：
*验证码：
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询
img

获取方案

获取建站报价/方案

我们联系您img

img

微信咨询

扫一扫添加
动力姐姐微信
img
img

TOP

我们尽快联系您