Запись и последующее воспроизведение изменений DOM в Firefox?

Question

Справочная информация: У нас есть веб-продукт и растущий набор автоматизированных тестов Selenium, которые выполняются в системе непрерывной интеграции для каждого коммита.Иногда тест не проходит, а иногда довольно сложно выяснить, что произошло.

Ранее мы записывали и сохраняли видео для каждого запуска (используя recordMyDesktop), но для этого требуется больше ресурсов процессора и дискового пространства, чем мы могли бы сэкономить.

Вопрос: Существует ли плагин Firefox или аналогичный инструмент для записи изменений DOM и последующего визуального воспроизведения их, предпочтительно на другом компьютере?

Answer 1

Ранее мы использовали recordMyDesktop в Ubuntu, но также заметили, что он слишком загружен процессором.

На TestingBot (Selenium Grid на облачной основе) мы теперь используем ffmpeg и x11grab, что намного лучше для процессора. Это также довольно легко настроить.

Answer 2

Вы можете попробовать добавить прослушиватель событий для событий модификации dom, а затем записать их в журнал следующим образом:

document.addEventListener('DOMNodeInserted', function(e) {someLoggingFunction(e);});

Если вы регистрируете родительский элемент узла, который пропускает слушатель, вы должны иметь возможностьдля воспроизведения любых изменений.

События объектной модели документа: http://www.w3.org/TR/DOM-Level-2-Events/events.html

---

Это не воспроизведение в стиле временной шкалы, возможно, расширение Firediff для firebug:

http://www.incaseofstairs.com/firediff/

Он может отслеживать все изменения dom и позволяет сохранять снимки состояния dom вместе с возвратом через историю в предыдущие состояния.

Answer 3

Это платная сетка, но вы рассматривали SauceLabs ? Они поддерживают скриншоты и воспроизведение видео тестов.