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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
96
とある EM の初めての育休からの学び
clown0082
1
5.6k
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
660
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
RAG を使わないという選択肢
tatsutaka
1
270
OTel × Datadog で 「AI活用」を計測し、改善に繋げる
shihochan
1
400
マルチアカウント環境での コーディングエージェントを使った障害調査が大変なので AIエージェントにReadOnly権限を付与してみた / ReadOnly AI Agents for Multi-Account AWS Incident Response
yamaguchitk333
2
110
日本 Fintech 未来予測レポート 2027〜2028年(手動編集版)
8maki
1
2.5k
【2026年版】 ベクトル検索とEmbedding最前線
mocobeta
15
3.9k
Bucharest Tech Week 2026 - Reinventing testing practices in the AI era
edeandrea
PRO
1
170
サイバーエージェントにおけるAI推進戦略と変革への取り組み
shotatsuge
0
110
アジャイルな経理と Claude Code と経営の未来
kawaguti
PRO
3
160
Chainlitで作るお手軽チャットUI
ynt0485
0
280
Bucharest Tech Week 2026 - Guardians of the Cloud-Native Galaxy
edeandrea
PRO
0
120
When Platform Engineering Meets GenAI
sucitw
0
130
白金鉱業Meetup_Vol.24_「AIエージェントは分けるほど良い」は本当か? / Is it true that “the more you divide AI agents, the better”?
brainpadpr
1
410
Featured
See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
440
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
240
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.6k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.4k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
240
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