angular面试问题_react基础面试题

angular面试问题_react基础面试题Angularv8+面试系列Angular面试题汇总1-基本知识Angular面试题汇总2-Component/Service目录Angular中的测试有哪些种,基于哪些测试框架什么是Karma?在Angular中有什么作用?什么是Jasmine?在Angular中有什么用?什么是protractor?单元测试UnitTest什么是Angular中的单元测试?AngularUT的最佳实践测试Service时,有其他依赖如何处理?端到端测试(e2e)Angular中的测试有哪些.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

Angular v8+面试系列

Angular中的测试有哪些种,基于哪些测试框架

Angular的测试主要包括单元测试(Unit Test)和端到端测试(e2e)。

  • 单元测试(Unit Test):基于jasmine和Karma。jasmine是一套通用的测试框架,除了Angular之外,也有广泛引用;Karma是Angular专用的用于管理测试配置等的框架,让测试代码方便的在指定浏览器执行;另外,根据喜好,也可以选择 Mocha 和 Chai。
  • 端到端测试(e2e):基于protractor。protractor是Angular专用的e2e框架。

什么是Karma? 在Angular中有什么作用?

Karma是用于在浏览器环境中针对测试代码执行源代码的工具。 它支持在为其配置的每个浏览器中运行测试。 同时将结果显示在命令行和浏览器上,或者输入标准格式的报表,供开发人员检查哪些测试通过或失败。 Karma还会监视文件,并且只要文件发生更改,就可以触发测试重新运行。 同时Karma还可以统计代码覆盖率(Code Coverage)。
在Angular项目的根目录下,我们具有用于配置Karma的文件karma.conf。

什么是Jasmine? 在Angular中有什么用?

Jasmine是一个javascript测试框架,支持称为行为驱动开发或简称BDD的软件开发实践。 这是测试驱动开发(TDD)的一种特殊风格。

Jasmine和BDD通常尝试以一种人类可读的格式描述测试,以便非技术人员可以理解所测试的内容。

什么是protractor?

protractor是Angular的端到端测试框架。 它在真实的浏览器中运行测试,并像真实的人一样与之交互。 与单元测试不同,在单元测试中,我们测试各个功能,而在这里,我们测试整个逻辑。 protractor能够填写表格,单击按钮,并确认预期的数据和样式显示在HTML文档中。

就像Karma一样,Protractor在Angular项目的根目录protractor.conf中拥有自己的配置文件。

单元测试 Unit Test

什么是Angular中的单元测试?

单元测试用于测试隔离中的单个功能,单个组件,特点是隔离和之星快。在此单元测试中,我们不能说应用程序中的一切都很好,而是仅针对单个单元或功能,即可确保正常工作。

Angular UT的最佳实践

  • 在beforeEach() 中初始化使用到的上下文;
  • describe(),it() 中的描述要清晰。方便阅读,方便测试失败时快速定位;
  • 使用after() ,afterEach()重置测试改变的全局状态;
  • 每1个具体测试用例,不要过于复杂,尽量保证在15行代码以内

什么是TestBed,有什么作用

TestBed 就是Angular测试工具集(@angular/core/testing)提供的用于构建一个 @NgModule 测试环境模块。可以

  1. TestBed.configureTestingModule,准备测试环境
  2. 利用 TestBed.createComponent 创建一个用于测试目标组件的测试组件

测试Service时,有其他依赖如何处理?

使用TestBed创建用例是,将依赖项加到providers中

TestBed.configureTestingModule({ 
   
  providers: [YourDependencyService]
});

端到端测试(e2e)

基于Protractor,测试成本比较高,一般能覆盖阳光测试用例(sunny case)即可。


Angular v8+面试系列

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/183470.html原文链接:https://javaforall.net

(0)
上一篇 2022年8月31日 上午7:16
下一篇 2022年8月31日 上午7:16


相关推荐

  • pycharm 安装库_基础笼安装视频

    pycharm 安装库_基础笼安装视频进入Settings打开选项卡,库右侧有一个加号,点击加号在输入框里搜索要安装的库就行(已经安装过的颜色会改变)点击会出现这里面是一些常用库的下载地址,可以自己添加附上我的常用地址:http://mirrors.aliyun.com/pypi/simple/https://pypi.tuna.tsinghua.edu.cn/simple/以上,就是Pycharm安装库的…

    2022年8月25日
    11
  • 接口设计文档模板

    接口设计文档模板前言后端接口设计文档 个人认为需要告知接口调用者的内容博客地址 芒果橙的个人博客 http mangocheng com 接口设计说明 xx 系统修改记录本次修改记录 每次更新后删除 只显示当次内容日期 2020 05 01 2020 05 061 新增权限模块第 3 章节内容接口清单序号模块说明 1 权限模块主要包含用户的权限功能接口一 权限模块序号接口说明 1searchAutho 获取当前登录用的权限预定义

    2026年3月2日
    3
  • RS232(串口线)转RJ45(网线)

    RS232(串口线)转RJ45(网线)RS232 通讯的基础知识 RS232 通讯又叫串口通讯方式 是指计算机通过 RS232 国际标准协议用串口连接线和单台设备 控制器 进行通讯的方式 nbsp nbsp 通讯距离 9600 波特率下建议在 13 米以内 nbsp nbsp 通讯速率 波特率 nbsp BaudRate 缺省常用的是 nbsp 9600bps 常见的还有 nbsp 0 等 波特率越大 传输速度越快 但稳定的传输距离越短

    2026年3月26日
    2
  • Matlab中 axis 函数用法总结

    Matlab中 axis 函数用法总结axis——设置坐标轴【功能】对坐标轴进行标定。【语法介绍】axis([xminxmaxyminymax])设置当前二维图形对象的x轴和y轴的取值范围。向量参数[xminxmaxyminymax]中的元素分别表示x轴最小值、x轴最大值、y轴最小值和y轴最大值。axis([xminxmaxyminymaxzminzmaxcmincmax])设置x,y,z轴的取值范围和颜色范围。[xminxmaxyminymaxzminzm

    2022年5月4日
    196
  • 微博RPC框架Motan

    微博RPC框架Motan原文来自 http blog csdn net autfish article details 从 14 年开始就陆续看到新浪微博 RPC 框架 Motan 的介绍 时隔两年后 微博团队终于宣布开源轻量级 RPC 框架 Motan 项目地址 https github com weibocom motan 项目文档介绍比较详细 搭建开发环境非常简单 如果只是使用

    2025年6月24日
    6
  • js实现时钟代码

    js实现时钟代码代码<!DOCTYPEhtml><html><headlang=”en”><metacharset=”UTF-8″><title></title><style>/*全局*/*{margin:0;…

    2022年6月28日
    27

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号