Download as PDF, PPTX
Uploaded byMail.ru Group
BDD для фронтенда. Автоматизация тестирования с Cucumber, Cypress и Jenkins, Александр Яковлев
Документ посвящен автоматизации тестирования фронтенда с использованием BDD подхода, Cucumber, Cypress и Jenkins. Рассматриваются плюсы и минусы Cypress, а также приведены примеры тестов и сценариев, иллюстрирующих его использование. Также обсуждаются методики разработки, циклы тестирования и инструменты CI/CD.
BDD для фронтенда. Автоматизация тестирования с Cucumber, Cypress и Jenkins, Александр Яковлев
- 1. BDD для фронтенда Автоматизациятестирования Cucumber, Cypress и Jenkins Яковлев Александр Frontend-разработчик
- 2.
- 3.
- 4.
- 5. Cypress JavaScript E2E testingframework. https://github.com/cypress-io/cypress https://cypress.io
- 6. Плюсы Cypress Time Travel Realtime reload Отладка в DevTools Ожидание команд Spies и stubs Контроль http запросов
- 7. Минусы Cypress Нет множественныхвкладок Нет мобильных событий Нет поддержки iframe Только Chrome
- 8. Наивный подход describe(‘Filters panel’,() => { it(‘should have filter products by group id’, () => { cy.visit(‘/product’) cy .get(‘.qaGroupId’) .type(‘Smartphones’); cy .find(‘.qaProducts’) .should(‘have.length’, 3); }); });
- 9.
- 10.
- 11. Наивный подход describe(‘Filters panel’,() => { it(‘should have filter products by group id’, () => { cy.visit(‘/product’) cy .get(‘.qaGroupId’) .type(‘Smartphones’); cy .find(‘.qaProducts’) .should(‘have.length’, 3); }); });
- 12. Page Object Page Objects productList .getProductByName(‘IphoneXS’) .delete(); filtersPanel .setFilter(‘color’, ‘red’); Html Wrapper cy .get(‘.qaProductItem’) .contains(‘Iphone XS’) .find(‘.qaDeleteBtn’) .click();
- 13. Улучшенный вариант describe(‘Filters panel’,() => { it(‘should have filter products by group id’, () => { productsPage.visit(); filtersPanel .setFilter(‘Group ID’, ‘smartphones’); productList .should(‘have.length’, 3); }); });
- 14.
- 15. BDD Behavior-driven development -это методология разработки программного обеспечения, являющаяся ответвлением от методологии разработки через тестирование Red Green Refactor
- 16. Плюсы BDD Общий язык Усилениевзаимодействия Быстрый цикл разработки Живая документация
- 17. Cucumber BDD Testing &Collaboration Tool https://cucumber.io
- 18. Описание сценариев #language: ru @merchant Функция:Поиск продуктов Контекст: Допустим я нахожусь на странице со списком продуктов @smoke Сценарий: Сброс поска продуктов по текстовым параметрам Допустим я ищу продукты по "Group ID" "Some group id" Когда я удаляю чипсу "Search results for "Some group id" То на странице отображается список продуктов без примененного поиска по фильтру "search-by"
- 19. Step definitions When('я ищу{word} по фильтру/фильтрам {string} {array}', function when(_, label, value) { value.forEach(individualValue => this.filtersPanel .setFilter(label, individualValue) .then(xhr => cy.wrap(xhr).as('xhr'))); }); Then('на странице отображается список {word} без примененного поиска по фильтру/фильтрам {string}', function then(_, filter) { expect(this.xhr.filters).not.to.have.property(filter); });
- 20.
- 21.
- 22. CI/CD Main build 30 spec files 10files Report 10 files 10 files
- 23.
- 24.