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
TokyoR116_BeginnersSession1_環境構築
kotatyamtema
0
110
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
770
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
GAEログのコスト削減
mot_techtalk
0
110
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
WebDriver BiDiとは何なのか
yotahada3
1
140
Writing documentation can be fun with plugin system
okuramasafumi
0
120
SpringBoot3.4の構造化ログ #kanjava
irof
2
970
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
昭和の職場からアジャイルの世界へ
kumagoro95
1
350
Featured
See All Featured
For a Future-Friendly Web
brad_frost
176
9.5k
Code Reviewing Like a Champion
maltzj
521
39k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Music & Morning Musume
bryan
46
6.3k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
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