如何使用spyOn来模拟Jasmine中选择器的jQuery值？ [重复]

Question

这个问题已经在这里有了答案：

• 监视Jasmine中的JQuery选择器 6个答案

我正在使用AngularJS / Karma / Jasmine编写一些单元测试，但无法使Jasmine的'spyOn'方法正常工作。 使用spyOn ，对于该选择器仍然undefined 。

问题

我遇到的问题是我跑步后

spyOn($("#username"), "val").and.returnValue("test@test.com");

我试着像这样获取用户名的值：

$("#username").val();

它是undefined 。

我要测试的代码

function isValidEmail() {
       var email = $("#username").val();
       var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
       return email.match(regex);
 }

单元测试

'use strict';

describe('test/spec/controllers/validation.js - No controller', function () {

describe('email validation', function () {
     it('should be true for valid emails', function() { 
         spyOn($("#username"), "val").and.returnValue("test@test.com");
         var result = isValidEmail();
         expect(result).toEqual(true);
     });
});

});

有人看到我做错了吗？

Answer 1

您的问题是，每次调用$("#username") ，都会得到一个不同的对象。 因此，不会窥探函数中的$("#username") 。

相反，您应该监视$.fn ，它将由所有jQuery对象共享。

spyOn($.fn, 'val').and.returnValue('test@test.com')