Начну эту статью с того, что я работаю QA Automationg и того, что я люблю автоматизировать все рутинные действия. Так вот в последнее время для меня таковым стало написание, редактирование и проверка локаторов к элементам на странице.
Обычно это процесс выглядит так: я пишу xpath выражение в chrome или firepath, потом копирую его и добавляю атрибут к элементу в C# коде. Но локаторы часто нужно исправлять или просто проверить, на какой элемент он указывает. И даже такое просто изменение предиката как [@id='myId'] на [contains(@id = 'Id')] заканчивается падением теста во время выполнения потому, что я написал '=' вместо ',' и поленился проверить изменения. В общем, слишком много действий с копированием, вставкой, переключений между окнами и тому подобного для такой простой задачи. Решил я написать плагин для ReSharper, который бы по Alt+Enter подсвечивал мой элемент в браузере.
Постановка задачи
Написать плагины для ReSharper и Chrome, которые в связке решали бы две простые задачи:
- Статический анализатор XPath выражений;
- Подсветка любого selenium локатора в браузере по Alt+Enter.
Решение
С первой задачей все оказалось достаточно просто. Я решил не писать свой парсер и валидатор для xpath, а просто воспользовался классом XmlDocument из .NET библиотеки:
XmlDocument document = new XmlDocument();
var navigator = document.CreateNavigator();
try
{
navigator.Compile("xpath expression");
//Если не получили исключение, то выражение валидно
}
catch (XPathException exception)
{
//Выражение не валидно
}
Вторая часть вопроса была реализована следующим образом:
- ReSharper плагин поднимает TcpServer для localhost
- Chrome плагин постоянно спрашивает его «Есть что подсветить?»
- Список чего бы подсветить пустой до тех пор, пока пользователь не нажмет Alt+Enter и не выберет Highlight element
Для работы поиска элементов в dom с помощью я использую библиотеку jquery.xpath.js.
Так как я никогда раньше не писал плагины для chrome, то самым сложное для меня оказалось отправка запросов с https сайта на http localhost. Google Chrome блокирует все такие запросы с веб-станицы. На поиск решения у меня ушло не мело времени, но оно оказалось очень простым и, наверное, даже логичным: запросы к http можно делать из background.js, а потом передавать результат на страничку, что я и сделал.
Работа плагина в действии
Ссылки
Пишем простейший плагин для ReSharper — статья, которая помогла начать писать для ReSharper
Find.By chrome — плагин для Google Chrome
Find.By resharper — плагин для ReSharper
Find.By — github репозиторий проекта
Автор: MYSLYVETS
