Существует ли инструмент, который может записывать взаимодействия пользователя с элементами DOM для использования при создании автоматических тестов (я использую Codeception и Laravel Dusk , но любой инструмент с корнями в Selenium отлично). Я ищу что-то, чтобы записать последовательность и получить список, который может включать:
- Браузер перейдет к
/contact
- Фокус ввода "#name"
- Ввести текст "Джо" в поле ввода
#name
- Focus textarea
textarea[name=message]
- Введите текст "Hello world" в текстовом поле
textarea[name=message]
- Щелкните элемент
input[type=submit]
- Браузер перейдет к
/contact?thanks
Я вижу GhostInspector , но это напрямую связано с облачной компанией, и я не хочу этого, я хотел бы иметь некоторую степень контроля над тем, что делает плагин, и иметь возможность записывать страницы не в общедоступной сети.
Я вижу создание инструмента, который записывал каждое действие нетривиально - события перемещения мыши, фокусировки, выделения текста, события клавиатуры, события прокрутки и т. Д. В идеале я могу сказать «прослушивать каждое событие фокуса, щелчка и нажатия клавиши на вход или текстовое поле или кнопка или выберите или опция ", а также следите за изменениями URL.
Существует ли такой инструмент? Неважно, на каком стеке браузеров он работает, просто нужна возможность пользователю, возможно, начинающему пользователю, перейти на веб-сайт, нажать «Запись», выполнить некоторые действия и получить список того, что произошло.
Мгновенные отрицательные голоса, которые утверждают, что мой вопрос «не о программировании», побуждают меня улучшить свой вопрос. Я не предполагаю природу инструмента - это могут быть методы программирования? Как использовать браузер для прослушивания всех событий и каким-либо образом регистрировать их? Может быть расширение Chrome? Может быть, рамки? Может быть библиотека? Я ищу опыт программистов, чтобы помочь мне с задачей программирования, которую я пытаюсь выполнить.