Download as PDF, PPTX
Uploaded byFatkul Amri
PDF, PPTX1,754 views
Test Driven Development (TDD) & Continuous Integration (CI)
The document discusses Test Driven Development (TDD) and Continuous Integration (CI) in frontend software development, highlighting their benefits such as reducing bugs, providing fast feedback, and enabling automated testing. It outlines key tools and frameworks used for unit and end-to-end testing, as well as code coverage techniques. Additionally, it emphasizes the importance of clean coding practices and the advantages of CI in enhancing product confidence and reducing errors.
Related topics:
More Related Content
What's hot
Viewers also liked
Similar to Test Driven Development (TDD) & Continuous Integration (CI)
More from Fatkul Amri
Recently uploaded
Test Driven Development (TDD) & Continuous Integration (CI)
- 1. TDD & CIin FRONTEND disyam.adityana@gmail.com
- 2.
- 3.
- 4.
- 5.
- 6.
- 7. WHY TDD? ● SAFETYNET ● REDUCE BUGS ● FAST FEEDBACK ● VALIDATE YOUR DESIGN ● KEEP FOCUS ON GETTING DONE ● FORCE DEVELOPER TO THINK ABOUT GOALS ● EASY MAINTENANCE ● EASY UPGRADE ● ETC...
- 8. GOOD TEST ● AUTOMATEDAND REPEATABLE ● EASY TO IMPLEMENT ● ANYONE SHOULD ABLE TO RUN IT ● IT SHOULD RUN QUICKLY ● IT’S RESULT SHOULD BE CONSISTENT ● IT SHOULD FULLY ISOLATED ● WHEN TEST FAILS, IT MUST BE EASY TO DETECT WHAT WAS EXPECTED AND HOW TO PINPOINT THE PROBLEM
- 9.
- 10.
- 11. FRONTEND UNIT TESTING ●KARMA - TASK RUNNER ● MOCHA - TESTING FRAMEWORK ● CHAI - ASSERTION LIBRARY
- 12. FRONTEND UNIT TESTINGEXAMPLE
- 13.
- 14. END TO ENDTESTING
- 15. FRONTEND E2E TESTING ●PROTRACTOR - TASK RUNNER ● MOCHA - TESTING FRAMEWORK ● CHAI - ASSERTION LIBRARY
- 16. FRONTEND E2E TESTINGEXAMPLE
- 17. CODE COVERAGE A TECHNIQUETO DETERMINE HOW MUCH CODE IS BEING TESTED
- 18. CODE COVERAGE TOOLS ●ISTANBUL ● BLANKET.JS ● COVERALLS.IO
- 19.
- 20.
- 21.
- 22. WAY TO CLEANCODE ● ANGULAR JOHN PAPA’S STYLE GUIDE ● CODECLIMATE.COM
- 23.
- 24.
- 25. WHY CI? ● IFYOU’RE GOING TO FAIL, THEN FAIL EARLY ● ENABLE CONTINUOUS DELIVERY ● ENABLE AUTOMATED TESTING ● INCREASE CONFIDENCE IN OUR PRODUCT ● PREVENTION AND REDUCTION OF PRODUCTION AND STAGING ERRORS ● REDUCING RISK ● REDUCING OVERHEAD ACROSS THE DEVELOPMENT AND DEPLOYMENT PROCESS
- 26. CI TOOLS ● JENKINS ●TEAMCITY ● TRAVIS-CI.ORG ● CODESHIP.COM
- 27.