Отлаживать тестируемый javascript-код в браузере с помощью zuul

  1. Я написал компонент JavaScript, скажем, в файлеcomponent.js
  2. Я написал несколько тестов, скажем, в файле test-component.js которые проверяют манипуляцию DOM, которая происходит в компоненте. Он использует require('./component.js') оператор для загрузки тестируемого кода.
  3. Я использую zuul для запуска тестов в локальном браузере.
    Команда похожа на:

    zuul --local 8080 --ui mocha-tdd -- src/test/js/test-component.js

  4. Я просматриваю http://localhost:8080/__zuul используя Chrome с инструментами разработчика (F12).

  5. Я могу отладить тестовый код в test-component.js используя Chrome (он отображается в том же формате, что и в моей IDE)

Теперь моя проблема: когда я открываю component.js в Chrome Developer Tools код выглядит минимизированным (хотя и не запутанным). Chrome может красиво распечатать этот уменьшенный файл, но тогда вы не можете добавить точки останова, и даже тогда между каждыми двумя строками кода вставляется строка, похожая на эту:

__cov_CgRFa1QfsDvBYUENO9jTSQ.s['119']++;

Я почти уверен, что это для сбора информации о тестовом покрытии. Но это затрудняет чтение кода. Есть ли способ запустить zuul без минификации и преобразования кода, который добавляет операторы для покрытия кода?

1 ответ

Решение

Zuul Github wiki дает указание отключить покрытие с помощью --no-покрытие

https://github.com/defunctzombie/zuul/wiki/debugging-zuul

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