Karma/Jasmine测试Angular 2服务未在Inject中执行代码 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

angular面试问题_kafka面试题

端到端测试（e2e） Angular中的测试有哪些种，基于哪些测试框架 Angular的测试主要包括单元测试（Unit Test）和端到端测试（e2e）。...jasmine是一套通用的测试框架，除了Angular之外，也有广泛引用；Karma是Angular专用的用于管理测试配置等的框架，让测试代码方便的在指定浏览器执行；另外，根据喜好，也可以选择 Mocha...端到端测试（e2e）：基于protractor。protractor是Angular专用的e2e框架。什么是Karma？在Angular中有什么作用？...Karma是用于在浏览器环境中针对测试代码执行源代码的工具。它支持在为其配置的每个浏览器中运行测试。同时将结果显示在命令行和浏览器上，或者输入标准格式的报表，供开发人员检查哪些测试通过或失败。...在Angular项目的根目录下，我们具有用于配置Karma的文件karma.conf。什么是Jasmine？在Angular中有什么用？

2.3K2 0

搭建 karma + jasmine 测试环境

在前端开发的过程中，我们会写很多的功能函数，这样就会涉及到对这些功能函数进行单元测试，而karma就是一个很好用的可以在浏览器环境中进行测试的集成工具。 1....什么是 karma karma 是由Angular团队开发的一款测试工具，帮助开发者更好更快速地在多种环境下执行测试代码，拿到测试结果。...在运行的时候，它会自动启动配置好的浏览器，同时也会启动一个 node 服务器，然后在启动好的浏览器中执行测试代码，并将测试代码执行结果传回给 node 服务器，然后 node 服务器在打印出收到的执行结果...根据配置项的选择安装插件（1）测试框架选择的是jasmine，安装步骤如下： $ npm install jasmine-core karma-jasmine -D 复制代码这里要装两个，一个是jasmine...（2）浏览器选择的是PhantomJS，安装步骤如下： $ npm install karma-phantomjs-launcher -D 复制代码（3）如果涉及到对以ES6编写的代码进行测试，就要安装

1.7K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

搭建 karma + jasmine 测试环境

在前端开发的过程中，我们会写很多的功能函数，这样就会涉及到对这些功能函数进行单元测试，而karma就是一个很好用的可以在浏览器环境中进行测试的集成工具。 1....什么是 karma karma 是由Angular团队开发的一款测试工具，帮助开发者更好更快速地在多种环境下执行测试代码，拿到测试结果。...在运行的时候，它会自动启动配置好的浏览器，同时也会启动一个 node 服务器，然后在启动好的浏览器中执行测试代码，并将测试代码执行结果传回给 node 服务器，然后 node 服务器在打印出收到的执行结果...根据配置项的选择安装插件（1）测试框架选择的是jasmine，安装步骤如下： $ npm install jasmine-core karma-jasmine -D 这里要装两个，一个是jasmine...（2）浏览器选择的是PhantomJS，安装步骤如下： $ npm install karma-phantomjs-launcher -D （3）如果涉及到对以ES6编写的代码进行测试，就要安装Babel

1611 0

详解karma & jasmine自动化测试

Karma 环境的搭建安装 karma (karma用于run自动化测试脚本) npm install karma --save-dev 安装karma-jasmine (jasmine用于编写单元测试用例...it('test add one',function(){ // 期望自定义的函数 addOne(1) 结果为 2, 反向读代码 expect(2).toEqual...将 Karma 配置到项目 node_modules中并将配置文件建好之后在 gulpfile.js 中写入 var gulp=require('gulp'); var Karma=require('...configFile: __dirname + '/karma.conf.js', // 执行测试结束后退出 singleRun:true }, done).start...' }, done).start(); }); 之后在命令行键入 gulp test 或 gulp tdd 执行测试即可.

2.4K8 0

如何用 Karma，Jasmine，Webpack 测试 UI 组件系列（一）配置篇

如何用 Karma,Jasmine,Webpack 测试 UI 组件系列（一）配置篇为什么要测试从个人经验来看，测试是防止软件缺陷的最好方法。...生产开发中当我们修改一小段代码，大部分的开发人员会手动打开他们的浏览器或 POSTMAN来验证它是否仍然正确。这种方法(手工测试)不仅低效，而且会隐藏一些你未发现的缺陷。...一旦所有的测试通过，这些零散的单元组合在一起也会运行的很好，因为这些单元的行为已经被独立的验证过了。本文介绍如何使用 Karma,Jasmine,Webpack 编写单元测试代码。...Webpack 和 Babel 的安装和配置 Babel和Webpack的根据使用到的ECMAScript新特性决定是否配置，我的配置如下 Jasmine 的断言库的引入编写测试用例因为我司在生成中还在使用...参考 Testing AngularJS with Jasmine and Karma (https://scotch.io/tutorials/testing-angularjs-with-jasmine-and-karma-part

2.1K15 0

25个超有用的 AngularJS Web 开发工具

官方网站：http://angular.github.io/protractor/ 2）AngularJS测试框架——Jasmine Jasmine对于JavaScript用户而言，也是一款测试框架。...官方网站：https://github.com/jasmine/jasmine 3）支持AngularJS的IDE——Webstorm WebStorm的智能代码编辑器为JavaScript、Node.js...官方网站：https://www.firebase.com/docs/web/libraries/angular/index.html 5）AngularJs测试工具——karma karma也是一款非常盛行的测试框架...的服务，通过最少的客户端代码简化了常用的GET、POST、DELETE和UPDATE请求。.../ 19）Code Orchestra COLT是一款前端开发工具，它允许点播式编写代码。当你修改代码保存之后，它可以通过特殊的协议，将改变传达给正在工作中的应用程序。支持AngularJS。 ?

3.7K5 0

docker学习系列19 容器化Angular项目

', '@angular-devkit/build-angular'], plugins: [ require('karma-jasmine'), require('karma-chrome-launcher...'), require('karma-jasmine-html-reporter'), require('karma-coverage-istanbul-reporter'),...require('@angular-devkit/build-angular/plugins/karma'), ], client: { clearContext...docker-compose.yml文件中。...--watch=false ng e2e docker-compose stop 生产环境创建一个生产环境用的Docker配置文件，Dockerfile-prod #################

1.6K6 0

后selenium时代Web UI自动化测试框cypress

答案是肯定的 2 Inject script方案什么是inject script？...Javascipt 实现并执行，本质上只是函数的调用，客户端和后端之间的通信仅用于测试结果的收集，不包含具体的指令执行 Chapter2 Inject script方案的代表：Cypress 1 Cypress...对在浏览器中运行的任何东西进行快速、简单和可靠的测试当然是cypress 出现前：selenium方案需要框架：Mocha Qunit Jasmine Karma 需要断言库：Chai Expect.js...Cypress也同样适用于旧的服务器渲染页面或应用程序特点四、只能用JavaScript编写虽然您可以从任何其他语言编译成JavaScript，但最终测试代码是在浏览器本身内部执行的。...2 Cypress已经采纳 ? 3 而TestCafe还在试验中 ? ?

3.3K2 1

如何管理云原生应用程序的依赖关系

内部依赖是指同一软件系统中两段代码之间的依赖关系，外部依赖是指位于不同软件系统中的两段代码之间的依赖关系。...": "^8.0.0", "@angular/language-service": "^8.0.0", "@types/jasmine": "~2.8.8", "@types/jasminewd2...": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~3.0.0", "karma-chrome-launcher":..."~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter...结语在云原生世界中，一个典型的环境是由各种各样的依赖关系支持的。全面地测试这些依赖关系对任何云原生应用的成功都至关重要。然而，手动更新所有的依赖关系可能很困难，也很耗时。

1.7K1 0

Vue的自动化测试

代码集成到主分支需要经过一系列的自动化测试，当测试都通过之后，方可执行自动化部署，否则不能完成集成。这说明了自动化测试的重要性，我们不能等测试工程师去发现问题。...单元测试代码的单元测试主要针对某些核心功能的某些函数进行测试。vue官方推荐是使用karma，mocha和chai等。karma并不是一个测试框架，也不是一个断言库。...Karma兼容Jasmine，Mocha和QUnit，可以集成mocha，webpack等功能，成为以Karma为平台的单元测试，官方选择的事mocha的测试框架和chai的断言库。...这时，我们需要inject-loader来实现对vue组件对象内部的数据模拟。假设我们有这么一个组件，它引用了一个服务，可以是同步或异步（promise），这个对象会被整体替换。执行测试 default e2e test类似单元测试中的describe和it的测试描述，browser则是传入的浏览器对象，这个对象可以是chrome，也可以是firefox，由selenium控制

1.9K5 0

Twitter工程师聊JS

Angular? Ember?...blog.teamtreehouse.com/get-started-ecmascript-6 这个网站是个很好的ES6入门读物尽管JS有着不同的运行环境，但并不影响使用ES6新特性，因为有了像Babel这类很棒的工具，可以把你的代码转换为兼容各个平台的代码...请求每个JS的依赖通常是一个script tag接着一个script tag，很慢所以出现了JS bundle的概念，把所有依赖都放到一个文件中，并压缩有些工具还支持 hot reloading...JS的测试越来越重要，JS本身没有测试框架，需要依赖外置库 Mocha和Jasmine是两个主流库，你来定义预期行为，然后进行断言对于运行测试，Mocha提供了命令行工具，而Jasmine没有，很多开发者使用...Karma，他是一个test runner，Mocha和Jasmine的测试都可以使用Karma运行我个人的建议是 Karma + Jasmine，如果需要用到浏览器测试时，使用PhantomJS

1.4K6 0

前端自动化测试工具 overview

两者功能覆盖范围粗略可以表示为： Jasmine(2.x) === Mocha + Chai + Sinon - mockserver PS: 个人实际使用后觉得Chai和Sinon毕竟是专门做特定功能的框架...Phantomjs && Slimerjs 这两个框架一样，都是提供了无界面的真实浏览器测试环境，可以让你在node中对真实浏览器的dom进行操作和测试，不同的就是Phantomjs基于webkit（...当我们有需要在真实浏览器环境中测试时可以考虑这两个框架测试任务管理工具 Karma ?...Karma 是 Google Angular 团队开源的 JavaScript测试执行过程管理工具，其提供了强大的自动化测试功能，其主要提供能力如下：提供真实环境，可以配置各种chrome, firefox...等各种浏览器环境或者 Phantomjs等无头浏览器环境可控制自动化测试流程，比如编辑器保存时自动全部全部测试用例强大适配器，可以在karma上面配置jasmine，mocha等单元测试框架。

2.3K11 0

angular聊天IM实例|仿微信angular版|NG2案例

: "~8.0.1", "@angular/language-service": "~8.0.1", "@ngrx/store": "^8.0.1", "@types/jasmine...", "codelyzer": "^5.0.0", "jasmine-core": "~3.4.0", "jasmine-spec-reporter": "~4.2.1",..."jquery": "^2.2.3", "karma": "~4.1.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter...": "~2.0.1", "karma-jasmine": "~2.0.1", "karma-jasmine-html-reporter": "^1.4.0", "swiper"...this.store.dispatch(new actions.setUser(this.formField.tel)) wcPop({ content: '登录成功，跳转中

3.7K4 0

前端自动化测试工具 overview

两者功能覆盖范围粗略可以表示为： Jasmine(2.x) === Mocha + Chai + Sinon - mockserver PS: 个人实际使用后觉得Chai和Sinon毕竟是专门做特定功能的框架...Phantomjs && Slimerjs 这两个框架一样，都是提供了无界面的真实浏览器测试环境，可以让你在node中对真实浏览器的dom进行操作和测试，不同的就是Phantomjs基于webkit（...当我们有需要在真实浏览器环境中测试时可以考虑这两个框架测试任务管理工具 Karma ?...Karma 是 Google Angular 团队开源的 JavaScript测试执行过程管理工具，其提供了强大的自动化测试功能，其主要提供能力如下：提供真实环境，可以配置各种chrome, firefox...等各种浏览器环境或者 Phantomjs等无头浏览器环境可控制自动化测试流程，比如编辑器保存时自动全部全部测试用例强大适配器，可以在karma上面配置jasmine，mocha等单元测试框架。

1.4K1 0

每日前端夜话(0x04)：2018年JavaScript状态调查（中）

Angular ? Angular是一个基于TypeScript的开源前端Web应用程序平台。请注意，与以往不同的是，调查的过去版本中还有一个关于AngularJS的问题。...GitHub 10k stars GraphQL是一种可以与任何后端服务相关联的查询语言和执行引擎。 GraphQL 随时间的流行度 ? GraphQL 最受喜欢的方面 ?...数据存储在数据库中，服务器可以在其中获取数据，将其放入模板中，然后将整个数据发送到客户端。但事情并不那么简单。今天，程序需要知道自己如何获取数据以呈现在模板和组件中。...Jasmine ? GitHub 14k stars 适用于浏览器和node.js的简单JavaScript测试框架 Jasmine 随时间的流行度 ? Jasmine 最受喜欢的方面 ?...这表明开发人员真的很感激Facebook所做的努力，提供了一个功能齐全的测试框架，可以用来测试前端（它在开始的初衷是测试React组件）和后端代码，而不需要配置。

1.6K2 0

vue源码解析入口文件

/karma.unit.config.js", "test:cover": "karma start test/unit/karma.cover.config.js", "test:e2e...", "karma-coverage": "^1.1.1", "karma-firefox-launcher": "^1.0.1", "karma-jasmine": "^1.1.0...Vue构造函数在new Vue()的过程中到底发生了什么，让我们来看下vue的构造函数，代码位置在src/core/instance/index.js中。...代码量不多我们来看new Vue的过程中到底发生了些什么。...$options.el) } } } 复制代码可以看到代码中调用了一些函数， initLifecycle(vm) initEvents(vm) initRender(vm) callHook

8440 0

Angular2 之单元测试

detectChanges：在测试中的Angular变化检测。每个测试程序都通过调用fixture.detectChanges() 来通知Angular执行变化检测。...TestBed.get方法从根注入器中获取服务。...注入了真是的服务，并使用Jasmine的spy替换关键的getXxxx方法。...it方法中的几个函数写单元测试时，it里经常会有几个常见的方法，async(),fakeAsync(),tick(),jasmine.done()方法等。...通过将测试代码放到特殊的异步测试区域来运行，async函数简化了异步测试程序的代码。接受无参数的函数方法，返回无参数的函数方法，变成Jasmine的it函数的参数。

5.5K2 0

Webpack单元测试，e2e测试

需要安装的项目： jasmine：单元测试库 karma：测试框架，配置选择phantomjs浏览器 karma-jasmine：操作jasmine的插件 karma-webpack：webpack与karma...文件，代码如下: { "presets":["es2015","stage-2"], "plugins": ["istanbul"] //这句话是重点 } 2....reporters: ['progress'], // 服务器端口 port: 9876, // 报表中是否有颜色区分 colors: true,...selenium-server产生的代理服务器)，selenium-server代理服务器=selenium核心Js + 测试目标站点(proxy)。...测试用例代码： module.exports = { "default e2e": function(browser){ var devServer = browser.globals.devServerURL

2.4K10 0

常用的前端自动化测试工具介绍 —— Karma

在开发的过程中，除了代码本身，测试也是重要的一环。...在前端开发中，我们可以选用 Karma 进行代码的单元测试，这个工具十分强大，它集成了像 Jasmine（基于 BDD 的测试框架），PhantomJS（无界面的浏览器）这些测试套件。...还有一些其他有用的功能，比如生成代码覆盖率的报告等。本文只介绍 Karma 的基本使用。单元测试工具 Karma 要使用 Karma 对代码进行单元测试，首先需要安装一系列的相关插件。...}) }) 单测的代码写好后，就可以使用 karma start 来运行单元测试。...使用 PhantomJS 的好处在于其是一个无界面的浏览器运行环境，可以跑在命令行环境中，在某些没有 Chrome 等浏览器服务器环境下比较好用，方便代码验收和集成。

1.6K1 0

4、Angular JS 学习笔记 – 模块

这种方式有几个优势：陈述性的过程容易理解你可以打包代码为一个可复用的模块这个模块可以以任意的顺序加载（甚至可以并行加载）因为模块是延迟执行的。单元测试只需要加载相关的模块，保持快速。...端到端的测试可以使用模块去重写配置基础训练来看一个hello world ： {{ 'World' | greet }} </div...; }; }); 注意很重要的几点：模块的API 在中引用myApp模块。这个是告诉app使用你的模块。...angular.module('myApp', [])中的空数组是myApp模块的依赖组件推荐的设置： While the example above is simple, it will not scale...替代它我们推荐你分解你的应用到多个模块，像这样：一个模块只用与一个功能一个模块对于每个可复用的组件（尤其是指令和过滤器）一个应用级别的模块依赖上面的模块并且包含任何的初始化代码。

9342 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭