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
220
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
Mengukur dan meningkatkan performa website
mazipan
1
160
Testing JavaScript
mazipan
0
110
Membuat Website Zaman Sekarang
mazipan
0
410
Kinerja Web 101 - Edisi 2022
mazipan
1
360
Layout Repaint & The Lessons Learned
mazipan
0
330
Bagaimana implementasi mockup design
mazipan
0
380
Memulai karir sebagai web programmer
mazipan
0
650
Membuat laporan kecepatan web untuk blog
mazipan
0
440
Bongkar Dapur Webnya #PHPID-OL
mazipan
0
430
Other Decks in Programming
See All in Programming
Rubyのobject_id
qnighy
6
1.3k
エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方
bicstone
5
1.5k
rbs-inlineを導入してYARDからRBSに移行する
euglena1215
1
290
いまから追い上げる、Jetpack Compose トレーニング
nyafunta9858
0
590
Ruby Parser progress report 2024
yui_knk
2
230
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
4
90k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
120
開発を加速する共有Swift Package実践
elmetal
PRO
0
420
【TID2024】模擬講義:プログラマと一緒にゲームをデザインしてみよう!
akatsukigames_tech
0
660
How to Break into Reading Open Source
kaspth
2
210
The Shape of a Service Object
inem
0
520
Why Prism?
kddnewton
4
1.7k
Featured
See All Featured
KATA
mclloyd
27
13k
Rails Girls Zürich Keynote
gr2m
93
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
Infographics Made Easy
chrislema
239
18k
How GitHub (no longer) Works
holman
310
140k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
8.9k
GitHub's CSS Performance
jonrohan
1030
450k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
41
6.5k
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Speed Design
sergeychernyshev
22
430
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