由$watch触发的单元测试承诺
由$watch触发的单元测试承诺是指在前端开发中，使用$watch函数来监视数据的变化，并在数据发生变化时执行相应的操作。$watch是AngularJS框架中的一个重要特性，用于监视数据模型的变化，并在变化发生时触发相应的回调函数。
$watch函数接受两个参数：要监视的数据模型和回调函数。当监视的数据模型发生变化时，AngularJS会自动调用回调函数，以执行相应的操作。这种机制可以用于实现数据的双向绑定，即当数据模型发生变化时，页面上的相应部分也会自动更新。
单元测试是一种软件测试方法，用于验证程序的各个单元（最小可测试单元）是否按照预期进行工作。在前端开发中，单元测试可以用于验证$watch函数的正确性和可靠性。通过编写针对$watch函数的单元测试，可以确保它在监视数据变化时能够正确触发回调函数，并执行预期的操作。
在进行$watch函数的单元测试时，可以使用各种前端测试框架和工具，如Jasmine、Karma等。这些工具提供了丰富的断言库和测试运行环境，可以方便地编写和运行单元测试。
对于$watch函数的单元测试，可以包括以下方面的验证：
- 监视数据模型的变化：通过修改监视的数据模型，并验证回调函数是否被正确触发。
- 回调函数的执行：验证回调函数是否按照预期执行，并检查执行结果是否正确。
- 异步操作的处理：如果回调函数涉及到异步操作，如网络请求或定时器，需要确保这些异步操作能够正确执行，并在测试中进行适当的等待和断言。
总之，$watch触发的单元测试承诺是通过编写和运行单元测试来验证$watch函数在监视数据变化时的正确性和可靠性，以确保它能够按照预期工作，并正确触发回调函数。这样可以提高前端开发的质量和稳定性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云开发：https://cloud.tencent.com/product/tcb
- 腾讯云云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云服务器 CVM：https://cloud.tencent.com/product/cvm
- 腾讯云云安全中心：https://cloud.tencent.com/product/ssc
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobiledv
- 腾讯云对象存储 COS：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse
相关·内容
我创建了一个指令，用于监视day属性，并在属性值更改时检索远程资源。CoffeeScript代码：
angular.module('app.directives').directive 'myDirective', ['$timeout', ($timeout)->
DirectiveController=($scope, activityResource)->
# Load activities
load= ()->
activityResource.get
浏览 1提问于2013-07-23得票数 2
1回答
我正在使用Jasmine来尝试和测试具有以下模式的代码：
(这本质上是一个分页的数据库表加载)
1. controller calls api on load
2. api.then updates $scope variable
3. controller $watch-es that $scope variable
a. If new value meets criteria, call api again
b. api.then updates $scope variable
c. controller $watch-es the change
i. eventual
浏览 6提问于2021-02-19得票数 0
我正在尝试编写一个单元测试，用于向mongodb插入(然后检索)文档。但是，我总是得到一个超时错误，这表明done从未被调用过。(Mongod正在运行，我可以看到插入的对象和使用console.log检索的对象都很好。)
我用的是：
Node.js，ES6，Mongoose，Mocha，柴
CheckbookEntry是一些猫鼬调用的奇怪包装器，让我来处理承诺。
describe('create and getOneById', () => {
it('creates a new checkbookEntry, and retrieves it f
浏览 1提问于2016-06-25得票数 0
回答已采纳
1回答
我试图在Vue组件中的道具上对观察者进行单元测试。我在用Karma+Jasmine。但是，在单元测试中，似乎没有触发道具上的观察者。
下面是一个简单的组件：
export default {
name: 'hello',
data: function () {
return {
b: null
};
},
props: {
a: {
type: String,
default: null
}
},
浏览 2提问于2017-08-01得票数 0
回答已采纳
我有这个html代码：
<table class="table table-striped table-condensed table-hover">
<tbody>
<tr ng-repeat="doc in container.Documents ">
{{doc.Status.Message}}
</td>
<!-- .... -->
</tr>
</t
浏览 1提问于2015-01-21得票数 0
回答已采纳
$scope.$watch('hb.bulkPromise', function (promise) {
promise.then(function (resource) {
return resource.test();
}).then(function (data){
})
}
我在我的angular指令中有一个结构和promise。我们如何才能为上面的承诺编写测试。
浏览 1提问于2014-07-23得票数 0
为什么以下代码中的单击事件不触发$watch？如果我包括$apply，就会触发$watch。
angulartest.factory("Fac", function () {
var v = "foo";
return {
getV: function () {
return v;
},
setV: function (v_) {
v = v_;
}
};
});
angulartest.directive("wdirective", function (Fac
浏览 2提问于2014-05-27得票数 1
回答已采纳
1回答
我试着对一个函数进行单元测试.
用摩卡，西农。我有这样一个功能块：
myfile.js：
let OuterDependecy = require('mydep');
function TestFunction(callback) {
OuterDependency.PromiseFunction().then(response => {
//some logic here
}).catch(err => {callback(err)});
在我的测试中，我使用了来模拟外部依赖
testfile.js
l
浏览 3提问于2017-11-29得票数 1
回答已采纳
我正在编写一个Vue单元测试，我需要模拟一个被触发的监视器。 我最初尝试通过更改被监视的属性的值来触发它，但这并没有触发监视器。 在阅读了一个great article之后，我意识到我应该触发观察器，而不需要我的测试来检查观察器是否工作。 他们基本上建议您可以通过以下方式触发观察器： const wrapper = shallowMount(YourComponent);
wrapper.vm.$options.watch.someWatchedProperty.call(wrapper.vm, 'someData'); 然而，这似乎不适用于使用Vue的实例方法$watch
浏览 19提问于2020-06-12得票数 1
我创建了一个指令
adocsModule.directive('modalFooter', function (globalService) {
return {
restrict: 'AE',
replace: true,
scope: {
'onSave': '&',
'onClose': '&',
'loading': '=&#
浏览 0提问于2014-09-02得票数 0
回答已采纳
我有一个资源从我的路线的决心参数返回：
resolve: {
item: function(Orders, $route) {
return Orders.get({ id: $route.current.params.id });
}
}
项目基本看起来如下：
var item = {
name: 'John',
products: [{
id: 123
}, {
id: 234
}]
}
在我的控制器里，我看了这个：
app.controller('ViewOrderCtrl', function($scope
浏览 2提问于2014-01-18得票数 2
1回答
茉莉花单元测试模拟承诺
、、、、
我很难测试我的承诺单元测试。
我提出了一个名为"expect(scope.test).toBe(12);".的断言这是在承诺中，然后它返回在我的代码。
下面的是我要测试的实际代码：
$scope.getBudgets = function(){
BudgetService.getBudgets().then(function(response) {
$scope.test = 12;
}, function(response) {
});
}
下面是我的单元测试：
describe('budgetOverviewCtrl te
浏览 2提问于2015-01-08得票数 2
我在运行测试时遇到问题(在Node)，
我在模拟一个被拒绝的承诺，我的代码应该重新尝试(如果可能相关的话，可以使用 )。
当我用stub.returns(Promise.reject(error)模拟被拒绝的承诺时
我收到了一个不明确的错误警告(对于我的dummyErrors)，尽管我正在捕获错误，我调用我的函数.
-note，这些不明确的错误只发生在单元测试中，而不是在实际调用中。
const mockedFunction = sinon.stub();
const dummyError = new Error('Document is locked');
mockedF
浏览 2提问于2018-06-13得票数 0
回答已采纳
2回答
我使用jasmine为控制器编写单元测试，其中我必须检查函数是否在$scope.$watch上工作。我使用'controller as'语法，但我注入了$scope来创建一个监视器。但是，我的测试在$scope.$apply()上抛出了一个模糊的异常。这是我的控制器：
OrderController.$inject = ['Order', 'cart',
'$mdDialog', '$state', '$rootScope', '$scope'];
function Ord
浏览 4提问于2017-01-06得票数 1
我正在编写一个angularjs应用程序，在其中一个控制器中，我有一个关于服务方法的监视表达式：
$scope.$watch(CodeService.getCode, function(code){
//Some code
});
在我的单元测试中，我模拟了CodeService。在测试控制器的其他部分时，如何防止手表被触发？
浏览 0提问于2015-08-05得票数 1
我需要观察倒计时变量中的变化，以便在时间结束时运行任务。我使用一个服务来更新变量，正如您在这个柱塞中看到的那样：
$scope.$watch('time', function (time) {
// This portion of code is reached only twice:
// Once when undefined and after first update.
console.log(time);
});
我如何监视每个更改或从服务中触发我的任务(尽管我认为这是错误的选择)？
浏览 3提问于2014-11-15得票数 0
回答已采纳
1回答
我想测试一个递归函数，它可以重试输入函数直到它是成功的(返回true)。
呼唤承诺，等待它的实现
如果返回值为正，则停止。否则，在减少重试计数的同时重试。
以下是实现：
type booleanPromiseFunc = (...args) => Promise<boolean>;
export async function retryIfFails(func: booleanPromiseFunc, retryCount: number)
{
let result = await func();
if (result)
r
浏览 3提问于2017-01-02得票数 3
2回答
我正试图让chai-as-promised使用$q承诺与业力单元测试一起工作。
svc.test = function(foo){
if (!foo){
// return Promise.reject(new Error('foo is required'));
return $q.reject(new Error('foo is required'));
} else {
// get data via ajax here
return $q.resolve({});
}
};
浏览 1提问于2016-04-18得票数 7
假设当第一次加载网站时，我需要加载左边和顶部的菜单。
两个菜单都将独立加载，因此任何人都可以先加载和显示。所以，告诉我的诀窍，我需要申请同时显示左菜单和顶部菜单，如果顶部或左边菜单加载的第一个。一些我需要同时显示两个菜单的方法。
告诉我我需要在下面修改什么代码。下面的代码只是一个示例代码，没有经过测试。
app.service("TopMenuService", function ($http) {
this.getTopMenu = function () {
debugger;
return $http.get("
浏览 4提问于2017-04-26得票数 1
回答已采纳
1回答
我试图在我的单元测试套件中使用以下方法-
export const postToServer = async (endpointurl: string, requestBody: any, options: any) => {
return axios.post(endpointurl, requestBody, options);
};
这是我的单元测试存根-
myStub = {
postToServer: sinon.stub(webapi, 'postToServer').onFirstCall().callsFake(functi
浏览 15提问于2022-10-04得票数 0
1回答
推迟/推迟承诺解决
、、、、
我想解析一个承诺对象，就像用Javascript承诺对象做角的defer.resolve一样。换句话说:我想要创建一个要返回的虚拟承诺对象。这一承诺将在稍后得到解决。
从角度上讲，我会这样写：
...
$scope.checkThis = { test: false };
function getPromise() {
var deferred = $q.defer();
var data = [1, 2, 3];
function resolvePromise() {
deferred.resolve(data);
}
$scop
浏览 0提问于2016-09-23得票数 0
回答已采纳
我在理解承诺时遇到了问题。
$scope.$watch('selectedPipe', function() {
$scope.sizesFromPipes = test.getSizes($scope.selectedPipe.pipe_id);
$scope.sizesFromPipes.then(function(sizes){
$scope.selectedSize = sizes[0]; //Working
$scope.calculationResults = CalculationFactory.mainCalcula
浏览 0提问于2013-11-18得票数 2
1回答
当使用Jasmine对我的AngularJS服务进行单元测试时，我面临一个问题。这是导致问题的测试用例：
describe( '#getData', function () {
it( 'Gets the data', function ( done ) {
var promise = service.getData();
$rootScope.$apply();
console.log( promise );
promise.then( function ( resp ) {
浏览 0提问于2018-04-20得票数 1
回答已采纳
2回答
我的控制器中有一个作用域函数和一些异步函数。做完每件事后，它就会改变状态。
controller.js
$scope.test = function () {
async().then(function () {
$state.go('somewhere');
});
};
我可以用setTimeout()测试它，但我认为这很脏。
如何在我的测试中等待stateChange？
编辑：
我想为test()函数编写单元测试，但由于没有承诺，我需要观察测试中的状态变化。但是怎么做呢？它适用于setTimeout()，但我不想使用setTimeout()
浏览 5提问于2016-08-16得票数 0
回答已采纳
我正在使用Coffeescript和node.js编写一组(更大的)单元测试。我使用咖啡"watch“选项(-w)构建文件
coffee -w -b -c -o web/ src/
我的问题是运行单元测试需要20秒(我假设编译为.js)。
如果可能，我希望对(已编译的.js)文件更改自动运行单元测试，这将消除对结果的长时间等待。
我当前的Cakefile：
fs = require 'fs'
{print} = require 'sys'
{spawn, exec} = require 'child_proces
浏览 2提问于2011-12-02得票数 5
回答已采纳
1回答
我有一个过滤器，它依赖于一个服务来检索某些配置，因此我使过滤器成为有状态的。效果很好！但是，我想在它周围添加单元测试，但无法解决如何实现它们。
一个示例过滤器：
.filter("myFilter", function(myService) {
var data = null, serviceInvoked = false;
function realFilter(value) {
return data + value;
}
filterStub.$stateful = true;
function filterStub(value) {
浏览 2提问于2015-07-31得票数 1
回答已采纳
1回答
角度js控制器中的单元测试观察器
、、、、
如何使用茉莉对这个代码片段进行单元测试？
$scope.profileObject = ProfilesSharedObject;
$scope.$watch("profileObject.startDate", function() {
var startDate = $scope.profileObject.startDate._d;
var endDate = $scope.profileObject.endDate._d;
var newStartDate = moment(startDate).format("YYYY-MM
浏览 4提问于2013-09-17得票数 4
回答已采纳
如何解决业力单元测试中未处理的承诺拒绝错误？
Chrome Headless 102.0.5005.115 (Linux x86_64) ERROR
An error was thrown in afterAll
Unhandled promise rejection: [object Object] thrown
Unhandled promise rejection: [object Object] thrown
Chrome Headless 102.0.5005.115 (Linux x86_64): Executed 1 of 23 ERROR (0.03 secs /
浏览 14提问于2022-07-20得票数 3
1回答
有了正常的承诺，一旦当前代码停止，承诺就会尽快解决。考虑以下伪代码：
const p = SomePromiseDoingLoad();
calculatethings();
await sleepPromise();
//during sleep the promise p might/will have resolved already.
await p; //awaiting just makes *sure* the promise is already executed
然而，这是如何转换为查询生成器，如knex呢？似乎没有办法阻止承诺的履行？
const p = knex.sele
浏览 1提问于2019-09-02得票数 4
回答已采纳
在用于Firebase的HTTP函数中，我们得到如下结果：
终止HTTP函数
始终用send()、重定向()或end()结束HTTP函数。否则，您的函数可能继续运行，并被系统强制终止。还请参见同步、异步和承诺。
问题
类似于其他类型的函数，如Firestore？触发的函数。
我是否需要返回一些东西(即使它是null)或者其他一些命令来显式地结束它？
浏览 2提问于2020-01-02得票数 2
回答已采纳
1回答
我们正在使用Cordova和Range2构建一个应用程序。
import { Component, OnInit, ChangeDetectorRef, NgZone } from '@angular/core';
import { Location } from '@angular/common';
declare var WL : any;
@Component({
selector: 'app-store',
templateUrl: './store.component.
浏览 0提问于2017-01-27得票数 6
回答已采纳
var app = angular.module('app', []);
app.controller('TheCtrl', ['$scope', function (scope) {
scope.user = {
name: "木士羽",
email: 'fdaf@qfdsafq.com',
};
scope.$watch('user.name', function () {
console.log('c
浏览 5提问于2015-04-12得票数 2
回答已采纳
我寻找一些简单的东西，比如线程的join()，但是有角度的。
在我的主计长中：
vehiclesService.getVehicles().then(function(sth){
$scope.vehicles = sth.data;
$scope.isend();//this call suck in my mind
});
vehiclesService.getFitment().then(function(sth){
$scope.fitment = sth.data;
$scope.isend();//this call suck in my mind
浏览 2提问于2015-07-21得票数 0
回答已采纳
1回答
我在文件User-profile.Component.ts中的功能：
loadImage(file) {
const myReader: FileReader = new FileReader();
myReader.onloadend = () => {
this.imageInBase64 = myReader.result;
};
myReader.readAsDataURL(file);
}
和user-profile.component.spec.ts
it('upload imag
浏览 0提问于2020-03-13得票数 0
回答已采纳
2回答
我有一个简单的服务，我需要使用jest对单元进行测试：
代码的关键是：
domtoimage.toBlob(node, {filter: filter})
.then(function (blob) {
FileSaver.saveAs(blob, fileName);
});
我已经编写了这样的单元测试模块：
import FileSaver from "file-saver";
import domtoimage from "dom-to-image";
jest.mock('dom-to-image', () =
浏览 0提问于2018-06-12得票数 9
回答已采纳
1回答
我正在进行一个spring引导项目，直到最近它还不错，但是现在我不能运行单元测试。它给出了错误：
'int org.jvnet.winp.Native.setPriority(int, int)'
我已经搜索过了，但什么也没有发现，是什么导致了错误？(顺便说一句，它运行项目本身，而不是单元测试)
编辑:我刚刚意识到，如果我打开应用程序的idea.bat文件，而不是当我打开与exe文件。
浏览 8提问于2022-09-02得票数 0
回答已采纳
1回答
我刚开始进行单元测试，在网上任何地方都找不到我的问题的解决方案，所以我想社区也许能帮上忙。因此，我有以下指令：
angular.module('app')
.directive('cartSum', function () {
return {
template: '<span class="total-amount">{{ sum }}</span>',
restrict: 'A',
scop
浏览 3提问于2015-11-06得票数 2
回答已采纳
我正在尝试使用Karma和Jasmine对我的AngularJS应用程序进行单元测试。我想要模拟$http服务。为此，我使用了$httpBackend方法。下面是我想测试的服务：
angular.module('MyModule').factory('MyService', function($http, $log, $parse, $q, $timeout, $filter, MyOtherService1, MyOtherService2){
var service = {};
service.getSomething = function(id){
浏览 6提问于2015-11-23得票数 7
回答已采纳
我有一个指令，它使用隔离作用域将数据传递给随时间变化的指令。它监视该值的更改，并对每个更改进行一些计算。当我尝试对指令进行单元测试时，我无法让手表触发(为简洁而修剪，但基本概念如下所示)：
指令：
angular.module('directives.file', [])
.directive('file', function() {
return {
restrict: 'E',
scope: {
data: '=',
filename: '@',
},
浏览 4提问于2013-07-31得票数 13
回答已采纳
1回答
我正在尝试让我的简单的angualr $q承诺单元测试开始工作。但我一直很难让它起作用。这是我的角文件。
app.controller('theCtrl', ['$scope', '$q', function($scope, $q) {
$scope.addOne = function(num) {
var q = $q.defer();
if(angular.isNumber(num)) {
q.resolve(num+1);
} else {
浏览 0提问于2016-02-15得票数 0
回答已采纳
2回答
我已经看过很多关于如何在单元测试中使用异步/等待的文章，但我的需求正好相反。
如何为使用异步/等待的方法编写测试？
我的规范无法在“等待”线之后到达任何代码。具体来说，规范在两方面失败。
1) HelloWorld.otherCall返回未定义的返回值，而不是我指定的返回值
2) HelloWorld.processResp从未被调用过
class HelloWorld {
async doSomething(reqObj) {
try {
const val = await this.otherCall(reqObj);
浏览 2提问于2018-01-19得票数 4
我试图在AngularJS中的对象数组上使用slice()方法，但是它说‘片不是一个方法’。
这是代码
.controller('AppCtrl', function ($scope, Faq) {
$scope.filteredFaqData = [];
$scope.currentPage = 1;
$scope.numPerPage = 5;
$scope.maxSize = 3;
$scope.faqData = {};
Faq.get().then(function (msg) {
$scope.faq
浏览 0提问于2016-04-20得票数 1
回答已采纳
在下面的jhipster生成的代码中，如何触发待定、成功和失败的操作？对于我们使用的每一种操作类型，它都被附加到_PENDING、_SUCCESS或_FAILURE中，而我无法确定它发生在何处以及如何发生。正如我所看到的，成功和失败状态是由减速器处理的，我不知道这些操作何时何地被触发。
例如，在下面的代码中，第一个操作的类型为ACTION_TYPES.FETCH_MEDICINE_LIST =‘MEDICINE/FETCH_ code _LIST’。
实际被触发的动作是当医疗/FETCH_MEDICINE_LIST动作触发时，when /FETCH_when_LIST_PENDING/FETC
浏览 1提问于2019-02-08得票数 3
1回答
我有如下所示的控制器和服务
(function () {
var mockController = function ($scope, MockService) {
$scope.message = "This is a text message";
$scope.getCities = function () {
$scope.places = [];
MockService.getCities().then(function (response) {
浏览 1提问于2016-05-16得票数 2
回答已采纳
我正在寻找一种技术，以防止无限循环时，使用两个$watch语句的角度。我的想法是，当var1发生变化时，我希望它修改var2。当var2发生变化时，我希望它修改var1。但这通常会产生一个无限循环。有办法绕道吗？下面是一个演示这个问题的简单例子。这个代码将被放入一个角度控制器中。
$scope.$watch('var1', function(newVal){
$scope.var2 = newVal
})
$scope.$watch('var2', function(newVal){
$scope.var1 = newVal
})
浏览 4提问于2015-07-31得票数 3
回答已采纳
3回答
我正在测试一个像这样的快递功能：
function(request,response,someDependency){
...
someDependency.doStuff(arg1,arg2)
.then(function(someResponse){
response.status(200).send({body: someResponse});
})
.catch(function(error){
response.status(500).send({someResponse: 'error');
});
}
在我的单元测试
浏览 6提问于2017-07-03得票数 1
3回答
我目前正在运行以下代码：
$("document").ready(function() {
$(".tableCourses td:first").trigger('click');
setTimeout(function() {
$(".tableTutors tr:eq(1) td:eq(0)").trigger('click');
setTimeout(function() {
$(".tableForms tr:eq(1) td
浏览 10提问于2015-03-31得票数 0
回答已采纳
1回答
我正试着用rejectionhandled，但我不能让它着火。下面的代码应该基于我能找到的所有文档来工作。我为rejectionhandled注册了一个侦听器，然后拒绝一个承诺并抓住它。在chrome和firefox中，都会记录标记为“testing”的标记，而不是“拒绝”。我遗漏了什么？
window.addEventListener("rejectionhandled", e => console.log("rejected"), false);
new Promise((resolve, reject) => setTimeout(reject
浏览 0提问于2019-07-29得票数 3
回答已采纳
1回答
我正在为一个项目编写单元测试，数据库模块是独立的(它建立到数据库的连接，并有批量插入方法)。我的单元测试文件中的代码如下：
var database = require('./db.js'); //once the database is connected there is a log saying connected to the database
var Data = database.model; //module export for the model
before(function(){
console.log("We are
浏览 0提问于2016-03-28得票数 0
回答已采纳
1回答
在Nuxt中实现Auth0路由保护的正确模式是什么？
我已经对进行了调整，以创建以下中间件：
import {getInstance} from '~/plugins/auth';
export default function () {
const authService = getInstance();
const fn = () => {
// If the user is authenticated, continue with the route
if (!authService.isAuthenticated) {
au
浏览 3提问于2021-04-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
