Содержание
- 2. Модульные тесты. Сравнение DOM
- 3. Визуальные тесты
- 4. Визуальные тесты
- 5. Отличие скриншотов
- 6. Скриншоты отдельных компонентов
- 7. Скриншот области
- 8. Selenium WebDriver В рамках проекта Selenium разрабатываются драйверы для управления различными браузерами Gemini и Hermione Selenium
- 9. https://github.com/gemini-testing/hermione > npm install -g selenium-standalone > selenium-standalone install > npm install -g hermione Установка Selenium
- 10. Конфигурация Hermione //.hermione.config.js module.exports = { sets: { all: { files: './hermione/hermione-tests.js' } }, browsers: {
- 11. Тест Hermione describe('tasks', () => it('should equal to etalon', function() { return this.browser .url('http://my-test-page.ru/') .assertView('tasks', '.tasks')
- 12. Отчет
- 13. оставить получение данных самому приложению, чтобы во время выполнения теста оно выполняло запросы к бэкенду, который,
- 14. Snapshot состояния redux-хранилища
- 15. Storybook
- 16. Storybook
- 17. Добавление story /*global storiesOf*/ import * as React from 'react'; import StoryProvider from './story-provider-dev'; storiesOf('visual-regression', module)
- 18. StoryProvider const StoryProvider = (props: Props) => { const [ snapshotState, setSnapshotState ] = React.useState(null); const
- 19. Explorer в приложении
- 20. Explorer в контексте Storybook
- 21. Тест Hermione + Storybook describe('explorer', () => it('should equal to etalon', function() { return this.browser .url('http://localhost:8089/iframe.html?selectedKind=visual-regression&selectedStory=contract-dev')
- 22. Примеры тестируемых элементов
- 23. Примеры тестируемых элементов
- 24. Примеры тестируемых элементов
- 25. Запуск визуального теста > selenium-standalone start > Selenium started
- 26. Запуск визуального теста > selenium-standalone start > Selenium started > npm run build-storybook > cross-env NODE_ENV=vr-test
- 27. Запуск визуального теста > selenium-standalone start > Selenium started > hermione ✓ explorer should equal to
- 28. Отчет
- 29. Отчет
- 30. Запуск тестов на виртуальном сервере > do vr-test-run [vr-test-update] … > build-storybook … > ./storybook-static copy
- 31. Включение тестов в Pull Request
- 32. Неудачный тест в Pull Request
- 33. Дополнительные настройки Hermione //.hermione.config.js module.exports = { browsers: { 'chrome-1920x1080': { gridUrl: 'http://localhost:4444/wd/hub', retry: 2, screenshotDelay:
- 35. Скачать презентацию