This slide goes from an introduction to general software testing down to testing of javascript application, explaining why test, when to test and what to test in an application. Mocha framework was used to explain how testing works in JS. Talk Presented at #forLoopKaduna Meetup on July 1st, 2017

1. Testing JavaScript
Applications
What? Why? How?

2. Hello!
Auwal Muhammad Samu
Software Engineer,@intapps
Community Manager, GDG Lafia
Tweets: @auwalms_
Other Socials: @auwalms
Mails: auwalforall@gmail.com

3. What is a Test?1

4. “
Testing is the process of evaluating a
system or its component(s) with the intent
to find whether it satisfies the specified
requirements or not.

5. “
A process of analyzing a software item to
detect the differences between existing and
required conditions (that is
defects/errors/bugs) and to evaluate the
features of the software item.
- ANSI/IEEE 1059 standard

6. Why write a Test?2

7. Write Test so as to:
◉spend less debugging time and
save cost
◉ship less buggy codes
◉ensure user requirement are met
◉identify errors and gaps

8. What do you Test?3

9. Writing Tests depends on:
◉what the test is expected to
achieve
◉the level and depth of the test
expectation
◉Non-Functional Testing
◉Functional Testing

10. Image Source:
http://testwithbest.blogspot.com.ng/p/
manual-testing.html

11. Image Source: http://www.mamsys.com/quality-
assurance/functional-testing/

12. Functional Testing4

13. Ensure tests are written for:
◉Areas where large users will be
accessing simultaneously such
◉Login/registration form
◉Bill/payment pages
◉Connection to DB
◉Expected response from database
◉Components interaction with each
others

14. Unit Test
The main aim is to isolate each part of a
program and show that the section of
code works correctly.

15. Integration Test
Involves testing of combined parts of a
program to ensure its working based on
user requirement.

16. System Test
Is performed when all components of a
program are integrated and tested to
ensure functionality.

17. Writing Test in JS5

18. JavaScript does not natively supports
testing
It employs the good will of some of its
frameworks and library to achieve this fit
for testing in both Node and browsers

19. Some JS Testing Frameworks
◉Mocha
◉Jasmine
◉Jest
◉Selenium
◉QUnit
◉Tape
◉Protractor

20. Some JS Testing Library
◉Chai
◉Sinon
◉Enzyme
◉Unexpected
◉WebdriverIO
◉ and many others

21. Using Mocha for
Testing
5

22. Why Mocha?
◉ a feature-rich JS testing framework
that runs on node and browser
◉ most used testing framework for
testing
◉ support usage of 3rd party library for
assertion, mocks, spy and others

23. Adding Mocha to
Project
//Mocha can be installed with npm, bower and available on cdnjs
//install globally with npm using
npm install -g mocha
//install as a dev dependency for your project
npm install --save-dev mocha
//installed using bower as
bower install mocha

24. And then structure?

28. <demo-time/>

29. Akwai tambaya ?
You can find me at
◉ @auwalms_
◉ auwalforall@gmail.com
Nagode!