Всем привет и добро пожаловать в мой Хабр о тестировании и QA!
Вполне возможно, что новая статья выйдет уже в Новом Году, так что поздравляю всех с Новым Годом. Пусть задачи будут понятными, а спринты не "подгорают"!
Итак, что же такое embed-видео? Всё очень просто - это видео, встроенное в html-разметку страницы. Казалось бы, если такое видео проигрывается в плеере отдельно и всё и так работает, зачем нужно проверять такое же видео, но встроенное в веб-страницу?
Ответ прозаичнее, чем может казаться: некоторые функции плеера могут быть несовместимы с разными версиями браузера. Например, может не работать смена фокуса на элементах плеера при нажатии на 'tab'.
Хорошо, с этим разобрались, но где взять веб-страницу для встраивания видео? По-быстрому наклепать простую веб-страницу и развернуть под неё сервер? Можно и так, но звучит, как задача на пару часов. Но что, если нужно быстро развернуть такую страницу и встроить в неё видео для тестов? Я нашёл своё решение и хочу поделиться им с вами!
Возможно, вы знаете про сервис GitHub Pages, который позволяет создавать и выкатывать self-hosted страницы, причём делается всё быстро и просто. Давайте посмотрим, как создать такую страницу.
Для начала создадим новый репозиторий на GitHub и сделаем его публичным.
Отлично, репозиторий создан! Теперь создадим файл index.html, в котором сделаем простую разметку (сама разметка и блок embed будут доступны в моём репозитории, ссылку прикреплю ниже)
Разметка готова! Теперь осталось добавить файл в наш репозиторий. Добавить файл можно как из редактора кода с помощью командной строки, так и напрямую через GitHub. Добавим напрямую и сделаем коммит.
Для этого перейдем в наш репозиторий и найдем раздел Add File.
Затем в дроп-даун меню выбираем Upload files.
Хорошо, после этого добавляем html-файл перетаскиванием или через проводник. Можете добавить сообщение к коммиту. После этого нажмите Сommit changes.
Отлично, мы почти у цели! Теперь снова переходим в репозиторий и идём в раздел Settings.
Теперь слева ищем подраздел Pages и переходим в него.
Теперь настроим деплой нашей страницы. Необходимо выбрать ветку, с которой будет происходить деплой. После этого нажимаем Save.
Круто! Теперь нужно подождать какое-то время (обычно менее минуты), пока раннеры гитхаба сделают деплой страницы. После этого в разделе Pages появится вот такое сообщение:
Ну вот и всё, теперь осталось только нажать Visit site!
Наша страница с embed-видео готова к тестам! Уверен, что многим такой подход будет полезен, особенно если время ограничено. Как и обещал, выкладываю ссылку на репозиторий с файлом.
Пробуйте, тренируйтесь и тестируйте! Спасибо, что дочитали до конца, всего хорошего в Новом Году!
