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.1k
What should We do for front-end testing?
kkeeth
November 30, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
とある EM の初めての育休からの学び
clown0082
1
1.3k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
130
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.8k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.5k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
570
JavaScript × Mathematics go to Digital Art
clown0082
1
340
In-house study group at YUMEMI
clown0082
0
180
Playing Ionic Logo by p5.js
clown0082
0
240
Skills that employers recommend students to acquire
clown0082
1
280
Other Decks in Technology
See All in Technology
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
150
短縮URLをお手軽に導入しよう
nakasho
0
110
次世代KYC活動報告 / 20250219-BizDay17-KYC-nextgen
oidfj
0
360
ユーザーストーリーマッピングから始めるアジャイルチームと並走するQA / Starting QA with User Story Mapping
katawara
0
260
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
150
Helm , Kustomize に代わる !? 次世代 k8s パッケージマネージャー Glasskube 入門 / glasskube-entry
parupappa2929
0
270
コンテナサプライチェーンセキュリティ
kyohmizu
1
110
「正しく」失敗できる チームの作り方 〜リアルな事例から紐解く失敗を恐れない組織とは〜 / A team that can fail correctly
i35_267
1
510
RSNA2024振り返り
nanachi
0
620
深層学習と古典的画像アルゴリズムを組み合わせた類似画像検索内製化
shutotakahashi
1
260
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
250
室長と気ままに学ぶマイクロソフトのビジネスアプリケーションとビジネスプロセス
ryoheig0405
0
370
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
98
5.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Fireside Chat
paigeccino
34
3.2k
BBQ
matthewcrist
87
9.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
How to Ace a Technical Interview
jacobian
276
23k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
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