Технология создания эффектных видео-инструкций посредством DevTools Protocol

18.04.20

Разработка - Тестирование QA

Конфигурация демонстрирует применение технологий интеграции 1C с браузером Google Chrome для создания эффектных видео-инструкций при помощи инструментов сценарного тестирования. Поддерживаются все версии платформы от 8.3.10 и выше до 8.3.17.

Платные

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование Скачано Купить файл
(только для физ. лиц)
1ChromeVA.zip
.zip 1,31Mb
5 1 850 руб. Купить

Подписка PRO — скачивайте любые файлы со скидкой до 85% из Базы знаний за 2430 руб. в месяц

Оформите подписку на компанию для решения рабочих задач

Оформить подписку и скачать решение со скидкой

Порядок развертывания решения

  1. Создайте новую пустую информационную базу 1С.
  2. В режиме конфигуратора загрузите конфигурацию из файла 1ChromeVA.cf.
  3. Опубликуйте конфигурацию на локальном веб-сервере, используйте имя публикации TEST.
  4. В корневой папке локального веб-сервера разместите папку wwwroot/vanessa.

Если публикация выполнена правильно, должны успешно открываться следующие ссылки:

 

Запустите информационную базу 1С в режиме менеджера тестирования, используя параметр запуска: /TESTMANAGER.

При открытии формы производится попытка обнаружить установленный на компьютере браузер Google Chrome. Если браузер не найден, укажите в диалоге выбора файла полный путь к исполняемому файлу Chrome, либо браузеру Chromium, если вы предпочитаете использовать его. Перед началом демонстрации закройте открытые окна Google Chrome, убедитесь что все экземпляры браузера закрыты. Последовательно нажмите кнопки «Запустить браузер» и далее «Запустить клиент тестирования» для запуска веб-клиента «1С:Предприятие» в режиме клиента тестирования.

Демонстрация представляет собой простейший тестовый сценарий из последовательности шагов, снабженных различными визуальными эффектами. Вы наблюдаете подсветку элементов формы, всплывающее окно с текстовой подсказкой, выделение рамками и стрелками полей ввода. Каждый визуальный эффект представляет собой вызов функции JavaScript, которую менеджер тестирования отправляет веб-клиенту через соединение WebSocket по посредством DevTools Protocol.

Подробно рассмотрим технологию работы сценария. После запуска браузера и установки HTTP соединения по порту 9222 мы программно открываем страницу веб-публикации http://localhost/test/ с необходимыми ключами для запуска в режиме клиента тестирования. При этом получаем адрес WebSocket для управления браузером и целочисленный идентификатор фрейма. Далее командой Page.createIsolatedWorld создается изолированный контекст выполнения JavaScript, чтобы скрипты визуальных эффектов не конфликтовали с программным кодом веб-клиента «1С:Предприятие». Расположенные в папке wwwroot/vanessa скрипты подключаются командой Runtime.evaluate и следующей функцией.

(function (base, files) {
    files.forEach(file => fetch(base + file)
        .then(response => response.text())
        .then(text => eval.apply(null, [text]))
    )
    let node = document.createElement('link');
    node.href = '/vanessa/enjoyhint.css';
    node.rel = 'stylesheet';
    window.top.document.body.appendChild(node);
}('http://localhost/vanessa/', [
    'jquery.min.js',
    'enjoyhint.min.js',
    'leader-line.min.js',
    'library.js',
]));

Как вы уже поняли, в примере используются библиотеки: jQuery, Leader Line, Enjoy Hint. Но вы можете подключить любые скрипты без ограничений, если разместите их на локальном веб-сервере. При этом вам остаются доступными стандартные инструменты разработчика Google Chrome: консоль JavaScript с отладчиком и обозреватель элементов. Только обратите внимание, что отладку скриптов визуальных эффектов необходимо производить в соответствующем изолированном контексте.

Несколько полезных функций вы найдете в поставляемом программном коде: поиск элемента формы по имени, получение активного элемента формы. Полагаю, вы легко сможете создать собственные визуальные эффекты, отладить их в консоли JavaScript и встроить в свою конфигурацию. Хорошая новость, что описанная технология создания визуальных эффектов будет включена в очередной релиз инструмента сценарного тестирования прикладных решений Vanessa Automation.

См. также

Тестирование QA DevOps и автоматизация разработки Программист Пользователь 1С v8.3 1С:Бухгалтерия 3.0 Россия Бухгалтерский учет Налоговый учет Платные (руб)

Автотесты 1С - готовые тестовые сценарии, предназначенные для регресс-тестирования функционала конфигурации после обновления типовым релизом. Сценарии проверяют интерактивное заполнение форм документов, справочников и результат проведения документов. Сценарий – feature-файл, разработанный с помощью vanessa-automation. Запуск сценария выполняется интерактивно с помощью vanessa-automation или с помощью vanessa-runner в CI-системах. Доступно тестирование тонкого клиента. Поддерживаемые версии конфигураций 1С:Бухгалтерия предприятие 3.0 и версии КОРП: 3.0.173.37.

2160 руб.

20.01.2022    9370    36    0    

17

Тестирование QA Программист Бесплатно (free)

Процесс тестирования в команде автора эволюционировал от ручных проверок до полноценной автоматизации с использованием современных инструментов и контейнеризации. Начав с Vanessa-ADD в качестве основного решения, команда постепенно расширила стек, включив в него Vanessa-Automation для UI-тестирования, YAxUnit для модульных проверок, Coverage41C для анализа покрытия кода, а также Gitlab CI, Allure и SonarQube для мониторинга качества и непрерывной интеграции. Статья объясняет, почему в качестве стартового инструмента была выбрана Vanessa-ADD и как удалось организовать запуск дымовых и сценарных тестов в CI-контуре на Windows-сервере. Рассмотрен вопрос анализа покрытия кода тестами: зачем потребовался подсчет и какими сложности сопровождали настройку Coverage41C в клиент-серверной архитектуре. Также автор рассказывает про переход на Docker (рассматривался готовый образ, но в итоге был создан собственный) и смену инфраструктуры с Windows и PowerShell на Linux и Bash.

27.06.2025    1130    TaGolovkina    3    

17

Тестирование QA Бесплатно (free)

Ведущий разработчик Инфостарт Лаборатории рассказал о том, с какими сложностями сталкиваются команды разработки 1С, внедряющие у себя процессы автоматизации тестирования и о подходах и конкретных решениях, которые помогают эти проблемы обойти. Доклад прозвучал на конференции «Стачка» в Ульяновске в апреле 2025 года и был ориентирован на руководителей и тимлидов команд разработки и тестирования, а также на действующих тестировщиков.

20.06.2025    3302    kuntashov    5    

35

WEB-интеграция Тестирование QA Программист 1С v8.3 1С:Библиотека стандартных подсистем Абонемент ($m)

Mockaroo — онлайн-сервис для генерации тестовых (фейковых) данных в различных форматах. Будет полезен для разработчиков, тестировщиков, аналитиков и других специалистов, которым нужны реалистичные, но синтетические данные.

1 стартмани

12.05.2025    709    1    serg-lom89    3    

6

Нейросети Рефакторинг и качество кода Тестирование QA Программист 1С v8.3 Бесплатно (free)

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

11.03.2025    8052    mrXoxot    53    

56

Рефакторинг и качество кода Тестирование QA Программист 1С v8.3 Бесплатно (free)

В последней статье по докладу Александра Кириллова, с которым он выступил на конференции INFOSTART TECH EVENT 2024, обсудим особенности тестирования после завершения рефакторинга платформеннозависимого кода

11.03.2025    1182    it-expertise    0    

4

Тестирование QA Программист 1С v8.3 Бесплатно (free)

Внедрили мы, с моими девчонками, в тестовом режиме в конце прошлого года в свой рабочий процесс Сонар. Всем очень понравилось - оповещения об ошибках приходят, мы эти ошибки правим. Можно гордо на годовом собрании о достижениях отчитываться. А теперь, наконец-то, пришло время оценить результаты.

10.03.2025    2022    ovetgana    22    

2

Тестирование QA Программист 1С v8.3 1С:Документооборот Россия Абонемент ($m)

Обработка подготавливает тестовую базу для удобного тестирования и разработки.

1 стартмани

04.03.2025    754    1    FeDBuka    3    

0
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. Pr-Mex 182 18.04.20 09:27 Сейчас в теме
2. FreeArcher 163 23.04.20 06:57 Сейчас в теме
Т.е. в Vanessa Automation запрограммирован сценарий, который демонстрируется в Crome, правильно я понял?
3. kandr 210 23.04.20 10:38 Сейчас в теме
(2) Да, в следующем релизе Vanessa Automation появится возможность запрограммировать сценарий с визуальными эффектами, например:
И я показываю подсказку "Произвольный текст" у элемента с именем "ФормаНаименование"
Оставьте свое сообщение