$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Тестирование на основе скриншотов
Search
kalabro
December 16, 2017
Technology
0
85
Тестирование на основе скриншотов
Катя Маршалкина для DrupalCamp Krasnodar 2017
kalabro
December 16, 2017
Tweet
Share
Other Decks in Technology
See All in Technology
会社紹介資料 / Sansan Company Profile
sansan33
PRO
11
390k
AI時代の新規LLMプロダクト開発: Findy Insightsを3ヶ月で立ち上げた舞台裏と振り返り
dakuon
0
140
SREには開発組織全体で向き合う
koh_naga
0
350
GitHub Copilotを使いこなす 実例に学ぶAIコーディング活用術
74th
3
3.3k
re:Invent2025 コンテナ系アップデート振り返り(+CloudWatchログのアップデート紹介)
masukawa
0
380
re:Inventで気になったサービスを10分でいけるところまでお話しします
yama3133
1
120
今年のデータ・ML系アップデートと気になるアプデのご紹介
nayuts
1
430
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/09 - 2025/11
oracle4engineer
PRO
0
150
AWS CLIの新しい認証情報設定方法aws loginコマンドの実態
wkm2
6
740
文字列の並び順 / Unicode Collation
tmtms
3
600
コンテキスト情報を活用し個社最適化されたAI Agentを実現する4つのポイント
kworkdev
PRO
0
1.5k
マイクロサービスへの5年間 ぶっちゃけ何をしてどうなったか
joker1007
8
4.4k
Featured
See All Featured
Site-Speed That Sticks
csswizardry
13
1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Unsuck your backbone
ammeep
671
58k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.2k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
Optimising Largest Contentful Paint
csswizardry
37
3.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.5k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
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