你需要在Angular的茉莉里做吗？
在Angular的茉莉（Jasmine）中进行测试是一种常见的做法，茉莉是一个流行的JavaScript测试框架，专门用于前端开发中的单元测试和集成测试。它提供了丰富的断言库和测试运行环境，可以帮助开发者编写可靠的测试用例。
茉莉的优势包括：
- 简单易用：茉莉提供了直观的API和清晰的测试语法，使得编写测试用例变得简单易懂。
- 强大的断言库：茉莉内置了丰富的断言函数，可以方便地验证代码的行为和输出结果。
- 快速反馈：茉莉可以快速运行测试，并提供详细的测试结果和错误信息，帮助开发者快速定位和修复问题。
- 集成支持：茉莉可以与Angular框架无缝集成，可以轻松测试组件、指令、服务等各种Angular特性。
茉莉在前端开发中的应用场景包括：
- 单元测试：茉莉可以用于编写和运行单元测试，验证各个组件和服务的功能是否正常。
- 集成测试：茉莉可以用于编写和运行集成测试，验证不同组件之间的交互是否正确。
- 自动化测试：茉莉可以与自动化测试工具（如Karma）结合使用，实现自动化的测试流程。
对于在Angular的茉莉中进行测试，腾讯云提供了一系列相关产品和服务，包括：
- 腾讯云测试服务（https://cloud.tencent.com/product/tts）：提供了全面的测试解决方案，包括自动化测试、性能测试、安全测试等，可以帮助开发者进行全面的测试覆盖。
- 腾讯云云服务器（https://cloud.tencent.com/product/cvm）：提供了可靠的云服务器实例，可以用于搭建测试环境和运行测试用例。
- 腾讯云对象存储（https://cloud.tencent.com/product/cos）：提供了高可靠、低成本的对象存储服务，可以用于存储测试数据和结果。
总结：在Angular的茉莉中进行测试是一种常见的做法，茉莉提供了简单易用、强大的断言库和快速反馈的优势，适用于前端开发中的单元测试和集成测试。腾讯云提供了一系列相关产品和服务，包括测试服务、云服务器和对象存储，可以帮助开发者进行全面的测试覆盖。
相关·内容
我对约曼和它所使用的所有工具都很陌生。我在约曼创建了一个测试项目，并试图在茉莉中运行测试规范。我已经使用cmd安装了茉莉花插件：
npm安装grunt-contrib-jasmine保存-dev
在Gruntfile.js中添加了一个茉莉任务
jasmine: {
src: '<%= yeoman.app %>/scripts/{,*/}*.js',
specs: 'test/spec/{,*/}*.js'
},
当我运行茉莉花任务grunt茉莉花时，我得到以下错误：-
E:\Personal Proje
浏览 4提问于2014-01-13得票数 8
回答已采纳
我可以在茉莉的beforeEach(inject(beforeEach(inject(function(_$controller_,_mycustomService_,_$log_)里注射几乎所有的东西
等等，但我不能注射指令？
我会遇到像$injector/unpr?p0=myCustomDirectiveProvider%20%3C-%20myCustomDirective这样的错误
难道AngularJS不可能做到这一点吗？这就是为什么指令的单元测试风格略有不同(我指的是$compile选项)的原因吗？
浏览 1提问于2015-08-24得票数 0
回答已采纳
我在我的windows控制台上运行：
npm install -g yo grunt-cli bower
npm install -g generator-angular
yo angular
然后，我用webstorm启动了我的项目，并右键单击了项目资源管理器中的karma.conf.js文件，其中我有菜单项“运行karma.conf.js”并启动了业力运行者。然后我得到他的例外：
...\app\node_modules\karma\node_modules\di\lib\injector.js:9
throw error('No provider for "
浏览 9提问于2014-03-15得票数 61
我正在尝试用茉莉对我为Spotify创建的AngularJS服务进行一些测试。但是，当测试承诺时，我的测试总是出错。
我现在的考试如下：
describe('Spotify.search', function () {
var $httpBackend;
var $rootScope;
var Spotify;
var api = 'https://api.spotify.com/v1';
beforeEach(inject(function(_Spotify_, _$httpBackend_, _$rootScope_) {
Sp
浏览 4提问于2014-09-10得票数 5
回答已采纳
1回答
我有一个角度应用程序，其中定义了应用程序的常量。
var module=angular.module('abc');
module.constant('constants',{
INTERNAL_VALUE:1
});
在我的控制器里，我写了以下几行
if(someService.getInternalValue() === constants.INTERNAL_VALUE){
$scope.showDropdown=true;
someservice.somefunction().then(function(data){
浏览 0提问于2014-04-16得票数 3
回答已采纳
2回答
如何在茉莉花上测试这个模块？问题是很难测试$controller，因为函数隐藏在闭包中，所以很难测试它们。
换句话说，给定下面的模块定义，为MainCtrl编写单元测试似乎是不可能的。
(function () {
'use strict';
angular.module('app', []);
function MainCtrl() {
var mc = this;
mc.obj = {
val : 50
};
}
angular.module('a
浏览 0提问于2014-12-19得票数 4
回答已采纳
我创建了一个新的角度应用程序。但是，在进行npm安装时，我会得到以下错误。有人遇到过这样的问题吗？
这里是我的Package.json内容：
{
"name": "my-exp",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build":
浏览 1提问于2018-01-18得票数 0
对于下面的服务工厂，我想检查foo()是否被调用。还希望验证foo()函数的返回值。有人能告诉我怎么用spyOn来用茉莉花做这件事吗？我是茉莉花框架的新手。
angular.module('myapp').
factory('messageservice', ['$http', '$q', function ($http, $q) {
function foo(query) {
return 'foo';
}
function getServerMessages(query) {
var que
浏览 1提问于2014-04-11得票数 2
回答已采纳
2回答
我是node.js的新手。我一直在看亚当·弗里曼的Angular.js Pro
按照安装步骤：
我需要使用nodejs为angular.js应用程序设置web服务器。因此，我在路径中安装了node.js版本6.11.0：
C：\程序文件\nodejs
下一步是使用命令npm install connect安装nodejs的连接模块。这样做时，我会收到下面的错误消息。
能请任何人帮忙吗。
浏览 0提问于2017-06-25得票数 0
1回答
测试角2中的API调用
、、、
我有以下两个组件和一个由双方共享的服务。我需要对它们进行单元测试，但是我无法知道如何测试服务对以下组件的依赖性。
//a.component.ts
import { Component, Input } from '@angular/core';
import { Http, Response } from '@angular/http';
import { SharedService } from './shared/shared.service';
@Component({
selector: 'a',
provid
浏览 1提问于2017-07-29得票数 4
回答已采纳
在将jasmine升级到3.1.0版本之后，我还想将业力-jasmine记者升级到最新版本1.1.0
npm i --no-optional
结果：
npm警告业力-茉莉花-html报告@1.1.0需要一个对等的jasmine@>=3，但没有安装。您必须自己安装对等依赖项。
我的package.json和devDepenencies
"devDependencies": {
"@angular/cli": "^6.0.8",
"@angular/compiler-cli": "^6.0.4&#
浏览 0提问于2018-06-12得票数 8
回答已采纳
1回答
我用卡玛和茉莉花做单元测试。如何测试该方法对其他方法进行的函数调用？我在茉莉花里用间谍吗？
Ticket.controller.controller.js
function hello()
{
test();
test1();
}
Ticketcontroller.controller.test.js(test文件)
describe('checks hello',function(){
beforeEach(inject(_$controller_){
var controller=_$controller_;
};
it('th
浏览 2提问于2017-02-20得票数 0
1回答
我想测试一个服务，它有一个返回可观察到的方法的方法，但是当我在subscribe中运行一个subscribe时，我仍然会得到这个错误。
错误:超时-异步函数在5000 by内没有完成(由jasmine.DEFAULT_TIMEOUT_INTERVAL设置)
我试着增加茉莉花的超时时间，但这行不通。这是我的代码：
user.service.ts：
import { Injectable } from '@angular/core';
import { Observable, Subject } from 'rxjs';
@Injectable({
prov
浏览 3提问于2020-04-02得票数 1
回答已采纳
2回答
我使用的是角4 CLI (v.1.0.0)，为了处理测试，我创建了一些使用茉莉创建间谍的模拟。在IDE中，一切看起来都很好，但是在我得到的终端中，错误上写着“找不到名字‘茉莉花’”。
起初，我认为问题是没有将茉莉添加到类型中，但我可以看到，package.json包含了jasmine def的导入，所以我不确定缺少什么。
mocks.ts
export class MockAuthService {
public login: Function = jasmine.createSpy('login');
}
export class MockHttpService {
浏览 4提问于2017-04-21得票数 20
回答已采纳
我想模拟茉莉花测试中的测试数据。以下是两个版本：
// version 1:
spyOn(mBankAccountResource, 'getBankAccountData').and.callFake(fakedFunction);
// version 2:
spyOn(mBankAccountResource, 'getBankAccountData').andCallFake(fakedFunction);
当我用浏览器(Chrome，Firefox)执行测试时，第一个版本就能工作了。然而，当我使用幻影运行相同的测试时，我必须使用第二个版本。否则，它会
浏览 2提问于2014-02-26得票数 43
回答已采纳
1回答
我有一个现有的角应用程序。现在我想从一些单元测试开始。我用茉莉花和业力来检验我的服务。我的问题是，我无法用$stateProvider依赖来测试服务。我使用的是：- angularjs 1.5.8 -角度模拟1.5.8
我的代码：
angular.module('starter.start', []).config(function ($stateProvider) {
// ...
}).factory('MyService', function() {
// ...
});
测试：
describe('MySe
浏览 0提问于2016-10-16得票数 1
回答已采纳
1回答
我想在ReSharper8中的Jasminine2.0中调试一个JavaScript单元测试，也就是说，我希望测试暂停，这样我就可以打开Chrome调试器来查看变量等等。在中，茉莉花1.3有一个堆栈溢出的答案，但这在茉莉花2.0中是行不通的。
有人有什么建议吗？
浏览 2提问于2014-06-07得票数 0
回答已采纳
1回答
我有一个脚本看起来是这样的：
angular.module('Game').constant('WHITE_PIECE', '\u26C0')
... more lines ...
.constant('WHITE_KING', '\u26C1')
(end of file)
当我运行grunt jasmine时，我会得到一个典型的错误，Module 'Game' is not available! You e
浏览 5提问于2015-04-04得票数 0
回答已采纳
1回答
当在角2中运行茉莉花规范时，我得到了这个错误：
无法读取空茉莉花角2的属性“注入器”
堆栈跟踪：
TypeError: Cannot read property 'injector' of null
at TestBed._createCompilerAndModule (http://localhost:3002/node_modules/@angular/core/bundles/core-testing.umd.js:834:48)
at TestBed._initIfNeeded (http://localhost:3002/node_modul
浏览 1提问于2016-11-20得票数 8
回答已采纳
我正试着用茉莉花规范文件来测试一个棱角服务。这要求加载模块。下面是一个简单的规范，旨在简单地加载角度模块：
describe('Submission services', function () {
it('Finds angular', function () {
module('submissionServices');
});
});
运行Jasmine时，会导致以下错误
Running Jasmine specs...
FAIL: 1 test, 1 failure, 0.004 secs.
Submission ser
浏览 2提问于2012-10-17得票数 35
回答已采纳
我正在尝试将茉莉花插件“jasmine”安装到一个角-cli项目中。这些指令看上去很标准，但我一直收到这样的错误：
src/app/app.Component.spec.ts(8，13)中的错误:错误TS2339:属性'Ajax‘不存在于’类型茉莉花‘上。
我一直在jasmine.Ajax.install()上看到一个错误
在我的karma.conf.js文件中，我有以下内容：
module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmi
浏览 0提问于2018-02-25得票数 4
1回答
我正在使用约曼来设置我的AngularJS项目。试着用茉莉花测试指令。此指令的计算结果为ul元素。我在测试这件事是否成功。如何用茉莉花写语法？我遵循Yo angular:directive生成的示例。我也想知道我是不是以正确的方式对待这件事？有正确学习茉莉花的建议吗？
除了下面的答案之外，我还安装并使用了jasmine来完成我的工作。
浏览 0提问于2014-09-12得票数 0
回答已采纳
3回答
我刚刚开始了基于茉莉花的角子应用程序的实践测试。当使用在上找到的第一个测试示例时，它在我的应用程序上失败了。
测试示例代码：
describe("A suite", function() {
it("contains spec with an expectation", function() {
expect(true).toBe(true);
});
});
但是传递给
我做了一个内容和视图/部分的测试，它们都通过了。但茉莉花网站上的那个失败了。我是遗漏了什么，还是需要设置一些配置？
Karma.conf.js文件：
basePath = &#
浏览 6提问于2013-08-28得票数 2
回答已采纳
1回答
茉莉花试验中未声明的控制器
、、、、
我有一个茉莉花测试的代码。ProjectConfigurationCtrl是我正在尝试测试的控制器的名称。
describe('Unit test: ProjectConfiguration controller', function() {
var scope, routeParams, infraService, controllerToTest;
// some stuff declaration skipped...
beforeEach(inject(function($injector) { // get all dependences
routePa
浏览 1提问于2014-03-11得票数 2
回答已采纳
这是我的茉莉花规格，
define(['app', 'angular', 'angularResource', 'angularMocks'], function() {
describe('App module tests', function(){
var module, $rootScope, scope, AppCtrl;
beforeEach(function () {
module = angular.module("MyApp");
in
浏览 0提问于2013-07-30得票数 0
回答已采纳
1回答
我有一个茉莉花测试是持续失败的，因为spyOn没有执行。
下列测试将自动失败：
it('simple test', function() {
spyOn(angular, 'element');
});
错误是：
TypeError: 'undefined' is not an object (evaluating 'angular.element(handle.elem).off')
at /Users/geoff/Project/www/components/angular-mocks/angular-
浏览 2提问于2015-07-27得票数 5
回答已采纳
1回答
我正在使用zsh (附带-my)和rbenv:两者都是通过自制安装的。
我试图让茉莉花在一个独立的应用程序中运行。安装了茉莉花宝石之后
宝石安装茉莉花
我试过
jasmine init
并收到了
zsh:找不到命令:茉莉花
是否必须显式地设置路径或配置中的其他内容？
浏览 4提问于2012-10-20得票数 2
1回答
安装材料.转角转接器包时出错
、、、、
我试着在终端中运行这个命令：
npm i moment @angular/material-moment-adapter.
我有错误：
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: xxxxxxxx-xx@0.0.0 np
浏览 15提问于2022-08-11得票数 0
npm错误！代码ERESOLVE npm错误！ERESOLVE无法解析依赖树npm！npm错误！同时解决: dex-web-ui@0.0.0 npm错误！发现：@角/动画@8.2.14 npm错误！节点_模块/@角/动画npm错误！
@角/动画@“~8.2.14”来自根项目npm错误！npm错误！无法解决依赖: npm错误！对等@角/动画@“^14.0.0\x\ ^15.0.0”从@角/材料@14.2.6 npm错误！节点模块/@角/材料npm错误！
“角质/材料”来自根项目npm错误！npm错误！修复上游依赖冲突，或者重试npm错误！这个命令有--强制，或者--遗留的--对等点-- npm
浏览 12提问于2022-11-04得票数 0
2回答
我有一个休息和角度前端的Django后端。因此，我想在真实数据上测试angular服务，而不是模拟数据。有什么简单的方法可以做到吗？没有硒或类似的东西，只使用因果报应和茉莉。
浏览 2提问于2014-05-23得票数 4
我试着用RubyMine中的茉莉花测试我的RubyMine控制器。
这是我的测试
“严格使用”；
描述(‘MainCtrl’，函数(){ var范围；
beforeEach(模块(‘myModule’))；
beforeEach(inject($rootScope){ scope = $rootScope.$new()；})；
它(“应该定义超过5个令人敬畏的事物”)，注入(函数($controller){ expect(scope.awesomeThings).toBeUndefined()；
expect(angular.isArray(scope.awesomeThings)).toB
浏览 5提问于2015-01-04得票数 1
回答已采纳
在执行茉莉测试用例时，我会得到以下错误。
错误:意外请求: GET templates/login.html不再需要在(D:/Src/Rep/myapp/js/angular-mocks/angular-mocks.js:1244:9) at sendReq，(D:/Src/Rep/myapp/js/angularjs/1.4.7/angular.js:10515:9) at serverRequest (D:/Src/Rep/myapp/js/angularjs/1.4.7/angular.js:10222:16) at processQueue (D:/Src/Rep/myapp/js/
浏览 2提问于2018-12-11得票数 0
请你帮我找出以下问题的解决办法。我有一个函数和相应的Jasmine测试用例，如下所示。如果我在我的函数中使用angular.copy (我只能使用这个)，Jasmine测试用例失败，所显示的错误被期望'originalValue‘等于'newValue’。如果我使用var obj = param1 (而不是angular.copy)，茉莉测试用例就会成功执行。我必须使用angular.copy，同时，希望茉莉花测试用例能够通过。请帮帮忙。
函数
function func(param1, param2, condition)
{
var obj = angular.copy(p
浏览 4提问于2015-11-17得票数 0
回答已采纳
为了翻译我的“角4”应用程序，我正在尝试启动
./node_modules/..bin/ng-xi18n来自根目录，但我面临一个问题，下面是我的日志：
Error: Error Unknown compiler option 'files'.
at UserError.Error (native)
at new UserError (/Users/danilodughetti/Coding/creatiweapp/creatiwe/node_modules/@angular/tsc-wrapped/src/tsc.js:27:28)
at
浏览 5提问于2017-11-21得票数 3
回答已采纳
1回答
我有一个相当简单的服务，它基本上捕获错误，用特定的错误类型和错误消息增强它们，并广播错误事件，以便我的应用程序的部分可以处理这个问题。一个简化的版本可以找到。
该处的情况如下：
angular
.module('app', [])
.factory('errors', function ($rootScope) {
function broadcast (error) {
$rootScope.$broadcast('err:'+error.type, error.message, error.error);
浏览 2提问于2014-09-16得票数 0
回答已采纳
我已经在我的项目中安装并实现了Karma，但是我不知道从这里到哪里。
我有一个非常简单的茉莉花规格，只是为了测试卡玛：
describe 'A suite', ->
it 'contains spec with an expectation', ->
expect(true).toBe true
但是，我该从这里去哪里呢？
下面是我在浏览器中访问它时的样子：
我的茉莉花规格在哪里？
下面是我的控制台的样子：
rake karma:start
INFO [karma]: Karma v0.12.28 server started
浏览 1提问于2014-12-22得票数 4
新在angular.js，不知道如何编写templateUrl指令测试&隔离作用域。
这是我的控制器
(function(){
angular.module('buttons')
.controller('buttonController', ['$scope', function($scope){
//primary button
$scope.primaryButton = { name: 'Submit'};
})();
这是我的观点index.html &
<
浏览 5提问于2014-12-29得票数 3
回答已采纳
1回答
Angular工厂太棒了！在写单元测试的时候，我们要不要写单元测试，这有点让人困惑。
我有以下工厂：
(function(myApp) {
myApp.factory('MyFirstFactory', function(MySecondFactory){
function MyFirstFactory(config){
this.value1 = 'value1';
setDefault(this);
}
MyFirstFactory.doSomething = function(){
var config = {
浏览 2提问于2016-02-06得票数 2
1回答
我有一个模块被定义为：
var angular_multi_select_engine = angular.module('angular-multi-select-engine', [
'angular-multi-select-constants'
]);
如您所见，engine依赖于constants模块。
我试图在engine上运行一些测试，其中包括：
beforeEach(function() {
angular.mock.module('angular-multi-select-engine', 'angula
浏览 1提问于2016-02-19得票数 2
回答已采纳
当我开始“离子服务”时，我遇到了这个问题。
目标入口点“ngx-RESTTAR角”中的ng错误缺少依赖项: ng -core-js/dependencies/object
而且这个应用程序不会在浏览器中显示。
我的Package.json
"dependencies": {
"@angular/common": "~9.0.7",
"@angular/core": "~9.0.7",
"@angular/forms": "~9.0.7",
"@angular/platform
浏览 5提问于2021-08-19得票数 1
回答已采纳
我对使用卡玛-茉莉花测试来运行测试还是很陌生的，但是我发现了错误。
我的karma.conf.js
files: [
'test/*Spec.js',
'app/js/*.js'
],
此错误显示在命令行中。
Chrome39.0.2171(Windows7)错误未定义的D:/Test_Samples/WebContent/MyTest/app/js/angular-route.js:24 TypeError:无法读取未定义的属性‘模块’在D:/Test_Samples/WebContent/MyTest/app/js/angular-route.js
浏览 5提问于2014-12-10得票数 3
回答已采纳
在方法的参数中使用.find()时，在另一个方法中遇到困难：
this.myObject.myArray = [{...},{...}];
public method1(): void {
method2(this.myObject.myArray);
}
public method2(arrayArg: any[]) {
arrayArg.find(...)
}
我不知道如何用spyOn测试这一点，我已经有了beforeEach of this.myObject中的定义如下：
beforeEach(() => {
myObjectMock = {
浏览 4提问于2022-02-03得票数 0
回答已采纳
在我的网站上，我正在开发一个简单的AngularJS功能-从模块控制器触发警报。这是我的密码：
附录1.js：
(function() {
var app1 = angular.module('myApp', []);
app1.controller('MyController', function() {
alert('Hey');
});
});
Index.html：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/x
浏览 2提问于2014-12-17得票数 3
回答已采纳
2回答
我遵循关于如何单元测试控制器的角度教程。我用卡玛和茉莉花做测试。当我做测试时，我得到
Error: [ng:areq] Argument 'testController' is not a function, got undefined
对于如何在testController中加载test.js，有什么想法吗？下面的代码。谢谢!
<!-- app.js -->
var simulatorApp = angular.module('simulatorApp', ['ngRoute', 'ngResource', &#
浏览 5提问于2015-02-03得票数 0
回答已采纳
4回答
我试图使用角，eslint:推荐和茉莉花插件建议设置我的角代码。然而，我得到的不是定义的错误在茉莉花的东西。我的eslint文件看起来如下：
{
"plugins": ["jasmine"],
"extends": ["angular", "eslint:recommended",
"plugin:jasmine/recommended"],
"rules": {
"quotes": [ 2, "single"],
浏览 5提问于2016-04-30得票数 22
就像在JUnit中一样，我们有分类注释，其中定义了回归、健全名称，并在pom.xml文件中设置了这个类别，以便只运行这些测试用例。我们以后不需要改变任何事情。
我们能在茉莉花量角器里做同样的事吗？
如果我们有一个文件是firstfile.ts
describe('angular-material paginator component page', () => {
const EC = protractor.ExpectedConditions;
beforeAll(async() => {
await browser.get('https
浏览 5提问于2020-01-03得票数 0
我使用茉莉花作为测试框架，我有下面的控制器我想测试。而且我总是有一个Init()函数，在这里我对这个Controller进行初始化调用。
现在，我想测试初始化控制器时是否调用了Init函数。
function UnitTestsCtrl() {
var that = this;
this.Init();
}
UnitTestsCtrl.prototype.Init = function() {
var that = this;
//Some more Stuff
}
angular.module("unitTestsCtrl", [])
浏览 3提问于2015-02-08得票数 2
回答已采纳
我尝试了一个示例应用程序来连接到Firebase
在我的Main.ts中，我写道：
import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent, environment } from './app/';
import { FIREBASE_PROVIDERS, defaultFirebase, firebaseAuthConfig, AuthP
浏览 1提问于2016-06-25得票数 3
回答已采纳
我创建了服务，它通过httppost请求返回产品详细信息，我有控制器，通过它我调用服务__getProductService.getproductDetailsPull().then(function(response){__，并在控制器中获取数据。
我在茉莉花中写了一个测试用例--注入间谍的业力
__spyOn(getProduct, 'getproductDetailsPull').and.returnValue(deferred.promise);__
**但我在承诺上有错误**
错误1
Expected a spy, but got deleteCtrl({ }).
误
浏览 1提问于2016-08-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
