Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Unit Testing for Frontend Code at Blibli.com

Speak about Unit Test implementation for frontend code in Blibli.com especially in Vue.js framework

  • Be the first to comment

Unit Testing for Frontend Code at Blibli.com

  1. 1. UNIT TESTING FOR FRONTEND CODE at Blibli.com Irfan Maulana | Front End Developer
  2. 2. 😎 About Me
  3. 3. 🀣 Fans ?
  4. 4. Blibli.com Frontend Code βš” We believe in πŸ’š Green framework (*not πŸ’™ Blue)
  5. 5. 😱
  6. 6. '
  7. 7. Blackbox vs Whitebox Testing
  8. 8. 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
  9. 9. Automate on Git Commit β€’ Developer commit code β€’ Automate run build and test β€’ Run Code Analysis β€’ Quality Passed ? βœ… : β›”
  10. 10. Quality Gate
  11. 11. Karma vs Jest β€’ https://stackshare.io/stackups/jest-vs-karma-runner update in January 26 2018
  12. 12. Let’s take a look the codes… πŸ› 
  13. 13. Vue Component
  14. 14. Unit Testing Vue Component
  15. 15. How (*Blue) Doing Unit Test ?
  16. 16. Vue Unit Test with πŸ”¬ Avoriaz
  17. 17. πŸƒ Jest-in-Vue
  18. 18. 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…
  19. 19. πŸ‘ Do you like my talks ? πŸ™ https://github.com/mazipan 🎀 https://github.com/mazipan/talks 🎁 https://github.com/mazipan/project-catalog
  20. 20. THANK YOU

Γ—