jasmine mock window object

by

The problem is that you just overwrite a property of the window object. And if you can do that, the browser can do that as well. So mocking a function or property of a global object that everyone can access isn’t a good idea in general, because you can never be sure that your changes will be there when you try to access them.

Which brings me to dependency injection. Its a common pattern to make your code unit testable, with a focus on unit. Whats does it mean. When ever you create a new object or access a global object, you’re not only testing your unit functionality, but also the functionality of your newly created or global object. To prepend that, you not create the new objects in your unit, but pass them into. Normally you would to this in the constructor, but as in JavaScript function are objects with the function body as constructor, you can also pass the dependencies simply into your function.

So in your case, the function depends on the global window object. So instead of trying to access the global window object, pass it as a parameter into your function. Doing it this way you can pass in the window object in your production code and a simple JavaScript object with an arguments atribute into your test:

function youWannaTest(w){
    console.log(w.arguments[0]);
}

In your extension call the function like this:

youWannaTest(window);

In your test call the function like this:

youWannaTest({arguments: ['someValue']});

More Related Contents:

  1. Injecting a mock into an AngularJS service
  2. How do I mock a service that returns promise in AngularJS Jasmine unit test?
  3. How to spyOn a value property (rather than a method) with Jasmine
  4. mocking window.location.href in Javascript
  5. How to mock functions in the same module using Jest?
  6. How can I mock an ES6 module import using Jest?
  7. jquery (or pure js) simulate enter key pressed for testing
  8. Protractor e2e test case for downloading pdf file
  9. How can I mock the JavaScript window object using Jest?
  10. jasmine: Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL
  11. Using Jasmine to spy on a function without an object
  12. How to mock localStorage in JavaScript unit tests?
  13. How can I write a test which expects an ‘Error’ to be thrown in Jasmine?
  14. How can I mock dependencies for unit testing in RequireJS?
  15. How to reuse beforeEach/afterEach in Jasmine JS?
  16. How to unit test a Node.js module that requires other modules and how to mock the global require function?
  17. How to test a function which has a setTimeout with jasmine?
  18. How to debug timed out waiting for asynchronous Angular tasks? Failure to find elements on angular page occurring
  19. How do I verify jQuery AJAX events with Jasmine?
  20. How to change the behaviour of a mocked import?
  21. Jasmine JavaScript Testing – toBe vs toEqual
  22. What functions should I mock during unit testing
  23. How to Unit Test Isolated Scope Directive in AngularJS
  24. jasmine.createSpyObj with properties
  25. Spying on a constructor using Jasmine
  26. Expect item in array
  27. How can I spy on a getter property using jasmine?
  28. Protractor Angular 2 Failed: unknown error: angular is not defined
  29. Changing the browser zoom level
  30. Hiding the address bar of a browser (popup)

Leave a Comment