Developers Testing - Girl Code at bloomon

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

@GirlCodeNL
/GirlCodeNL

@GirlCodeNL
/GirlCodeNL
We are Girl Code
katja
ineke
@afkatja
@FYIneke

@GirlCodeNL
/GirlCodeNL
Jest
Easy setup
Snapshot testing

@GirlCodeNL
/GirlCodeNL
UI Testing & Libraries @ bloomon by Mariyana Nikolaeva
-- Break --
Unit testing using Mocha by Mar...

1strictly confidential -
• tekst
• tekst
• tekst
Agenda
UI testing
and component libraries
bloomon & girl code 2018

2strictly confidential -
• bloomon - stack and applications
• problem - many variations of the same component across apps
...

3strictly confidential -
stack

4strictly confidential -
applications
customer-
facing
backofficeAPI microservices

5strictly confidential -
Inconsistent UI elements

6strictly confidential -
the button(s)

7strictly confidential -
possible solutions
bloomon UI

8strictly confidential -
storybook

9strictly confidential -

10strictly confidential -
component library

11strictly confidential -
• fork material ui repository
• add bloomon components to as
submodule
• include material-ui as ...

12strictly confidential -

13strictly confidential -
storybook
• quick to include in apps
• no build script required
• easy component preview
• no ce...

14strictly confidential -
• visual vocabulary between designers, UX and developers
• faster designs and implementation
• u...

15strictly confidential -
Learnings

16strictly confidential -
Do not fork big repositories

17strictly confidential -
Small, easy steps
• styles repository
• storybooks for components per app
• storybook repository...

18strictly confidential -
Thank you

Unit testing with
Mocha
npm install mocha -g
Marie Treschow

Tonight’s Agenda
➔ Why testing?
➔ Testing levels
➔ Impact of good testing
➔ Unit Testing
➔ TDD vs BDD
➔ Mocha Framework
➔ ...

Why Unit Testing?
“Adding value, not just bugs”
- Improve software quality
- Find bugs early
- Makes process agile
- Provi...

Different levels of software testing
Regression testing => previously developed software still performs
Acceptance testing...

Business value of testing
★ Reliability
★ Customer satisfaction
★ Profitability
★ Shorter time to market

UNIT TESTING … where it all begins
What it is?
● Lowest level of software testing
● Individual units and components are te...

What’s a good unit test?
1. Fast
2. Small
3. Simple
4. Plentiful
5. Isolated
6. Readable
7. Clean
What not to do...

Simple unit test
Terminal output

Testing your JavaScript
with Mocha, Chai and Sinon

Setting up
Mocha|Chai|Sinon
npm install mocha -g (OR) --save-dev
update your package.json and customize
your scripts in or...

Why Mocha?
★ Well maintained
★ Well documented
★ Optional assertion library
★ Supports TDD & BDD
★ Simplifies async testin...

The power of Mocha
Features & Options:
● Browser support
● Async support, including
promises
● Test coverage reporting
● H...

Simple async module

Asynchronous testing with Mocha
Terminal output

TDD (test driven) vs. BDD (behavior driven)
1. Write the test
2. Run the test and see
it fail
3. Write the code
4. Run the...

TDD style exampleBDD style example

Terminal output

HOOKS
before();
runs before any tests in each describe() block
after();
runs after all tests in each describe() block
befo...

Hooks output example

Chai - should, expect, assert
● Pair with any JavaScript
testing framework
● Several interfaces that
allow you to choose
b...

Assertion Methods
● equal
● strictEqual (===)
● deepEqual
● isNull
● include
● property
assert.deepEqual({ tea: 'green' },...

And some negative ones
● notEqual
● isNotOk
● notDeepEqual
● isNotNull
● notStrictEqual
assert.notEqual(3, 4, 'these numbe...

Sinon - spies, stubs, mocks
Things that makes testing hard:
➢ Databases
➢ Network
➢ File access
Spies/Stubs/Mocks: Test Do...

Different kinds of Test Doubles:
● Spies -> offer information about
function calls without affecting
their behavior
● Stub...

Testing TIPS:
➔ Keep your modules small
➔ Be sure to test success AND error
cases
➔ Test expected AND unexpected data
Than...

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

2024 Trend Updates: What Really Wor... by Search Engine Jou... 1012946 views
Storytelling For The Web: Integrate... by Chiara Aliotta 921259 views
Artificial Intelligence, Data and C... by OECD Directorate ... 824586 views
How to Leverage AI to Boost Employe... by SocialHRCamp 344056 views
2024 State of Marketing Report – by... by Marius Sescu 196216 views
Everything You Need To Know About C... by Expeed Software 219258 views

View on Slideshare

1 of 47 Ad

View on Slideshare

1 of 47 Ad