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
90
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Тестирование на основе скриншотов
Катя Маршалкина для DrupalCamp Krasnodar 2017
kalabro
December 16, 2017
Other Decks in Technology
See All in Technology
テスト設計の本質を改めて考えてみる~生成AIを活用する時代だからこそ、作ったテストの説明性を高めよう~
yamasaki696
1
280
フルAIで個人開発して学んだあれこれ / yuruai vol.1
isaoshimizu
0
170
「軸足」は 固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形
kakehashi
PRO
1
330
AIをフル活用してオンコール機能のプロトタイプを2日で作った話 / Building an AI-Powered On-Call Prototype in Just Two Days
nari_ex
0
170
5分でわかる Amazon Connect_20260608
hwangbyeonghun
0
170
AWS Summit の片隅で、体育座りしながらコミュニティがにぎわう理由を考えた
k_adachi_01
2
340
Hatena Engineer Seminar 37 jj1uzh
jj1uzh
0
420
cccccc
moznion
0
1.6k
MySQL & MySQL HeatWave Report - June 2026
freshdaz
0
300
技術・能力を向上する原理原則 #きのこセッションa #きのこ2026
bash0c7
0
200
“ID沼入口” - 基本とセキュリティから始める、考え続けるためのID管理技術勉強会 告知&イントロ
ritou
0
380
そこにあるから地図ができる~位置を示す"モノ"を愉しむ~ - Interface 2026年6月号GPS特集オフ会 / interface_202606_GPS_offline
sakaik
1
190
Featured
See All Featured
Bash Introduction
62gerente
615
220k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.3k
エンジニアに許された特別な時間の終わり
watany
107
250k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
62
44k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.9k
SEO for Brand Visibility & Recognition
aleyda
0
4.6k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
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