Cypress для End2end тестирования. Первый взгляд

Для тестирования полного функционала веб-приложения часто бывает недостаточно unit и интеграционных тестов. Здесь на сцену выходит end2end тестирование и одним из самых передовых решений является библиотека Cypress, широко востребованная в западных компаниях.
Стартовый проект для тестирования
github.com/michey85/redux-too...
Финальный вариант с тестами
github.com/michey85/redux-too...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep
#cypress

Пікірлер: 41

  • @e.chefranov
    @e.chefranov Жыл бұрын

    Очень приятный и наглядный урок, без лишней воды и по теме. Хочется еще уроков по Cypress в вашем исполнении. Спасибо!

  • @user-wx1my8vi1e
    @user-wx1my8vi1e2 жыл бұрын

    Отличная подача информации. Всё кратко, понятно и по делу. Спасибо!

  • @yatut4467
    @yatut44672 жыл бұрын

    Спасибо, толковое видео, мало воды и все более чем понятно

  • @DreamingDolphing
    @DreamingDolphing2 жыл бұрын

    Отличная подача материала. Спасибо.

  • @A_Man_with_a_Dream
    @A_Man_with_a_DreamАй бұрын

    Спасибо большое! Освежил информацию :)

  • @valeriafurmanets2817
    @valeriafurmanets2817 Жыл бұрын

    Вау, спасибо большое! Очень крутой урок!

  • @MrOzziris
    @MrOzziris2 жыл бұрын

    Тезка, спасибо за твои труды, все видосы информативные и полезные. Всего тебе наилучшего!)

  • @mishanep

    @mishanep

    2 жыл бұрын

    Спасибо на добром слове, тёзка :)

  • @levient

    @levient

    2 жыл бұрын

    @@mishanep а Вас прям Михаилом назвали, или Вы что-то скрываете?)

  • @tatianatolubaeva8851
    @tatianatolubaeva8851 Жыл бұрын

    Спасибо вам! Очень понятный разбор!

  • @nerrisy8839
    @nerrisy8839 Жыл бұрын

    Спасибо за урок. Подробно для новичка, понравилось

  • @misterX389
    @misterX3892 жыл бұрын

    Михаил, это лучший видос по сайпресс.

  • @awesomawesom372
    @awesomawesom3722 жыл бұрын

    Спасибо за единственный толковый ролик на русском языке по Сайпресу! От вас бы увидеть дальнейшие уроки по этому инструменту!

  • @makeoverweb2663
    @makeoverweb26632 жыл бұрын

    супер, спасибо!

  • @olfi1728
    @olfi17282 жыл бұрын

    Спасибо

  • @romanbush5164
    @romanbush5164 Жыл бұрын

    Блин как круто, хорошо бы тестировщикам начать чем то этим пользоваться. Наверно можо это сделать как отдельный проект. Конечно это для использования исключительно фронтенд разработчиком.

  • @user-el9ju6fn7x
    @user-el9ju6fn7x Жыл бұрын

    Спасибо =)

  • @STELLS541
    @STELLS5415 ай бұрын

    очень полезно)

  • @iharrwe
    @iharrwe10 ай бұрын

    Спасибо. Насколько приятнее стало тестировать компоненты благодаря cypress

  • @Vinits-i
    @Vinits-i8 ай бұрын

    А что-то посложнее первых тестов есть?

  • @user-ns2fn6pg9d
    @user-ns2fn6pg9d Жыл бұрын

    Здравствуйте. У меня cypress не сохраняет состояние сайта и перед каждый новым тестам обнуляет то, что мы сделали в предыдущих тестах. chatGPT предложил мне решении, но оно довольно громоздкое, нужно в каждом тесте сохраняться стейт в переменную и дальше эту переменную использовать в следующем тесте (+-). Есть ли какой-то более просто способ сказать cypress, чтобы он не обнулял изменения, которые были сделаны в предыдущих тестах?

  • @user-ns2fn6pg9d

    @user-ns2fn6pg9d

    Жыл бұрын

    И сейчас я прописываю cy.visit() в каждом тесте

  • @mishanep

    @mishanep

    Жыл бұрын

    Приветствую. Давно не работал с Cypress, ответить не смогу.

  • @NeoCoding
    @NeoCoding5 ай бұрын

    в общих черта ясно, но надо конечно знать эти все варианты команд, а это прям учить надо все, или постоянно чатботить пока не запомнятся

  • @tyxa6540
    @tyxa6540 Жыл бұрын

    Как быть если на странице 15 одинаковых инпутов (класс, название, type) . Как выбрать именно нужный инпут и ввести туда текст?

  • @mishanep

    @mishanep

    Жыл бұрын

    Чаще всего на инпутах висит атрибут name с уникальным значением, можно использовать его.

  • @tyxa6540

    @tyxa6540

    Жыл бұрын

    @@mishanep к сожалению не вижу атрибута name, я могу скинуть куда-то скриншот инпута с его атрибутами. Сможете помочь , чтобы выбирался именно нужный инпут и туда вводился текст?

  • @mishanep

    @mishanep

    Жыл бұрын

    @@tyxa6540 Если это сайт, над которым вы работаете, то добавить атрибут несложно. Если для веб-скрапинга, то тут я вам не помощник :)

  • @OlgaLazarenko
    @OlgaLazarenko11 ай бұрын

    не запускаеться демо, только Welcome to Cypress! Review the differences between each testing type без рана тестов. И никаких папок не появилось после npm run test:cypress

  • @OlgaLazarenko
    @OlgaLazarenko11 ай бұрын

    а еще реакт надо устанавливать?

  • @mishanep

    @mishanep

    11 ай бұрын

    У вас должно быть приложение, которое вы будете тестировать. В моем случае оно на реакте.

  • @user-fp2vb4mz2b
    @user-fp2vb4mz2b2 жыл бұрын

    Жаль не разобрано. Та еще головомойка

  • @Mykola.Voloshyn
    @Mykola.Voloshyn11 ай бұрын

    не працює test:cypress, тільки npx cypress open

  • @gffftxxx
    @gffftxxx Жыл бұрын

    Ща уже потихонечку на Playwright двигаются все

  • @ReaktorGaming86
    @ReaktorGaming862 жыл бұрын

    Я не понимаю, как cypress определяет, где искать компонент, который мы тестируем? Почему мы пишем cy.visit('/'). Нужно ли использовать @cypress/react? У меня ничего не работает. ReferenceError: React is not defined. И еще, почему при использовании start-server-and-test у меня вместо теста открывается сам проект, как будто я запускаю npm start? И использует порт 3000 вместо 3010, который я указал.

  • @mishanep

    @mishanep

    2 жыл бұрын

    Мы тестируем приложение в целом, а не отдельный компонент, поэтому открываем конкретную страницу. cy.visit("/") открывает главную страницу. Указанная ошибка возможно говорит о том, что у вас 16я версия реакта, у меня в примере 17я, где явно импортировать Реакт не требуется. При старте теста у вас должен запуститься локалхост с приложением (это и будет главной страницей для теста). По-моему я прилагал ссылку на свой проект. Можно для начала скачать его, поиграться. Возможно понимания станет больше.

  • @ReaktorGaming86

    @ReaktorGaming86

    2 жыл бұрын

    @@mishanep У меня React 17-й

  • @ReaktorGaming86

    @ReaktorGaming86

    2 жыл бұрын

    @@mishanep ваш проект при npm i выдает ошибку: Unable to authenticate, your authentication token seems to be invalid.

  • @mishanep

    @mishanep

    2 жыл бұрын

    @@ReaktorGaming86 хм, тогда удалите yarn.lock, а то у меня с корпоративными прокси всё устанавливалось. Без него всё должно установиться.

Келесі