Как заглушить переменную, определенную в html, перед запуском теста

В моем index.html я создаю экземпляр своего виджета. Я хочу иметь возможность заглушить options перед запуском тестов, чтобы попробовать разные инициализации.

<html>
<body>
  ...
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      var options = {
        input_element_id: 'inputid',
        list: ['a', 'b', 'c', 'd'],
        app_id: 'xxx'
        api_key: 'xxx'
      }
      var widget = new MyWidget(options)

      widget.start()
    })
  </script>
</body>
</html>

Как я могу сделать это с Cypress?

cypress

28.05.2019 15:53

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

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

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

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

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

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

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Лучшим подходом, который я нашел, было предоставление переменных кипарису с использованием объекта окна. Затем в тесте я могу манипулировать ими.

<script>
    document.addEventListener('DOMContentLoaded', function() {
      var options = {...}
      var widget = new MyWidget(options)

      if (window.Cypress) {
        window.options = options
        window.widget = widget
      }

      widget.start()
    })
</script>

Затем в моем тесте я могу запустить это на beforeEach() или там, где мне это нужно.

  cy.window()
    .then(win => {
      win.options['search_on_slash'] = false
    })

30.05.2019 01:16

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

Как я могу проверить элемент на наличие нескольких классов CSS в Cypress?

Как обмениваться значениями переменных в Cypress

Как установить/определить переменные среды и api_Server в кипарисе?

Как я могу сказать Cypress скрыть Chrome при запуске из командной строки?

Приложение Cypress и Vaadin вызовет всплывающее окно с ошибкой, которое не позволит тесту работать

Как проверить, существует ли элемент с помощью Cypress.io

Преобразование файла Cypress в более подходящий формат для экспорта

Как «забить» клик в cypress.io?

Где в кипарисе функция «потому что()»?

Могу ли я иметь несколько «это» в одном «описании» и использовать перед каждым

Как заглушить переменную, определенную в html, перед запуском теста

Ответы 1

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

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