Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Автотесты как рецепт здорового сна

Avatar for Aleksei Chernov Aleksei Chernov
March 27, 2019
Programming
31
1

Автотесты как рецепт здорового сна

Avatar for Aleksei Chernov

Aleksei Chernov

March 27, 2019

More Decks by Aleksei Chernov

See All by Aleksei Chernov
End-to-End Testing ExtJS Applications at Scale
Avatar for Aleksei Chernov kotlex
0
61

Other Decks in Programming

See All in Programming
HTML-in-Canvasで作る未来のWeb UI表現
Avatar for IKEDA Yasunobu clockmaker
5
5.1k
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Rails World 2026, Austin, Texas
Avatar for Marco Roth marcoroth
0
220
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
290
Atomic Design, Enforced: Scaling Mobile Design Systems (next.app devCon / droidCon Berlin 2026)
Avatar for Stelios Frantzeskakis steliosf
PRO
0
170
When benchmarks go bad - what I learned from measuring performance wrong
Avatar for Holly Cummins hollycummins
0
220
GemmaをJevのように使ってみる / Use Gemma like Jev
Avatar for Naoki Kishida kishida
5
790
AIに “答え“を書かせるのを やめてみた
Avatar for akari ___akari11
0
120
残高管理から台帳サービスへの進化
Avatar for kobaryo artoy
1
200
UPDATE をやめる — EF Core でマスタをバージョン管理する
Avatar for HideyukiKitao panda728
PRO
0
1.2k
個人開発者よ、Honoを使え（おじさんver）
Avatar for tanahiro2010 tanahiro2010
2
260
なぜCTOを降りてFDEを選んだのか？〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
Avatar for ryuta sakamoto gonta
1
210
現場と育てるRailsモデリング 〜Spreadsheetから始めたモデル設計〜
Avatar for siroemk siroemk
2
590

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.9k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.2k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
440
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
22k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
890
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
460
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.3k

Transcript

  1. Автотесты как рецепт здорового сна Алексей Чернов [email protected]

  2. Обо мне • Веб-разработчик в Veeam

  3. Обо мне • Веб-разработчик в Veeam • Frontend, Автотесты, DevOps

  4. Обо мне • Веб-разработчик в Veeam • Frontend, Автотесты, DevOps

    • Библиотека UI-компонентов

  5. Кто сказал, что во фронтенде много стресса? Мне 32 и

    я чувствую себя отлично! Boris Thaser CC BY 2.0 https://www.flickr.com/photos/boristhaser/28162143699/

  6. О чём доклад?

  7. None
  8. None

  9. Зачем мы пишем тесты?

  10. Избежать регрессии Зачем писать тесты?

  11. Избежать регрессии Зачем писать тесты? 2 Не всё возможно проверить

    вручную

  12. Избежать регрессии Зачем писать тесты? 2 Не всё возможно проверить

    вручную 3 Проверить скрытые части

  13. Избежать регрессии Зачем писать тесты? 2 Не всё возможно проверить

    вручную 3 Проверить скрытые части 4 Скорость разработки

  14. Виды автотестов

  15. $$$ $ Количество тестов

  16. End-to-End тестирование

  17. E2E Testing Пользовательские сценарии Отправка формы

  18. E2E Testing Пользовательские сценарии Оформление заказа Отправка формы

  19. E2E Testing Пользовательские сценарии Оформление заказа Отправка формы Регистрация в

    системе

  20. E2E Testing Пользовательские сценарии Записаться на курс Оформление заказа Отправка

    формы Регистрация в системе

  21. Инструменты

  22. Инструменты

  23. Инструменты

  24. Инструменты

  25. Инструменты

  26. Инструменты

  27. Инструменты

  28. Инструменты

  29. Инструменты

  30. None

  31. Почему TestCafe • npm модуль

  32. Почему TestCafe • npm модуль • Кроссбраузерность

  33. Почему TestCafe • npm модуль • Кроссбраузерность • Активно развивается

  34. Зачем? Я ведь делаю сайты

  35. Что можно протестировать?

  36. Что можно протестировать?

  37. Что можно протестировать?

  38. Что можно протестировать? • Страница открывается

  39. Что можно протестировать? • Страница открывается • Нет JavaScript ошибок

  40. Let's Code!

  41. npm install testcafe

  42. None

  43. Первый тест

  44. Самые полезные 3 строчки

  45. None

  46. Первый тест

  47. None

  48. CSS Селекторы

  49. .calendar__item:not(.calendar__item--hidden) .calendar__event a CSS Селекторы

  50. None

  51. Continuous Integration

  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. None

  59. Итоги

  60. Итоги • Виды тестов

  61. Итоги • Виды тестов • Как включить в проект

  62. Итоги • Виды тестов • Как включить в проект •

    Попробуйте!

  63. Ссылки • https://github.com/kot-lex/testcafe-demo-pitercss • https://devexpress.github.io/testcafe/

  64. Вопросы?