Uploaded byMoscowJS
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, MoscowJs 33
Документ охватывает процесс регрессионного тестирования, его значимость и примеры реализации на проекте. Описываются этапы, включая создание эталонных скриншотов, автоматизацию тестов и трудности, с которыми сталкивается команда. Также рассматриваются плюсы и минусы внедрения регрессионного тестирования на практике.
More Related Content
Similar to Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, MoscowJs 33
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, MoscowJs 33
- 1. Павел Кондратенко twitter: @mrgustarus| iam@kondratenko.me Регрессионное тестирование на MoscowJS, 25 августа, 2016
- 4. 1 500 000+уникальных посетителей ежедневно
- 5.
- 6. Проблема 6 После правок нужнотестировать то, что уже протестировано ранее
- 7.
- 8.
- 9.
- 10. Второй пример 10 До внесенияправок После внесения правок правок
- 11.
- 12. Регрессионное тестирование 12 Вид тестированиянаправленный на проверку того факта, что существующая ранее функциональность работает как и прежде.
- 13. Что используется унас на проекте?
- 14. Тестирование на lenta.ru 14 Unitтестирование компонентов
- 15. Тестирование на lenta.ru 15 Тестированиекомпонентов верстки
- 16. Как это выглядитна нашем проекте?
- 17. Нашли место сошибкой 17 .b-footer__orphus-label .b-footer__orphus-strong Нашли опечатку? <br/ | Orphus: Ctrl+Enter
- 18. Исправили ошибку исделали push 18 .b-footer__orphus-label .b-footer__orphus-strong Нашли опечатку? <br/> | Orphus: Ctrl+Enter
- 19. В slack упалоуведомление 19
- 20. Скриншоты из уведомления 20 Довнесения правок После внесения правок Результат теста
- 21. В slack упалоуведомление 21
- 22. Как это реализованона нашем проекте?
- 24. Список билдов вpipelines
- 25. Схема тестирования верстки Buildfrontend-regression #17661
- 26. Схема тестирования верстки Buildfrontend-regression #17661
- 27. Схема тестирования верстки Productionверсия Build frontend-regression #17661
- 28. Схема тестирования верстки Productionверсия Development версия Build frontend-regression #17661
- 29. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661
- 30. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master
- 31. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s
- 32. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта
- 33. Процесс сборки скриншотовс сайта
- 34. Процесс сборки скриншотовс сайта
- 35. Процесс сборки скриншотовс сайта
- 36. Процесс сборки скриншотовс сайта
- 37. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта
- 38. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта $ git checkout 07e2422ce4e23b --force 4. Получение конкретного коммита
- 39. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта $ git checkout 07e2422ce4e23b --force 4. Получение конкретного коммита 5. Сборка и запуск проекта $ npm run build && rails -s
- 40. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта $ git checkout 07e2422ce4e23b --force 4. Получение конкретного коммита 5. Сборка и запуск проекта $ npm run build && rails -s 6. Сборка скриншотов с сайта
- 41. Схема тестирования верстки Productionверсия Development версия Build frontend-regression #17661
- 42. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта $ git checkout 07e2422ce4e23b --force 4. Получение конкретного коммита 5. Сборка и запуск проекта $ npm run build && rails -s 6. Сборка скриншотов с сайта
- 43. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта $ git checkout 07e2422ce4e23b --force 4. Получение конкретного коммита 5. Сборка и запуск проекта $ npm run build && rails -s 6. Сборка скриншотов с сайта 7. Сравнение скриншотов и поиск отличий
- 44. Сравнение блоков До внесенияправок После внесения правок Результат теста
- 45. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта $ git checkout 07e2422ce4e23b --force 4. Получение конкретного коммита 5. Сборка и запуск проекта $ npm run build && rails -s 6. Сборка скриншотов с сайта 7. Сравнение скриншотов и поиск отличий
- 46. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта $ git checkout 07e2422ce4e23b --force 4. Получение конкретного коммита 5. Сборка и запуск проекта $ npm run build && rails -s 6. Сборка скриншотов с сайта 7. Сравнение скриншотов и поиск отличий 8. Отправка отчета с картинками в slack
- 47. Как выглядит отчетв slack
- 49. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта $ git checkout 07e2422ce4e23b --force 4. Получение конкретного коммита 5. Сборка и запуск проекта $ npm run build && rails -s 6. Сборка скриншотов с сайта 7. Сравнение скриншотов и поиск отличий 8. Отправка отчета с картинками в slack
- 50. Схема тестирования верстки Productionверсия На нашем проекте это ветка master Development версия Ваш последний коммит Build frontend-regression #17661 $ git checkout master --force 1. Получение актуальной версии master 2. Сборка и запуск проекта $ npm run build && rails -s 3. Сборка скриншотов с сайта $ git checkout 07e2422ce4e23b --force 4. Получение конкретного коммита 5. Сборка и запуск проекта $ npm run build && rails -s 6. Сборка скриншотов с сайта 7. Сравнение скриншотов и поиск отличий 8. Отправка отчета с картинками в slack
- 51.
- 52.
- 53. Проблема #1 -BackstopJS из коробки не для команды 53 Как предлагают сделать создатели BackstopJS
- 54. Проблема #1 -BackstopJS из коробки не для команды 54 Как предлагают сделать создатели BackstopJS 1. Вы делаете эталонные скриншоты на своей машине.
- 55. Проблема #1 -BackstopJS из коробки не для команды 55 Как предлагают сделать создатели BackstopJS 2. Делаете commit и отправляете их в репозитарий. 1. Вы делаете эталонные скриншоты на своей машине.
- 56. Проблема #1 -BackstopJS из коробки не для команды 56 Как предлагают сделать создатели BackstopJS Как есть на самом деле 2. Делаете commit и отправляете их в репозитарий. 1. Вы делаете эталонные скриншоты на своей машине.
- 57. Проблема #1 -BackstopJS из коробки не для команды 57 Как предлагают сделать создатели BackstopJS Как есть на самом деле 2. Делаете commit и отправляете их в репозитарий. 1. Вы делаете эталонные скриншоты на своей машине. 3. Другой разработчик сливает себе скриншоты.
- 58. 4. Запускает тестыи они падают, так как у него windows, а у вас unix и сайт рисуется по-разному. Проблема #1 - BackstopJS из коробки не для команды 58 Как предлагают сделать создатели BackstopJS Как есть на самом деле 2. Делаете commit и отправляете их в репозитарий. 1. Вы делаете эталонные скриншоты на своей машине. 3. Другой разработчик сливает себе скриншоты.
- 59. 59 Как предлагают сделатьсоздатели BackstopJS Как есть на самом деле
- 60. Проблема #2 -Автоматизация тестирования 60 Помните этот слайд?
- 61. Проблема #2 -Автоматизация тестирования 61 Помните этот слайд? Вот это все без скрипта - вручную
- 62. Проблема #3 -Удобство для команды 62
- 63. Проблема #3 -Удобство для команды 63 1. Сообщение должно быть сжатым и информативным.
- 64. Проблема #3 -Удобство для команды 64 2. Нужно облако для картинок или доступ к серверу через web. 1. Сообщение должно быть сжатым и информативным.
- 65.
- 66.
- 67. Минусы 67 1. Потратил многовремени - две или три недели.
- 68. Минусы 68 2. Несколько разпереписывал функционал. 1. Потратил много времени - две или три недели.
- 69. Минусы 69 3. Реальная пользатолько на ранее реализованном функционале. 2. Несколько раз переписывал функционал. 1. Потратил много времени - две или три недели.
- 70. Минусы 70 3. Реальная пользатолько на ранее реализованном функционале. 2. Несколько раз переписывал функционал. 1. Потратил много времени - две или три недели. Все минусы - на этапе внедрения.
- 71.
- 72. Плюсы 72 1. Уже выявилинесколько косяков до релиза.
- 73. Плюсы 73 2. Появилась возможностьпроверить за собой без QA. 1. Уже выявили несколько косяков до релиза.
- 74. Плюсы 74 3. Все делаетсяв автоматическом режиме, не нужно следить. 2. Появилась возможность проверить за собой без QA. 1. Уже выявили несколько косяков до релиза.
- 75. Плюсы 75 3. Все делаетсяв автоматическом режиме, не нужно следить. 2. Появилась возможность проверить за собой без QA. 1. Уже выявили несколько косяков до релиза. 4. Повысилось качество работы разработчиков.
- 76. Плюсы 76 3. Все делаетсяв автоматическом режиме, не нужно следить. 2. Появилась возможность проверить за собой без QA. 1. Уже выявили несколько косяков до релиза. 4. Повысилось качество работы разработчиков. Все плюсы - после внедрения.
- 77.
- 78.
- 79. Регрессионное тестирование 79 1. УстановитьBackstopJS и зависимости. +
- 80. Регрессионное тестирование 80 2. Указатьurl страниц.
- 81. Регрессионное тестирование 81 3. Указатьселекторы блоков для тестирования.
- 82.
- 83. T H IS I S T H E E N D
- 84. Материалы из презентациии контакты 84 Контакты, ссылки по теме и сама презентация Адрес для любых вопросов и предложений Профиль linkedin https://ru.linkedin.com/in/kondratenkopa iam@kondratenko.me http://goo.gl/UNeQV2