В IT-мире для рисования схем и мозгового штурма обычно применяются интерактивные онлайн-доски. В них используется элемент HTML5 <canvas> (растровый холст), предназначенный для создания графиков с помощью JavaScript. Canvas задействуется при рисовании графиков, создании фотокомпозиций, анимаций и даже обработке и рендеринге видео в первое время.
Нюанс в том, что традиционные методы тестирования (DOM‑проверки) недоступны, так как холст рендерится как растровое изображение. Элементы внутри холста отключаются через стандартные селекторы. И тут приходит время творческой составляющей. О том, как мы проверяем правильность нарисованных элементов, и о том, как наши автотесты на «Драматург» рисуют на досках в Контур.Толке, я расскажу в докладе.
Его содержание будет интересно всем, у кого в веб-приложениях есть функциональные возможности рисования графиков с использованием Canvas.
Качество и надежность, JS / TS, Тестирование UI
Фронтенд-разработчик, Тестировщик
Начальный
В тестировании с 2013 года. Большую часть профессиональной карьеры тестировала backend, последние два года погружена в мир UI тестирования. Тестирует тот самый Толк, в частности интерактивные доски.
