Технология создания эффектных видео-инструкций посредством 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% из Базы знаний

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

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

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

  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.178.26.

2160 руб.

20.01.2022    9677    36    0    

18

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

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

3360 руб.

05.08.2024    2939    18    1    

12

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

В статье расскажем, как Sentry помогает компании Magnit Tech эффективно решать задачи оперативного выявления и анализа ошибок. Поделимся практическим опытом внедрения Sentry и объясним, почему этот инструмент превосходит другие бесплатные аналоги по функционалу и удобству использования. Рассмотрим гибкий механизм настройки оповещений об ошибках журнала регистрации, который позволяет адаптировать уведомления под конкретные нужды проектов. Объясним, как Sentry используется для мониторинга производительности базы 1С, обеспечивая стабильность работы критически важных систем. Затронем тему интеграции Sentry с системами мониторинга инфраструктуры и CDN.

17.07.2025    765    daniloffartur    1    

5

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

YAxUnit – это сравнительно молодой, но амбициозный и быстро развивающийся инструмент из мира open-source. Расскажем о ключевых этапах развития инструмента и особенностях работы над open-source проектом.

17.07.2025    1920    Жолтокнижниг    1    

18

HighLoad оптимизация Тестирование QA Системный администратор Программист Бесплатно (free)

В мире 1С импортозамещение используемых программных продуктов в первую очередь касается миграции СУБД с MSSQL на Postgres. Одна из основных проблем перехода — более «слабый» оптимизатор запросов Postgres по сравнению с MSSQL, когда запросы на MSSQL выполнялись значительно быстрее, чем на Postgres. Автор статьи разработал инструмент, который позволяет без значительных затрат выявить эти «проблемные» запросы. Основная идея подхода: конвертация на Postgres запросов, снятых при использовании MSSQL, и сравнение времени выполнения на MSSQL и на Postgres.

10.07.2025    1324    berserg    4    

7

Тестирование 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    2065    TaGolovkina    3    

21

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

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

20.06.2025    4125    kuntashov    5    

38

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

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

1 стартмани

12.05.2025    856    1    serg-lom89    3    

6
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. Pr-Mex 183 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 появится возможность запрограммировать сценарий с визуальными эффектами, например:
И я показываю подсказку "Произвольный текст" у элемента с именем "ФормаНаименование"
Оставьте свое сообщение