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
Unit Testing for Frontend Code at Blibli.com
Search
Irfan Maulana
January 26, 2018
Programming
1
230
Unit Testing for Frontend Code at Blibli.com
Speak about Unit Test implementation for frontend code in Blibli.com especially in Vue.js framework
Irfan Maulana
January 26, 2018
Tweet
Share
More Decks by Irfan Maulana
See All by Irfan Maulana
Panduan untuk mempublikasikan kode ke publik
mazipan
0
68
Mengukur dan meningkatkan performa website
mazipan
1
190
Testing JavaScript
mazipan
0
120
Membuat Website Zaman Sekarang
mazipan
0
460
Kinerja Web 101 - Edisi 2022
mazipan
1
420
Layout Repaint & The Lessons Learned
mazipan
0
370
Bagaimana implementasi mockup design
mazipan
0
440
Memulai karir sebagai web programmer
mazipan
0
700
Membuat laporan kecepatan web untuk blog
mazipan
0
490
Other Decks in Programming
See All in Programming
Unity Android XR入門
sakutama_11
0
140
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
Conform を推す - Advocating for Conform
mizoguchicoji
3
680
CI改善もDatadogとともに
taumu
0
110
WebDriver BiDiとは何なのか
yotahada3
1
140
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
41
15k
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
Immutable ActiveRecord
megane42
0
130
Amazon Bedrock Multi Agentsを試してきた
tm2
1
280
CNCF Project の作者が考えている OSS の運営
utam0k
5
690
AHC041解説
terryu16
0
590
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.3k
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
How GitHub (no longer) Works
holman
313
140k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Making Projects Easy
brettharned
116
6k
KATA
mclloyd
29
14k
The Cult of Friendly URLs
andyhume
78
6.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Facilitating Awesome Meetings
lara
51
6.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Transcript
UNIT TESTING FOR FRONTEND CODE at Blibli.com Irfan Maulana |
Front End Developer
About Me
Fans ?
Blibli.com Frontend Code ⚔ We believe in Green framework (*not
Blue)
None
'
Blackbox vs Whitebox Testing
Blibli.com Frontend Unit Test Tools • karma runner • karma-mocha
• karma-sinon-chai • karma-babel-preprocessor • Karma-coverage • karma-sourcemap-loader • karma-spec-reporter • karma-webpack • karma-phantomjs-launcher
Automate on Git Commit • Developer commit code • Automate
run build and test • Run Code Analysis • Quality Passed ? ✅ : ⛔
Quality Gate
Karma vs Jest • https://stackshare.io/stackups/jest-vs-karma-runner update in January 26 2018
Let’s take a look the codes…
Vue Component
Unit Testing Vue Component
How (*Blue) Doing Unit Test ?
Vue Unit Test with Avoriaz
Jest-in-Vue
Space for Improvement (for Blibli.com) • Move from Karma to
Jest – Simplify tooling • Add Avoriaz / vue-test-utils – UI centric testing • End 2 End Test for Developer – Better quality delivery • Etc…
Do you like my talks ? https://github.com/mazipan https://github.com/mazipan/talks https://github.com/mazipan/project-catalog
THANK YOU