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
What should We do for front-end testing?
Search
kkeeth
November 30, 2019
Technology
3.2k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
What should We do for front-end testing?
kkeeth
November 30, 2019
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
100
とある EM の初めての育休からの学び
clown0082
1
5.7k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
240
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.3k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.9k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
670
JavaScript × Mathematics go to Digital Art
clown0082
1
460
In-house study group at YUMEMI
clown0082
0
240
Playing Ionic Logo by p5.js
clown0082
0
350
Other Decks in Technology
See All in Technology
AIとハーネスで育てるトランスコンパイラ / 20260722 Yasushi Katayama
shift_evolve
PRO
3
890
AI時代のPlaywright活用(システムテストを自動化する ー 実行エンジンにPla ywrightを選んだ理由)
ynisqa1988
2
1k
発表と総括 / Presentations and Summary
ks91
PRO
0
200
複数プロダクトで進めるAI機能実装 ── 実践から得たリアルな学びとロードマップ実現への挑戦 / AICon2026_yanari
rakus_dev
1
280
AI_Dev_Day_製造業領域でのAI活用から見た活用の罠と成功に導く実践知.pdf
kintotechdev
0
190
Jitera Company Deck
jitera
0
500
AI時代こそ、スケールしないことをしよう -「作る人」から「なぜ作るか」を考える人へ / Do Things That Don't Scale in the AI Era — From How to Why
kaminashi
1
120
AI研修(Day1)【MIXI 26新卒技術研修】
mixi_engineers
PRO
1
130
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
110k
AI Native なプロダクト組織の立ち上げ方 : 生産性 100 倍への挑戦
mikesorae
0
1.4k
探索・可視化・自動化を一本化 Amazon Quickでデータ活用スピードを上げる方法
koheiyoshikawa
0
190
データと地図で読む 大井町の「かわるもの、かわらないもの」
yoshiyama_hana
0
200
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
96
14k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
810
Building AI with AI
inesmontani
PRO
1
1.1k
Accessibility Awareness
sabderemane
1
160
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
Automating Front-end Workflow
addyosmani
1370
210k
Claude Code のすすめ
schroneko
67
230k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
470
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
Transcript
What should We do for front-end testing? kkeeth @kuwahara_jsri @clown0082
Nov 30, 2019 γεςϜςετࣗಈԽΧϯϑΝϨϯε2019
Is there anyone who has never written front-end test code
before?
Why don’t you write test codes?
Bugs… Errors… Degrades…
Sorry, but it's not over ... When will it finish?
So, I recommend writing the test
About me const my_info = { Name: ‘܂ݪਔ’, Workplace: ‘Yumemi
Inc’, Position: ‘Servant Leader’, Community: ‘Riot.js, Ionic, Dist’, PokemonGO: ‘TL40(max)’ }
github.com/riot
What should we do for front-end testing?
css stylings… Pages… State… Labels… UI components… Logics…
For now, let's study front-end test tools.
None
None
select one framework… write, write, write!!
Once again, What should we do for front-end testing?
UI components stylings? UI components attributes or data sets? HTML
integrity after the event? Data integrity after store processing? Originally generated helpers, plugins, etc.? The codes related to business logic Points to be tested
sample test code of UI component
sample test code of UI component
Maybe, there all are corrects. If you could, you should
test these points
But, I found a great standard when I was investigating…
Testing Trophy
quote source: https://testingjavascript.com/
Wait a minute. You only talk to JS tests, right?
REG SUIT quote source: https://reg-viz.github.io/reg-suit/
REG SUIT quote source: https://reg-viz.github.io/reg-suit/
Have a nice test and have a nice developer life!!
Publicity
We are hiring web developer.
There are funny system ‣ Decide our salary by ourself
‣ Unlimited paid leave ‣ All members are CEO
None