Тестирование window.name в Jest

Я работаю над простым приложением React, которое открывает новую вкладку с помощью window.open () для представления «докладчик» только для чтения. Я пишу тест для условного рендеринга в Jest, но не могу правильно изменить window.name. В частности, я тестирую строку, в которой вызывается handleStart ().

Вот тестируемый код:

  componentDidUpdate() {
    localStorage.setItem('timeRemaining', this.state.timeRemaining);
    if (window.name === 'presenter' && this.state.timeRemaining > 0) {
      this.handleStart();
    }
  }

А вот и тест в том виде, в каком он у меня сейчас:

    it('checks the window and state to call #handleStart if started in parent view', () => {
      const spy = jest.spyOn(wrapper.instance(), 'handleStart');
      global.window.name === 'presenter';
      wrapper.setState({ timeRemaining: 100 });
      wrapper.update();
      expect(spy).toHaveBeenCalled();
    });

reactjs jestjs

07.05.2018 20:12

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

178

Ответы 1

Оказывается, я дурак и пытался неправильно присвоить global.window.name. Тест должен читать

    it('checks the window and state to call #handleStart if started in parent view', () => {
      const spy = jest.spyOn(wrapper.instance(), 'handleStart');
      global.window.name = 'presenter';
      wrapper.setState({ timeRemaining: 100 });
      wrapper.update();
      expect(spy).toHaveBeenCalled();
    });

Оставьте этот вопрос заданным, поскольку он здесь уникален и может быть кому-то полезен. Для справки: если вы тестируете объект Window в Jest, вы используете 'global', как показано здесь, вместо 'window'.

07.05.2018 20:18

Другие вопросы по теме

Тестирование простого GET-запроса с использованием Axios и Jest

Свойство "прототип" не существует

Jest react-native, ожидайте, что константа будет [Function BezierEasing]

Повышение производительности тестирования JEST с помощью vue.js

Как работает тестирование снимков и что делает функция toMatchSnapshot () при тестировании снимков Jest для компонентов React?

Выполнить имитацию аргумента обратного вызова шутки

Как смоделировать требуемую функцию модуля с помощью Jest?

Шутка - Утверждение вложенных обещаний никогда не возвращается

Использование потока внутри файла теста jest приводит к неопределенному тесту, ожидаемому и т. д

Как заставить Jest выводить снимки внутри корневой папки lvl __snapshots__?

Тестирование window.name в Jest

Ответы 1

Другие вопросы по теме

Похожие вопросы