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
78
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
380
Bagaimana implementasi mockup design
mazipan
0
440
Memulai karir sebagai web programmer
mazipan
0
700
Membuat laporan kecepatan web untuk blog
mazipan
0
500
Other Decks in Programming
See All in Programming
kintone開発を効率化するためにチームで試した施策とその結果を大放出!
oguemon
0
150
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
8
1.3k
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
54
19k
楽しく向き合う例外対応
okutsu
0
660
CDK開発におけるコーディング規約の運用
yamanashi_ren01
2
250
Introduction to kotlinx.rpc
arawn
0
760
CSS Linter による Baseline サポートの仕組み
ryo_manba
1
150
Unity Android XR入門
sakutama_11
0
180
もう僕は OpenAPI を書きたくない
sgash708
5
1.9k
Rails 1.0 のコードで学ぶ find_by* と method_missing の仕組み / Learn how find_by_* and method_missing work in Rails 1.0 code
maimux2x
1
220
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
260
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
120
Featured
See All Featured
Facilitating Awesome Meetings
lara
52
6.2k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
510
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
430
Unsuck your backbone
ammeep
669
57k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Agile that works and the tools we love
rasmusluckow
328
21k
Designing Experiences People Love
moore
140
23k
Being A Developer After 40
akosma
89
590k
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