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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
kalabro
December 16, 2017
Technology
89
0
Share
Тестирование на основе скриншотов
Катя Маршалкина для DrupalCamp Krasnodar 2017
kalabro
December 16, 2017
Other Decks in Technology
See All in Technology
老舗OCIクラウドインテグレーターが語る-現場で培ったクラウドリフトのリアルと成功のカギ
shinpy
0
120
TSKaigi 2026 - 型プラグインシステムの実装に使われるテクニック
teamlab
PRO
2
340
【禁断】Obsidianの第二の脳に「知の巨人」と呼ばれた師匠の脳をロードしてみた
nagatsu
0
6.3k
Kaggle未経験社員をメダリストに育てる「AIドラゴン桜」
lycorptech_jp
PRO
0
530
実践 TanStack Start ― 新規プロダクトを開発して確立した、サーバーとクライアント境界の設計パターン / Practical TanStack Start Server-Client Boundary Patterns
kaminashi
2
300
TypeScript で Platform SDK を作る技術
toiroakr
1
260
LLM時代のリファクタリング戦略_AIエージェントによる段階的・安全なTS移行方法
play_inc
0
180
GitHub Copilot のこれまでとこれから: From Copilot to Collaborative Agents
yuriemori
1
160
AIのために、AIを使った、Effect-TSからの脱却 〜テストを活用した安全なリファクタリングの進め方〜
bitkey
PRO
1
550
20260528_生成AIを専属DSに_Howの次にすべきことを考える
doradora09
PRO
0
190
情シスがMCP環境導入時に打ちのめされる認可の崖
oidfj
0
440
Claude Codeですべての日常業務を爆速化しよう!
minorun365
PRO
14
11k
Featured
See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
400
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
540
Statistics for Hackers
jakevdp
799
230k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
450
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
120
Game over? The fight for quality and originality in the time of robots
wayneb77
1
170
Deep Space Network (abreviated)
tonyrice
0
150
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
200
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Heart Work Chapter 1 - Part 1
lfama
PRO
7
36k
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