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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
kalabro
December 16, 2017
Technology
88
0
Share
Тестирование на основе скриншотов
Катя Маршалкина для DrupalCamp Krasnodar 2017
kalabro
December 16, 2017
Other Decks in Technology
See All in Technology
Data Hubグループ 紹介資料
sansan33
PRO
0
2.9k
TanStack Start エコシステムの現在地 / TanStack Start Ecosystem 2026
iktakahiro
1
370
AI前提とはどういうことか
daisuketakeda
0
180
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
380
ふりかえりがなかった職能横断チームにふりかえりを導入してみて学んだこと 〜チームのふりかえりを「みんなで未来を考える場」にするプロローグ設計〜
masahiro1214shimokawa
0
350
建設的な現実逃避のしかた / How to practice constructive escapism
pauli
4
320
2026年、知っておくべき最新 サーバレスTips10選/serverless-10-tips
slsops
7
1.2k
チームで育てるAI自走環境_20260409
fuktig
0
1k
DevOpsDays Tokyo 2026 見えない開発現場を、見える投資に変える
rojoudotcom
3
170
CloudSec JP #005 後締め ~ソフトウェアサプライチェーン攻撃から開発者のシークレットを守る~
lhazy
0
160
NgRx SignalStore: The Power of Extensibility
rainerhahnekamp
0
210
非エンジニア職からZOZOへ 〜登壇がキャリアに与えた影響〜
penpeen
0
340
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Six Lessons from altMBA
skipperchong
29
4.2k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
53k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
97
Context Engineering - Making Every Token Count
addyosmani
9
810
It's Worth the Effort
3n
188
29k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
Exploring anti-patterns in Rails
aemeredith
3
310
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
670
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