Testing code that uses an IntersectionObserver

by

None of the posted answered worked for me because of our configuration of TypeScript and React (tsx) we’re using. Here’s what finally worked:

beforeEach(() => {
  // IntersectionObserver isn't available in test environment
  const mockIntersectionObserver = jest.fn();
  mockIntersectionObserver.mockReturnValue({
    observe: () => null,
    unobserve: () => null,
    disconnect: () => null
  });
  window.IntersectionObserver = mockIntersectionObserver;
});

More Related Contents:

  1. JavaScript unit test tools for TDD
  2. jasmine: Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL
  3. Mocking a useragent in javascript?
  4. How do I mock a service that returns promise in AngularJS Jasmine unit test?
  5. Mocking globals in Jest
  6. Change default timeout for mocha
  7. Using Jasmine to spy on a function without an object
  8. How to mock localStorage in JavaScript unit tests?
  9. Override the Equivalence Comparison in Javascript
  10. Angular ui router unit testing (states to urls)
  11. How can I mock dependencies for unit testing in RequireJS?
  12. How to spyOn a value property (rather than a method) with Jasmine
  13. How to test the type of a thrown exception in Jest
  14. Is there a way to get Chai working with asynchronous Mocha tests?
  15. How to test a function which has a setTimeout with jasmine?
  16. How to trigger script.onerror in Internet Explorer?
  17. How can I mock the imports of an ES6 module?
  18. How to change the behaviour of a mocked import?
  19. What functions should I mock during unit testing
  20. How to mock Axios with Jest?
  21. Jest: how to mock console when it is used by a third-party-library?
  22. How to Unit Test Isolated Scope Directive in AngularJS
  23. How to mock dependencies for unit tests with ES6 Modules
  24. Mocking and Stubbing with protractor
  25. Change style header/nav with Intersection Observer (IO)
  26. how to fix 404 warnings for images during karma unit testing
  27. I would like to ask how to explain this (javascript function)
  28. CORS – How do ‘preflight’ an httprequest?
  29. What’s the recommended way to extend AngularJS controllers?
  30. Contains case insensitive

Leave a Comment