Блог

 class Router {
    constructor() {
        window.onhashchange = this.hashChange;
    }

    hashChange() {
        console.log('Hash Changed');
        return true;
    }
}

export default Router;
  

Я пытаюсь найти способ протестировать приведенный выше фрагмент кода в node.js . Но в node нет window объекта. Как имитировать объекты и тестировать прослушиватели событий с помощью mocha / jest? Цель состоит в том, чтобы проверить, что hashChange() вызывается при изменении хэша URL

Тестовая среда по умолчанию в Jest — это среда, подобная браузеру, предоставляемая jsdom .

jsdom обеспечивает, window поэтому он доступен по умолчанию для тестов, выполняемых в Jest .

Вы можете использовать Jest для тестирования приведенного выше кода следующим образом:

 class Router {
  constructor() {
      window.onhashchange = this.hashChange;
  }

  hashChange() {
      console.log('Hash Changed');
      return true;
  }
}

test('Router', () => {
  const hashChangeSpy = jest.spyOn(Router.prototype, 'hashChange');
  const router = new Router();
  window.onhashchange();
  expect(hashChangeSpy).toHaveBeenCalled();  // Success!
});