javascript - How to mock `angular.element` - Stack Overflow

admin管理员组

文章数量:1415460

In a service I have the following code snippet

angular.element('html, body').animate({
        scrollTop: this.parentHeight + ... - ...
    }, 500);

In my unit test I want to check if the correct values are given to the animate function. But how can I mock or spy this animate function ? I can think of something like this:

beforeEach(() => {
    angular.element = () => {
        return { animate: (options) => { .. }
    }
});

or better (but not working)

  spyOn(angular.element('html, body'), 'animate');

Is there a better (angular) way to do this ?

In a service I have the following code snippet

angular.element('html, body').animate({
        scrollTop: this.parentHeight + ... - ...
    }, 500);

In my unit test I want to check if the correct values are given to the animate function. But how can I mock or spy this animate function ? I can think of something like this:

beforeEach(() => {
    angular.element = () => {
        return { animate: (options) => { .. }
    }
});

or better (but not working)

  spyOn(angular.element('html, body'), 'animate');

Is there a better (angular) way to do this ?

• javascript
• angularjs
• unit-testing
• jasmine
• mocking

Share Improve this question Follow edited Oct 25, 2017 at 15:50 Vadim Kotov 8,28488 gold badges5050 silver badges6363 bronze badges asked Oct 15, 2015 at 14:48 Jeanluca ScaljeriJeanluca Scaljeri 29.3k6666 gold badges235235 silver badges382382 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

Something like this maybe?

var element = {
  animate: null,
  parentHeight: 100
};
spyOn(angular, 'element').andReturn(element);
spyOn(element, 'animate');

// Your test code goes here

expect(angular.element).toHaveBeenCalledWith('html, body');
expect(element.animate).toHaveBeenCalledWith(jasmine.objectContaining({
      scrollTop: 100
    }, 500);

本文标签： javascriptHow to mock angularelementStack Overflow