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
240
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
84
Mengukur dan meningkatkan performa website
mazipan
1
190
Testing JavaScript
mazipan
0
130
Membuat Website Zaman Sekarang
mazipan
0
470
Kinerja Web 101 - Edisi 2022
mazipan
1
430
Layout Repaint & The Lessons Learned
mazipan
0
380
Bagaimana implementasi mockup design
mazipan
0
450
Memulai karir sebagai web programmer
mazipan
0
710
Membuat laporan kecepatan web untuk blog
mazipan
0
500
Other Decks in Programming
See All in Programming
Boost Your Web Performance with Hyperdrive
chimame
1
220
フロントエンドオブザーバビリティ on Google Cloud
yunosukey
0
150
Domain-Driven Design (Tutorial)
hschwentner
13
22k
イベントソーシングによってインピーダンスミスマッチから解放された話
tkawae
1
140
requirements with math
moony
0
460
Generative AI for Beginners .NETの紹介
tomokusaba
1
250
生産性アップのためのAI個人活用
kunoyasu
0
440
TCAを用いたAmebaのリアーキテクチャ
dazy
0
260
Denoでフロントエンド開発 2025年春版 / Frontend Development with Deno (Spring 2025)
petamoriken
0
1.1k
AWS Step Functions は CDK で書こう!
konokenj
5
990
Goで作るChrome Extensions / Fukuoka.go #21
n3xem
2
2.1k
신입 안드로이드 개발자의 AI 스타트업 생존기 (+ Native C++ Code를 Android에서 사용해보기)
dygames
0
440
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
22
2.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
590
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
11
580
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Designing Experiences People Love
moore
140
23k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
470
It's Worth the Effort
3n
184
28k
Automating Front-end Workflow
addyosmani
1369
200k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
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