Туториалы по Cypress / Java Script
1.07K subscribers
21 photos
11 videos
66 links
Уникальный практический и 🔥 бесплатный курс по Cypress с живой обратной связью от ментора.

https://www.youtube.com/@epic_one_hour

Задать любой вопрос и получить ответ можно тут https://t.me/epic_one_hour_community
Download Telegram
Всем привет! Антон на связи 🧑‍💻

Я — Тимлид и разработчик с более чем 15-летним опытом.
Мне 36, живу и работаю в Берлине, и у меня есть огромное желание делиться знаниями, тем более друзья и коллеги говорят, что у меня неплохо получается объяснять сложные вещи простым языком😅

Моя цель — сделать так, чтобы получение ИТ-навыков было максимально простым и интересным. Моя мотивация — дополнительная самореализация и помощь другим.

В данном канале я буду выкладывать разработанные мною туториалы на различные темы в IT, построенные по принципу "от практики к теории" для всех желающих.

Туториалы — это пошаговые инструкции: что и как делать, при этом вопросы: "Что это такое?" "Зачем это?" — вы гуглите сами. На более сложные вопросы я оставляю свои комментарии или могу ответить лично.

2 раза в неделю по вторникам и четвергам, я провожу бесплатные стендапы для помощи в решении проблем и для ответов на вопросы. Всегда буду признателен за вашу обратную связь о том, что я делаю 🙏

На текущий момент я разрабатываю серию туториалов по автоматизированному тестированию на Cypress — это одновременно и прокачка навыков тестирования ПО и программирование, причем визуальное: компьютер, нажми на кнопку X, введи текст в поле Y и т.д. — пишем код и сразу видим результат.

Удачи мне и Вам, интересно узнать, что в итоге получится 🤞
Готов туториал — первый полет на Cypress 🔥

Подойдет тем, кто хочет начать писать автоматизированные тесты.

Что сделаем:
— Создадим чистый Java Script проект на Node.js.
— Установим Cypress через менеджер пакетов npm.
— Напишем авто-тест подписки на рассылку Cypress.

Проходите бесплатно! По вторникам и четвергам я провожу бесплатные стендапы со всеми желающими. Все подробности тут https://www.epic1h.com/cypress_test_flight

#туториал #cypress
Каждый вторник и четверг я провожу бесплатные 🔥 IT стендапы в Zoom!

Если у тебя есть вопрос или проблема, подключайся:

— 20.00 по Москве нажми на ссылку
— Введи пароль zyx
— Подними руку или напиши вопрос в чате.
— В случае необходимости, будь готов пошарить свой экран.

Почему стендапы это круто?
Почему Cypress? 🤔

Привет, друзья! И снова Антон на связи 🧑‍💻

Пару дней назад мне пришел хороший вопрос от @Moonlight_3456:
Было бы интересно послушать в начале почему именно Cypress, а не playwright/detox, иначе люди могут слишком сильно привыкнуть к учить то, что дают, а не потому, что это правильный выбор инструмента.

Если Вы только начинаете изучать написание авто-тестов, логичнее выбрать тот инструмент: который легко установить и начать использовать, который обладает хорошей документацией и примерами. В данном случае, по-моему, Cypress подходит идеально.

Касательно других фреймворков, например, Playwright — действительно имеет больше возможностей и более высокую скорость работы, но требует более глубокое погружение в код, что может усложнить обучение. Хотя, для последующего развития и написания более сложных тестов для более "тяжелых" проектов он прекрасно подходит.

Detox — фреймворк для тестирования мобильных приложений. Опять же, для обучения, по моему мнению, именно веб, подходит лучше. HTML/CSS — это основа для любого кто приходит в IT. Если вы поймете как создаются сайты и веб-приложения, вы сможете разобраться как их можно тестировать.

И главное, нужно понимать, что все фреймворки для тестирования очень похожи. Если вы разберетесь с принципами написания тестов, накопите кодовую базу и кейсы, то вы с легкостью освоите любой фреймворк в будущем.

В нашей команде мы более 6 лет разрабатываем WEB-приложения на Angular.
Наш основной проект — социальная сеть для врачей Германии esanum.
Что имеем на проекте:
— Большая кодовая база front & back-end;
— сложная бизнес-логика;
— более 6 доменов и языков;
— более 100 end2end тестов;
— более 10k unit-тестов.

С момента перехода на Cypress в 2021 все наши end2end тесты были написаны на Protractor. Что мы получили в итоге от Cypress?

Стабильность
Главное, и пожалуй, важнейшее преимущество для нас после перехода — это стабильность. Какой смысл в тестах, если они сами ведут себя не предсказуемо? В случае с Protractor который для работы использует Selenius WebDriver тесты могли падать по совершенно непонятным причинам. На текущий момент, если тест не пройден мы точно знаем, что действительно что-то сломалось.

Документацию
Вся документация Cypress и Best Practices находятся на одном месте https://docs.cypress.io/ — необходимо отметить высокое качество этой документации, а также мастер-классов, которые команда разработки проводит и публикует в открытом доступе.

Все в одном
Cypress — самостоятельный all-in-one фреймворк, с единственной зависимостью в package.json без необходимости подключения дополнительных библиотек, как, например, в случае Protractor или Selenium, которые нужно собирать из кусочков и следить отдельно за обновлениями.

Скорость разработки
Cypress включает в себя UI Test Runner — средство для запуска и отладки тестов. При работе с исходным кодом Cypress подхватывает изменения "на лету" и моментально перезапускает тест без перезапуска браузера, что сильно экономит время разработки.

Плагины
В нашем проекте нам потребовалось: тегировать тест-кейсы для раздельного запуска по различным доменам, разделять конфигурационные файлы, писать визуальные тесты, скачивать и загружать файлы и многое другое, что без проблем, удалось добиться через плагины в Cypress.

В качестве заключения, хочу отметить, что Cypress — развивается и становится популярнее, в чем можно убедится в реальном времени на NPM Trends По поим собственным наблюдениям, а так же исходя из общения с коллегами из других компаний, т.ч. из Европы на Cypress появляется все больше вакансий т.к. все больше команд в end2end тестах переходят на этот фреймворк.

Буду рад вашим комментариям и вопросам 🙏