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
260
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
120
Mengukur dan meningkatkan performa website
mazipan
1
220
Testing JavaScript
mazipan
0
150
Membuat Website Zaman Sekarang
mazipan
0
500
Kinerja Web 101 - Edisi 2022
mazipan
1
450
Layout Repaint & The Lessons Learned
mazipan
0
410
Bagaimana implementasi mockup design
mazipan
0
500
Memulai karir sebagai web programmer
mazipan
0
740
Membuat laporan kecepatan web untuk blog
mazipan
0
530
Other Decks in Programming
See All in Programming
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
110
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
2.1k
CloudflareのChat Agent Starter Kitで簡単!AIチャットボット構築
syumai
2
510
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
440
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
640
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
3.4k
AI時代のUIはどこへ行く?
yusukebe
18
9.1k
Design Foundational Data Engineering Observability
sucitw
3
210
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
11
4.4k
速いWebフレームワークを作る
yusukebe
5
1.7k
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
190
詳解!defer panic recover のしくみ / Understanding defer, panic, and recover
convto
0
250
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Git: the NoSQL Database
bkeepers
PRO
431
66k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
KATA
mclloyd
32
14k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Language of Interfaces
destraynor
161
25k
YesSQL, Process and Tooling at Scale
rocio
173
14k
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