Cypress для End2end тестирования. Первый взгляд
Vložit
- čas přidán 22. 08. 2024
- Для тестирования полного функционала веб-приложения часто бывает недостаточно unit и интеграционных тестов. Здесь на сцену выходит end2end тестирование и одним из самых передовых решений является библиотека Cypress, широко востребованная в западных компаниях.
Стартовый проект для тестирования
github.com/mic...
Финальный вариант с тестами
github.com/mic...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...
#cypress
Очень приятный и наглядный урок, без лишней воды и по теме. Хочется еще уроков по Cypress в вашем исполнении. Спасибо!
Спасибо, толковое видео, мало воды и все более чем понятно
Отличная подача информации. Всё кратко, понятно и по делу. Спасибо!
Тезка, спасибо за твои труды, все видосы информативные и полезные. Всего тебе наилучшего!)
Спасибо на добром слове, тёзка :)
@@mishanep а Вас прям Михаилом назвали, или Вы что-то скрываете?)
Отличная подача материала. Спасибо.
Спасибо! Успехов в дальнейшем!
Спасибо за единственный толковый ролик на русском языке по Сайпресу! От вас бы увидеть дальнейшие уроки по этому инструменту!
Вау, спасибо большое! Очень крутой урок!
Спасибо за урок. Подробно для новичка, понравилось
Михаил, это лучший видос по сайпресс.
Блин как круто, хорошо бы тестировщикам начать чем то этим пользоваться. Наверно можо это сделать как отдельный проект. Конечно это для использования исключительно фронтенд разработчиком.
Спасибо большое! Освежил информацию :)
супер, спасибо!
Спасибо вам! Очень понятный разбор!
Спасибо. Насколько приятнее стало тестировать компоненты благодаря cypress
Спасибо
очень полезно)
Спасибо =)
в общих черта ясно, но надо конечно знать эти все варианты команд, а это прям учить надо все, или постоянно чатботить пока не запомнятся
не запускаеться демо, только Welcome to Cypress!
Review the differences between each testing type без рана тестов. И никаких папок не появилось после npm run test:cypress
А что-то посложнее первых тестов есть?
Жаль не разобрано. Та еще головомойка
Здравствуйте. У меня cypress не сохраняет состояние сайта и перед каждый новым тестам обнуляет то, что мы сделали в предыдущих тестах. chatGPT предложил мне решении, но оно довольно громоздкое, нужно в каждом тесте сохраняться стейт в переменную и дальше эту переменную использовать в следующем тесте (+-). Есть ли какой-то более просто способ сказать cypress, чтобы он не обнулял изменения, которые были сделаны в предыдущих тестах?
И сейчас я прописываю cy.visit() в каждом тесте
Приветствую. Давно не работал с Cypress, ответить не смогу.
не працює test:cypress, тільки npx cypress open
Ща уже потихонечку на Playwright двигаются все
а еще реакт надо устанавливать?
У вас должно быть приложение, которое вы будете тестировать. В моем случае оно на реакте.
Как быть если на странице 15 одинаковых инпутов (класс, название, type) . Как выбрать именно нужный инпут и ввести туда текст?
Чаще всего на инпутах висит атрибут name с уникальным значением, можно использовать его.
@@mishanep к сожалению не вижу атрибута name, я могу скинуть куда-то скриншот инпута с его атрибутами. Сможете помочь , чтобы выбирался именно нужный инпут и туда вводился текст?
@@tyxa6540 Если это сайт, над которым вы работаете, то добавить атрибут несложно. Если для веб-скрапинга, то тут я вам не помощник :)
Я не понимаю, как cypress определяет, где искать компонент, который мы тестируем? Почему мы пишем cy.visit('/'). Нужно ли использовать @cypress/react? У меня ничего не работает. ReferenceError: React is not defined. И еще, почему при использовании start-server-and-test у меня вместо теста открывается сам проект, как будто я запускаю npm start? И использует порт 3000 вместо 3010, который я указал.
Мы тестируем приложение в целом, а не отдельный компонент, поэтому открываем конкретную страницу. cy.visit("/") открывает главную страницу.
Указанная ошибка возможно говорит о том, что у вас 16я версия реакта, у меня в примере 17я, где явно импортировать Реакт не требуется.
При старте теста у вас должен запуститься локалхост с приложением (это и будет главной страницей для теста).
По-моему я прилагал ссылку на свой проект. Можно для начала скачать его, поиграться. Возможно понимания станет больше.
@@mishanep У меня React 17-й
@@mishanep ваш проект при npm i выдает ошибку: Unable to authenticate, your authentication token seems to be invalid.
@@ReaktorGaming86 хм, тогда удалите yarn.lock, а то у меня с корпоративными прокси всё устанавливалось. Без него всё должно установиться.