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
0
3.2k
What should We do for front-end testing?
kkeeth
November 30, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
19
とある EM の初めての育休からの学び
clown0082
1
3.7k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
170
Visually experience the beauty of mathematics with p5.js
clown0082
1
3k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.6k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
620
JavaScript × Mathematics go to Digital Art
clown0082
1
390
In-house study group at YUMEMI
clown0082
0
210
Playing Ionic Logo by p5.js
clown0082
0
280
Other Decks in Technology
See All in Technology
60以上のプロダクトを持つ組織における開発者体験向上への取り組み - チームAPIとBackstageで構築する組織の可視化基盤 - / sre next 2025 Efforts to Improve Developer Experience in an Organization with Over 60 Products
vtryo
2
550
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.8k
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
460
SREのためのeBPF活用ステップアップガイド
egmc
1
470
ゼロからはじめる採用広報
yutadayo
3
1k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
54
21k
AIエージェントが書くのなら直接CloudFormationを書かせればいいじゃないですか何故AWS CDKを使う必要があるのさ
watany
12
4.1k
ポストコロナ時代の SaaS におけるコスト削減の意義
izzii
1
140
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
420
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
180
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
1
300
モニタリング統一への道のり - 分散モニタリングツール統合のためのオブザーバビリティプロジェクト
niftycorp
PRO
1
140
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
96
6.1k
Being A Developer After 40
akosma
90
590k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Optimizing for Happiness
mojombo
379
70k
Agile that works and the tools we love
rasmusluckow
329
21k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
310
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Language of Interfaces
destraynor
158
25k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Fireside Chat
paigeccino
37
3.5k
Bash Introduction
62gerente
613
210k
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