mocking window.location.href in Javascript

by

The best way to do this is to create a helper function somewhere and then mock that:

 var mynamespace = mynamespace || {};
    mynamespace.util = (function() {
      function getWindowLocationHRef() {
          return window.location.href;
      }
      return { 
        getWindowLocationHRef: getWindowLocationHRef
      }
    })();

Now instead of using window.location.href directly in your code simply use this instead. Then you can replace this method whenever you need to return a mocked value: 

mynamespace.util.getWindowLocationHRef = function() {
  return "http://mockhost/mockingpath" 
};

If you want a specific part of the window location such as a query string parameter then create helper methods for that too and keep the parsing out of your main code. Some frameworks such as jasmine have test spies that can not only mock the function to return desired values, but can also verified it was called:

spyOn(mynamespace.util, 'getQueryStringParameterByName').andReturn("desc");
//...
expect(mynamespace.util.getQueryStringParameterByName).toHaveBeenCalledWith("sort");

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. jasmine mock window object
  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. What do multiple arrow functions mean in JavaScript?
  30. How to reset the bootstrap modal when it gets closed and open it fresh again?

Leave a Comment