Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Тестирование на основе скриншотов
Search
kalabro
December 16, 2017
Technology
0
71
Тестирование на основе скриншотов
Катя Маршалкина для DrupalCamp Krasnodar 2017
kalabro
December 16, 2017
Tweet
Share
Other Decks in Technology
See All in Technology
Storage Browser for Amazon S3
miu_crescent
1
300
2024年にチャレンジしたことを振り返るぞ
mitchan
0
150
型情報を用いたLintでコード品質を向上させる
sansantech
PRO
2
150
AWS re:Invent 2024 ふりかえり勉強会
yhana
0
530
AWS環境におけるランサムウェア攻撃対策の設計
nrinetcom
PRO
0
190
AWS re:Invent 2024 recap
hkoketsu
0
180
LINEスキマニにおけるフロントエンド開発
lycorptech_jp
PRO
0
340
C++26 エラー性動作
faithandbrave
2
830
PHP ユーザのための OpenTelemetry 入門 / phpcon2024-opentelemetry
shin1x1
3
1.5k
怖くない!ゼロから始めるPHPソースコードコンパイル入門
colopl
0
180
Qiita埋め込み用スライド
naoki_0531
0
5.3k
社内イベント管理システムを1週間でAKSからACAに移行した話し
shingo_kawahara
0
200
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Fireside Chat
paigeccino
34
3.1k
Faster Mobile Websites
deanohume
305
30k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
Embracing the Ebb and Flow
colly
84
4.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
180
Documentation Writing (for coders)
carmenintech
67
4.5k
Transcript
Тестирование на основе скриншотов Катя Маршалкина @kalabro
Чем занимаюсь Сайты на Drupal 7 API-first на Drupal 8
и React Тестирование и CI Что интересно Быстрые удобные сайты Интересные задачи Автоматизация скучного
Unit-тесты Тестирование отдельных функций, классов, компонентов на уровне языка программирования:
PHPUnit, Jest, Mocha, etc. function sum(a, b) { return a + b; } test('adds 1 + 2 to equal 3', () => { expect(sum(1, 2)).toBe(3); });
Функциональные/acceptance тесты Тестирование на уровне браузера, выполняя шаги реального пользователя:
Codeception, CodeceptJS, Hermione Scenario('test login form', (I) => { I.amOnPage('/login'); I.fillField('Username', 'john'); I.fillField('Password', '123456'); I.click('Login'); I.see('Welcome, John'); });
Сравнение скриншотов Тестирование на уровне браузера, снимая скриншоты областей страницы
и сравнивая с эталоном: Gemini gemini.suite('header', (suite) => { suite .setUrl('/') .setCaptureElements('header') .capture('default', (actions, find) => { actions.mouseMove('header .cart-btn'); }); });
None
None
None
None
Автоматизация CI — это автоматизация всего, что вы делали вручную
с момента, как вы закончили разработку фичи, до момента показа клиенту.
Автоматизация CI — это автоматизация всего, что вы делали вручную
с момента, как вы закончили разработку фичи, до момента показа клиенту. Circle CI — есть бесплатная версия для приватных репозиториев Travis CI
Организаторы: При поддержке: Благодарю за внимание!
[email protected]
/ @kalabro