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.5k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
140
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
580
JavaScript × Mathematics go to Digital Art
clown0082
1
350
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
200
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
3
5.9k
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
540
MIMEと文字コードの闇
hirachan
2
1.4k
日経のデータベース事業とElasticsearch
hinatades
PRO
0
230
2/18 Making Security Scale: メルカリが考えるセキュリティ戦略 - Coincheck x LayerX x Mercari
jsonf
0
190
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
340
入門 PEAK Threat Hunting @SECCON
odorusatoshi
0
150
RemoveだらけのPHPUnit 12に備えよう
cocoeyes02
0
280
Raycast Favorites × Script Command で実現するお手軽情報チェック
smasato
1
140
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
45k
技術スタックだけじゃない、業務ドメイン知識のオンボーディングも同じくらいの量が必要な話
niftycorp
PRO
0
100
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
990
Agile that works and the tools we love
rasmusluckow
328
21k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Music & Morning Musume
bryan
46
6.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
370
Bash Introduction
62gerente
611
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