SlideShare a Scribd company logo
1 of 58
Download to read offline
express + mocha 
UNIT TESTING EXPRESS 
MIDDLEWARE 
By Morris Singer 
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
ABOUT ME 
• Senior Software Engineer 
Cengage Learning 
• Expertise: 
• Sencha Touch 
• Angular.js and Node.js 
• Cordova / PhoneGap 
• Ruby on Rails
AGENDA 
• Define Express Middleware and why it isn’t just 
a fancy term for controllers or endpoints. 
• Review behavior-driven development principles 
for unit testing. 
• Argue why Express Middleware are behavioral 
units. 
• Summarize common challenges testing behavior 
in Express. 
• Review Promises with the Q.js library. 
• Learn and implement a pattern for Promise-based 
Express Middleware. 
• Build tests for common scenarios using Mocha, 
Chai, Chai as Promised, and Mockgoose. 
• Answer questions. (10 minutes)
EXPRESS 
MIDDLEWARE 
Building Your Product, One Layer at a Time
A SIMPLE CASE 
One Middleware Per Endpoint 
app.get('hello.txt', function (req, res, next) { 
res.send(200, 'Hello World!'); 
}); 
“Why is it called ‘Middleware’ anyway?”
MORE COMPLEX CASES 
Two Ways of Stacking Middleware 
app.get('hello.txt', 
function (req, res, next) { 
req.message = 'Hello World!'; 
next(); 
}, 
function (req, res, next) { 
res.send(200, req.message); 
} 
); 
app.get('hello.txt', 
function (req, res, next) { 
req.message = 'Hello World!'; 
next(); 
}); 
! 
app.get('hello.txt', 
function (req, res, next) { 
res.send(200, req.message); 
});
THE MIDDLEWARE STACK 
app.get('hello.txt', 
function (req, res, next) { 
req.message = 'Hello World!'; 
next(); 
}, 
function (req, res, next) { 
res.send(200, req.message); 
} 
); 
GET 
generateMessage 
sendMessage 
res.send
TEST BEHAVIOR
MIDDLEWARE 
IS BEHAVIOR 
Middleware: 
• Define reusable components. 
• Create, modify, and store public 
variables. 
• Send responses to clients. 
• Comprise node packages.
COMMON CHALLENGES 
Or, Why Back End Node Developers Often Avoid TDD
HTTP RESPONSE TESTS 
it('should return a 500 error', function (done){ 
request({ 
method: 'POST', 
url: 'http://localhost:3000/api/endpoint' 
}, function (error, response, body){ 
expect(response.statusCode).to.equal(500); 
done(); 
}); 
}); 
What happens when we add a middleware to the stack?
TESTING MID-STACK 
app.get('hello.txt', 
function (req, res, next) { 
req.message = 'Hello World!'; 
next(); 
}); 
! 
app.get('hello.txt', 
function (req, res, next) { 
res.send(200, req.message); 
}); 
How do we pull out these anonymous functions?
ILLUMINATING TEST FAILURES 
var httpMocks = require('node-mocks-http'); 
! 
it('should call next()', function (done){ 
var req = httpMocks.createRequest(), 
res = httpMocks.createResponse(); 
! 
middleware(req, res, function () { 
done(); 
}); 
}); 
What happens if next() is not called?
KNOWING WHEN TO TEST 
var httpMocks = require('node-mocks-http'); 
! 
it('should call next()', function (done){ 
var req = httpMocks.createRequest(), 
res = httpMocks.createResponse(); 
! 
middleware(req, res); 
! 
expect(req.foo).to.equal('bar'); 
}); 
When is the assertion run?
TESTING WITH DATA 
app.get('path/to/post', function (req, res, next) { 
Post.findOne(params).exec(function (err, post){ 
res.json(200, post); 
}); 
}); 
Where do data come from?
DEALING WITH POLLUTION 
it('should update the first post', function (){ 
/* ... */ 
}); 
! 
it('should get the first post', function (){ 
/* ... */ 
}); 
How does one reset the data?
MOCKING DEPENDENCIES 
app.get('endpoint', function (req, res, next) { 
request({ 
method: 'GET', 
url: 'http://example.com/api/call' 
}, function (error, response, body) { 
req.externalData = body; 
next(); 
}); 
}); 
How does one cut out the external data source?
WRITING ROBUST TESTS 
app.get('hello.txt', 
function (req, res, next) { 
req.message = 'Hello World!'; 
next(); 
}); 
! 
app.get('hello.txt', 
function (req, res, next) { 
res.send(200, req.message); 
}); 
What if someone adds a middleware?
PROMISES 
Links in a Chain of Async Operations
PYRAMID OF DOOM 
queryDatabase(params, function (result) { 
makeRequestOfThirdPartyService(result, function (result) { 
writeFile(result, function (handle) { 
sendFileOverHttp(handle, function (result) { 
}, 
function (err) { 
// Handle Error 
}); 
}, 
function (err) { 
// Handle Error 
}); 
}, 
function (err) { 
// Handle Error 
}); 
});
PROMISES TO THE RESCUE 
queryDatabase() 
.then(makeRequestOfThirdPartyService) 
.then(updateDatabase) 
.then(writeFile) 
.then(sendFileOverHttp) 
.catch(function (err) { 
// Handle Errors 
}).done();
WHAT IS A PROMISE 
A promise is: 
• a delegate 
• for an asynchronous action 
• that: 
• collects references to callbacks 
• maintains state, and 
• provides a mechanism for chaining.
THEN, CATCH, FINALLY, DONE 
myPromise() 
.then(function (result) { 
! 
}) 
.catch(function (err) { 
! 
}) 
.finally(function () { 
! 
}) 
.done(); 
Data sent, received, 
read, written, etc. 
Problems 
No matter what
THE FLIP SIDE 
var Q = require('q'); 
! 
function myPromise() { 
var deferred = Q.defer(); 
! 
if (conditionX) { 
! 
deferred.resolve('Result'); 
! 
} else { 
! 
deferred.reject(new Error()); 
! 
} 
! 
return deferred.promise; 
} 
Triggers then(). 
Passes ‘Result’ 
Triggers catch(). 
Passes new Error()
PUTTING IT ALL TOGETHER 
var Q = require('q'); 
! 
function myPromise() { 
var deferred = Q.defer(); 
! 
if (conditionX) { 
! 
! 
} else { 
! 
! 
} 
! 
return deferred.promise; 
} 
myPromise() ! 
.then(function (result) { 
! 
}) ! 
.catch(function (err) { 
! 
}) ! 
.finally(function () { 
! 
}) ! 
.done(); 
deferred.resolve(‘Result’); 
deferred.reject(new Error());
THE LIFE OF A PROMISE 
Pending 
Fulfilled 
then() 
finally() 
Rejected 
catch() 
finally()
THE PROMISE CHAIN 
Start a new promise chain Continue the chain End the chain 
.then() 
.catch() 
.finally() 
Q.defer().promise 
Q.when() 
Q.promise() 
Q.fcall() 
.done() 
Return a promise
IN PRACTICE 
Promise B Promise D Promise F 
Q.promise() 
.then().then().then().catch().finally().done() 
Promise A Promise C Promise E
DO NOT BREAK 
YOUR CHAINS 
Otherwise, your user may be left hanging…
NOT BREAKING CHAINS 
var Q = require('q'); 
! 
Q.when(function () {}) 
.then(function (result) { 
var deferred = Q.defer(); 
! 
/* Do async and call deferred.resolve() 
and deferred.reject(). */ 
! 
return deferred.promise; 
}) 
.then(function (result) { 
var deferred = Q.defer(); 
! 
/* Do async and call deferred.resolve() 
and deferred.reject(). */ 
! 
return deferred.promise; 
}) 
.catch(function (err) { 
! 
}) 
.done(); 
Resolving here 
calls the referenced function, passing the result as an argument. 
Rejections of either promise result in the referenced function called with err 
and uncaught rejections are thrown as errors here.
Always return a promise or call done(). Period.
EXPRESS + Q 
The “Eureka” Moment
OVERVIEW 
• Pull middleware into endpoints and tests. 
• Mock req and res. 
• Use promises as link between middleware and endpoints. 
• Return client-server interaction to endpoint. 
• Use promises with Mocha.
PULL MIDDLEWARE INTO 
ENDPOINTS, TESTS 
Endpoint 
Middleware Middleware 
Test 
Endpoint 
Middleware Middleware 
Test Test 
! 
! 
Old Paradigm 
" 
! 
New Paradigm
PULL MIDDLEWARE INTO 
ENDPOINTS, TESTS 
app.get('example/uri', function (req, res, next) { 
/* Middleware implementation */ 
}, function (req, res, next) { 
/* Middleware implementation */ 
}); 
var middleware = { 
first: function (req, res, next) {}, 
second: function (req, res, next) {} 
}; 
app.get('example/uri', 
middleware.first, 
middleware.second); 
! 
! 
Old Paradigm 
" 
! 
New Paradigm
MOCK REQ, RES 
• We need a way to call our 
middleware functions 
directly. 
• Our middleware functions 
expect req and res to be 
passed as arguments. 
• So, we mock req and res. 
module npm 
node-mocks-http https://www.npmjs.org/ 
package/node-mocks-http 
express-mocks-http https://www.npmjs.org/ 
package/express-mocks-http
MOCK REQ, RES 
it ('should do something', function (done) { 
var requestParams = { uri: 'http://path.to/endpoint', 
method: 'POST' }; 
! 
request(requestParams, function (error, response, body) { 
expect(response.body).to.equal( /* Expected Data */ ); 
done(); 
}); 
}); 
it ('resolves under condition X with result Y', function () { 
! 
var req = httpMocks.createRequest(), 
res = httpMocks.createResponse(); 
! 
/* Call middleware(req, res) and assert. */ 
! 
}); 
! 
! 
Old Paradigm 
" 
! 
New Paradigm
USE PROMISES AS LINK BETWEEN 
MIDDLEWARE AND ENDPOINTS 
• Clean, standardized 
interface between 
asynchronous middleware 
and endpoints. 
• Both endpoints and tests 
can leverage the same 
mechanism in the 
middleware for serializing 
logic. 
then
USE PROMISES AS LINK BETWEEN 
MIDDLEWARE AND ENDPOINTS 
module.exports = function (req, res, next) { 
! 
/* Define middleware behavior and 
call res.json(), next(), etc. */ 
}; 
var Q = require('q'); 
module.exports = function (req, res) { 
var deferred = Q.defer(); 
/* Define middleware behavior and 
resolve or reject promise. */ 
return deferred.promise; 
}; 
! 
! 
Old Paradigm 
" 
! 
New Paradigm
RETURN CLIENT-SERVER 
INTERACTION TO ENDPOINT 
Endpoint 
Req 
Res 
Middleware 
Req 
Res 
Client 
Endpoint 
Req 
Res 
Middleware 
Req 
Res 
Client 
! 
! 
Old Paradigm 
" 
! 
New Paradigm
RETURN CLIENT-SERVER 
INTERACTION TO ENDPOINT 
var middleware = { 
first: function (req, res, next) {}, 
second: function (req, res, next) {} 
}; 
app.get('example/uri', 
middleware.first, 
middleware.second); 
var middleware = require('./middleware.js'); 
app.get('example/uri', function (req, res, next) { 
middleware.first(req, res) 
.then(function () { next(); }) 
.catch(res.json) 
.done(); 
}, middleware.second(req, res) 
.then(function () { next(); }) 
.catch(res.json) 
.done(); 
}); 
! 
! 
Old Paradigm 
" 
! 
New Paradigm
USING PROMISES WITH 
MOCHA (CHAI-AS-PROMISED) 
We need: 
• A test framework syntax that 
facilitates easy async testing. 
mocha 
(Supported natively in Mocha 
since 1.18.0) 
• An assertion syntax that we are 
familiar with. (Chai) 
• A set of assertions that facilitate 
easily writing tests of promises. 
(Chai-As-Promised) then
USING PROMISES WITH 
MOCHA (CHAI-AS-PROMISED) 
describe('middleware', function () { 
it ('resolves under condition X with result Y', function () { 
! 
var req = httpMocks.createRequest(), 
res = httpMocks.createResponse(); 
! 
middleware(req, res).then(function (done) { 
/* Assert here. */ 
}).finally(done).done(); 
! 
}); 
! 
! 
Old Paradigm 
" 
! 
New Paradigm 
describe('middleware', function () { 
it ('resolves under condition X with result Y', function () { 
! 
var req = httpMocks.createRequest(), 
res = httpMocks.createResponse(); 
! 
return expect(middleware(req, res)).to.eventually.equal('value'); 
! 
});
THE NEW PARADIGM 
Looking at the Whole Picture
ENDPOINTS 
Pull Middleware 
into Endpoint 
Return Client-Server 
Interaction to Endpoints 
var middleware = require('./middleware.js'); 
app.get('example/uri', function (req, res, next) { 
middleware(req, res) 
.then(function () { next(); }) 
.catch(res.json) 
.done(); 
});
MIDDLEWARE 
Use Promise as Link 
Between Middleware and 
Endpoints 
var Q = require('q'); 
module.exports = function (req, res) { 
var deferred = Q.defer(); 
/* Define middleware behavior and 
resolve or reject promise. */ 
return deferred.promise; 
};
Pull Middleware Into Tests 
TEST 
Use Promises with Mocha 
var httpMocks = require('node-mocks-http'), 
chai = require('chai'), 
chaiAsPromised = require('chai-as-promised'); 
chai.use(chaiAsPromised); 
Mock Req, Res 
var middleware = require('path/to/middleware'); 
var req, res; 
beforeEach(function (done) { 
req = httpMocks.createRequest(), 
res = httpMocks.createResponse(); 
}); 
describe('middleware', function () { 
it ('resolves under condition X with result Y', function () { 
return expect(middleware(req, res)).to.be.fulfilled.then(function () { 
/* Assert */ 
}); 
}); 
it ('rejects under condition X with error Y', function () { 
return expect(middleware(req, res)).to.be.rejectedWith('Error String'); 
}); 
});
TESTING WITH DATA 
Mocking Mongoose and Using Fixtures to Build a Robust 
and Effective Test Suite
THE PROBLEM WITH DATA 
We need a solution where: 
• Testing does not depend on the environment, 
• Data travel with the repo, 
• The database can easily be reset to an initial data 
set.
(MONGODB + MONGOOSE)* 
* Solutions are available for other setups. You can also roll your own, 
without too much heartache.
THE HIGH LEVEL 
• Mock MongoDB with in-memory database that can be 
reset between tests and thrown away after tests run. 
(Mockgoose) 
• Write test data as code that can move with the repo. 
(Fixtures) 
• Build test harness that loads fixtures into mock 
database before tests run.
MOCKING MONGOOSE 
var mongoose = require('mongoose'); 
var mockgoose = require('mockgoose'); 
mockgoose(mongoose);
CODING DATA IN FIXTURES 
module.exports.User = [ 
{ name: 'Maeby' }, 
{ name: 'George Michael' } 
];
LOADING FIXTURES 
var loader = require('pow-mongoose-fixtures'); 
! 
var users = require('users.js'); /* User fixtures */ 
! 
beforeEach(function (done) { 
loader.load(users); 
done(); 
}); 
! 
/* Build Tests Here */
TDD EXERCISES 
Use TDD in Pairs to Complete the 
Accompanying TDD / Express Exercises
QUESTIONS
IMPROVEMENTS? 
• There are still some shortcomings in this approach, 
though it is better than other approaches I have seen. 
• Particularly, there are still some failure modes that will 
just timeout. 
• If you can improve on this pattern, PLEASE let me 
know!
GET IN TOUCH 
# @morrissinger 
$ linkedin.com/in/morrissinger 
% morrissinger.com 
& github.com/morrissinger

More Related Content

What's hot

HATEOAS: The Confusing Bit from REST
HATEOAS: The Confusing Bit from RESTHATEOAS: The Confusing Bit from REST
HATEOAS: The Confusing Bit from REST
elliando dias
 

What's hot (20)

Active Object Design Pattern
Active Object Design PatternActive Object Design Pattern
Active Object Design Pattern
 
HATEOAS: The Confusing Bit from REST
HATEOAS: The Confusing Bit from RESTHATEOAS: The Confusing Bit from REST
HATEOAS: The Confusing Bit from REST
 
Node.js Express
Node.js  ExpressNode.js  Express
Node.js Express
 
Introduction to Apache Synapse
Introduction to Apache SynapseIntroduction to Apache Synapse
Introduction to Apache Synapse
 
An Introduction of Node Package Manager (NPM)
An Introduction of Node Package Manager (NPM)An Introduction of Node Package Manager (NPM)
An Introduction of Node Package Manager (NPM)
 
Build RESTful API Using Express JS
Build RESTful API Using Express JSBuild RESTful API Using Express JS
Build RESTful API Using Express JS
 
Best practices for RESTful web service design
Best practices for RESTful web service designBest practices for RESTful web service design
Best practices for RESTful web service design
 
Nginx
NginxNginx
Nginx
 
使用 Controller
使用 Controller使用 Controller
使用 Controller
 
gRPC on .NET Core - NDC Sydney 2019
gRPC on .NET Core - NDC Sydney 2019gRPC on .NET Core - NDC Sydney 2019
gRPC on .NET Core - NDC Sydney 2019
 
Framework web 3 - JSF + Spring boot
Framework web 3 - JSF + Spring bootFramework web 3 - JSF + Spring boot
Framework web 3 - JSF + Spring boot
 
REST API Authentication Methods.pdf
REST API Authentication Methods.pdfREST API Authentication Methods.pdf
REST API Authentication Methods.pdf
 
NGINX: HTTP/2 Server Push and gRPC
NGINX: HTTP/2 Server Push and gRPCNGINX: HTTP/2 Server Push and gRPC
NGINX: HTTP/2 Server Push and gRPC
 
Introduction Node.js
Introduction Node.jsIntroduction Node.js
Introduction Node.js
 
Why Laravel?
Why Laravel?Why Laravel?
Why Laravel?
 
Modernizing Web Apps with .NET 6.pptx
Modernizing Web Apps with .NET 6.pptxModernizing Web Apps with .NET 6.pptx
Modernizing Web Apps with .NET 6.pptx
 
Forms Suck
Forms SuckForms Suck
Forms Suck
 
Webinar: PHP and MySQL - Server-side Scripting Language for Web Development
Webinar: PHP and MySQL - Server-side Scripting Language for Web Development  Webinar: PHP and MySQL - Server-side Scripting Language for Web Development
Webinar: PHP and MySQL - Server-side Scripting Language for Web Development
 
Ember - introduction
Ember - introductionEmber - introduction
Ember - introduction
 
Introduction to SignalR
Introduction to SignalRIntroduction to SignalR
Introduction to SignalR
 

Viewers also liked

Cracking the Coding Interview code chix - oct 2012
Cracking the Coding Interview   code chix - oct 2012Cracking the Coding Interview   code chix - oct 2012
Cracking the Coding Interview code chix - oct 2012
careercup
 

Viewers also liked (6)

Unit Testing Express and Koa Middleware in ES2015
Unit Testing Express and Koa Middleware in ES2015Unit Testing Express and Koa Middleware in ES2015
Unit Testing Express and Koa Middleware in ES2015
 
Cracking the Coding Interview code chix - oct 2012
Cracking the Coding Interview   code chix - oct 2012Cracking the Coding Interview   code chix - oct 2012
Cracking the Coding Interview code chix - oct 2012
 
An introduction to Node.js
An introduction to Node.jsAn introduction to Node.js
An introduction to Node.js
 
Dependency Inversion in large-scale TypeScript applications with InversifyJS
Dependency Inversion in large-scale TypeScript applications with InversifyJSDependency Inversion in large-scale TypeScript applications with InversifyJS
Dependency Inversion in large-scale TypeScript applications with InversifyJS
 
Full Stack Unit Testing
Full Stack Unit TestingFull Stack Unit Testing
Full Stack Unit Testing
 
Apache storm vs. Spark Streaming
Apache storm vs. Spark StreamingApache storm vs. Spark Streaming
Apache storm vs. Spark Streaming
 

Similar to Unit Testing Express Middleware

Intro To JavaScript Unit Testing - Ran Mizrahi
Intro To JavaScript Unit Testing - Ran MizrahiIntro To JavaScript Unit Testing - Ran Mizrahi
Intro To JavaScript Unit Testing - Ran Mizrahi
Ran Mizrahi
 
Writing robust Node.js applications
Writing robust Node.js applicationsWriting robust Node.js applications
Writing robust Node.js applications
Tom Croucher
 
How and why i roll my own node.js framework
How and why i roll my own node.js frameworkHow and why i roll my own node.js framework
How and why i roll my own node.js framework
Ben Lin
 

Similar to Unit Testing Express Middleware (20)

Intro To JavaScript Unit Testing - Ran Mizrahi
Intro To JavaScript Unit Testing - Ran MizrahiIntro To JavaScript Unit Testing - Ran Mizrahi
Intro To JavaScript Unit Testing - Ran Mizrahi
 
Writing robust Node.js applications
Writing robust Node.js applicationsWriting robust Node.js applications
Writing robust Node.js applications
 
Future Decoded - Node.js per sviluppatori .NET
Future Decoded - Node.js per sviluppatori .NETFuture Decoded - Node.js per sviluppatori .NET
Future Decoded - Node.js per sviluppatori .NET
 
RESTful API In Node Js using Express
RESTful API In Node Js using Express RESTful API In Node Js using Express
RESTful API In Node Js using Express
 
Good karma: UX Patterns and Unit Testing in Angular with Karma
Good karma: UX Patterns and Unit Testing in Angular with KarmaGood karma: UX Patterns and Unit Testing in Angular with Karma
Good karma: UX Patterns and Unit Testing in Angular with Karma
 
JS everywhere 2011
JS everywhere 2011JS everywhere 2011
JS everywhere 2011
 
How and why i roll my own node.js framework
How and why i roll my own node.js frameworkHow and why i roll my own node.js framework
How and why i roll my own node.js framework
 
Intro to ReactJS
Intro to ReactJSIntro to ReactJS
Intro to ReactJS
 
Real World Lessons on the Pain Points of Node.JS Application
Real World Lessons on the Pain Points of Node.JS ApplicationReal World Lessons on the Pain Points of Node.JS Application
Real World Lessons on the Pain Points of Node.JS Application
 
Intro to Asynchronous Javascript
Intro to Asynchronous JavascriptIntro to Asynchronous Javascript
Intro to Asynchronous Javascript
 
Automated acceptance test
Automated acceptance testAutomated acceptance test
Automated acceptance test
 
Tdd iPhone For Dummies
Tdd iPhone For DummiesTdd iPhone For Dummies
Tdd iPhone For Dummies
 
Bonnes pratiques de développement avec Node js
Bonnes pratiques de développement avec Node jsBonnes pratiques de développement avec Node js
Bonnes pratiques de développement avec Node js
 
How to perform debounce in react
How to perform debounce in reactHow to perform debounce in react
How to perform debounce in react
 
Server side JavaScript: going all the way
Server side JavaScript: going all the wayServer side JavaScript: going all the way
Server side JavaScript: going all the way
 
EWD 3 Training Course Part 38: Building a React.js application with QEWD, Part 2
EWD 3 Training Course Part 38: Building a React.js application with QEWD, Part 2EWD 3 Training Course Part 38: Building a React.js application with QEWD, Part 2
EWD 3 Training Course Part 38: Building a React.js application with QEWD, Part 2
 
Building Web Apps with Express
Building Web Apps with ExpressBuilding Web Apps with Express
Building Web Apps with Express
 
Intro to Sail.js
Intro to Sail.jsIntro to Sail.js
Intro to Sail.js
 
Nodejs first class
Nodejs first classNodejs first class
Nodejs first class
 
MongoDB World 2019: Life In Stitch-es
MongoDB World 2019: Life In Stitch-esMongoDB World 2019: Life In Stitch-es
MongoDB World 2019: Life In Stitch-es
 

Recently uploaded

+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
Health
 

Recently uploaded (20)

%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
 
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdfMicrosoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
 
Optimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTVOptimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTV
 
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
 
Define the academic and professional writing..pdf
Define the academic and professional writing..pdfDefine the academic and professional writing..pdf
Define the academic and professional writing..pdf
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected WorkerHow To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
 
Chinsurah Escorts ☎️8617697112 Starting From 5K to 15K High Profile Escorts ...
Chinsurah Escorts ☎️8617697112  Starting From 5K to 15K High Profile Escorts ...Chinsurah Escorts ☎️8617697112  Starting From 5K to 15K High Profile Escorts ...
Chinsurah Escorts ☎️8617697112 Starting From 5K to 15K High Profile Escorts ...
 
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
 
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdfPayment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
 
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdfAzure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
 
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension AidDirect Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
 
BUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptxBUS PASS MANGEMENT SYSTEM USING PHP.pptx
BUS PASS MANGEMENT SYSTEM USING PHP.pptx
 
A Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docxA Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docx
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.com
 
%in ivory park+277-882-255-28 abortion pills for sale in ivory park
%in ivory park+277-882-255-28 abortion pills for sale in ivory park %in ivory park+277-882-255-28 abortion pills for sale in ivory park
%in ivory park+277-882-255-28 abortion pills for sale in ivory park
 

Unit Testing Express Middleware

  • 1. express + mocha UNIT TESTING EXPRESS MIDDLEWARE By Morris Singer This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
  • 2. ABOUT ME • Senior Software Engineer Cengage Learning • Expertise: • Sencha Touch • Angular.js and Node.js • Cordova / PhoneGap • Ruby on Rails
  • 3. AGENDA • Define Express Middleware and why it isn’t just a fancy term for controllers or endpoints. • Review behavior-driven development principles for unit testing. • Argue why Express Middleware are behavioral units. • Summarize common challenges testing behavior in Express. • Review Promises with the Q.js library. • Learn and implement a pattern for Promise-based Express Middleware. • Build tests for common scenarios using Mocha, Chai, Chai as Promised, and Mockgoose. • Answer questions. (10 minutes)
  • 4. EXPRESS MIDDLEWARE Building Your Product, One Layer at a Time
  • 5. A SIMPLE CASE One Middleware Per Endpoint app.get('hello.txt', function (req, res, next) { res.send(200, 'Hello World!'); }); “Why is it called ‘Middleware’ anyway?”
  • 6. MORE COMPLEX CASES Two Ways of Stacking Middleware app.get('hello.txt', function (req, res, next) { req.message = 'Hello World!'; next(); }, function (req, res, next) { res.send(200, req.message); } ); app.get('hello.txt', function (req, res, next) { req.message = 'Hello World!'; next(); }); ! app.get('hello.txt', function (req, res, next) { res.send(200, req.message); });
  • 7. THE MIDDLEWARE STACK app.get('hello.txt', function (req, res, next) { req.message = 'Hello World!'; next(); }, function (req, res, next) { res.send(200, req.message); } ); GET generateMessage sendMessage res.send
  • 9. MIDDLEWARE IS BEHAVIOR Middleware: • Define reusable components. • Create, modify, and store public variables. • Send responses to clients. • Comprise node packages.
  • 10. COMMON CHALLENGES Or, Why Back End Node Developers Often Avoid TDD
  • 11. HTTP RESPONSE TESTS it('should return a 500 error', function (done){ request({ method: 'POST', url: 'http://localhost:3000/api/endpoint' }, function (error, response, body){ expect(response.statusCode).to.equal(500); done(); }); }); What happens when we add a middleware to the stack?
  • 12. TESTING MID-STACK app.get('hello.txt', function (req, res, next) { req.message = 'Hello World!'; next(); }); ! app.get('hello.txt', function (req, res, next) { res.send(200, req.message); }); How do we pull out these anonymous functions?
  • 13. ILLUMINATING TEST FAILURES var httpMocks = require('node-mocks-http'); ! it('should call next()', function (done){ var req = httpMocks.createRequest(), res = httpMocks.createResponse(); ! middleware(req, res, function () { done(); }); }); What happens if next() is not called?
  • 14. KNOWING WHEN TO TEST var httpMocks = require('node-mocks-http'); ! it('should call next()', function (done){ var req = httpMocks.createRequest(), res = httpMocks.createResponse(); ! middleware(req, res); ! expect(req.foo).to.equal('bar'); }); When is the assertion run?
  • 15. TESTING WITH DATA app.get('path/to/post', function (req, res, next) { Post.findOne(params).exec(function (err, post){ res.json(200, post); }); }); Where do data come from?
  • 16. DEALING WITH POLLUTION it('should update the first post', function (){ /* ... */ }); ! it('should get the first post', function (){ /* ... */ }); How does one reset the data?
  • 17. MOCKING DEPENDENCIES app.get('endpoint', function (req, res, next) { request({ method: 'GET', url: 'http://example.com/api/call' }, function (error, response, body) { req.externalData = body; next(); }); }); How does one cut out the external data source?
  • 18. WRITING ROBUST TESTS app.get('hello.txt', function (req, res, next) { req.message = 'Hello World!'; next(); }); ! app.get('hello.txt', function (req, res, next) { res.send(200, req.message); }); What if someone adds a middleware?
  • 19. PROMISES Links in a Chain of Async Operations
  • 20. PYRAMID OF DOOM queryDatabase(params, function (result) { makeRequestOfThirdPartyService(result, function (result) { writeFile(result, function (handle) { sendFileOverHttp(handle, function (result) { }, function (err) { // Handle Error }); }, function (err) { // Handle Error }); }, function (err) { // Handle Error }); });
  • 21. PROMISES TO THE RESCUE queryDatabase() .then(makeRequestOfThirdPartyService) .then(updateDatabase) .then(writeFile) .then(sendFileOverHttp) .catch(function (err) { // Handle Errors }).done();
  • 22. WHAT IS A PROMISE A promise is: • a delegate • for an asynchronous action • that: • collects references to callbacks • maintains state, and • provides a mechanism for chaining.
  • 23. THEN, CATCH, FINALLY, DONE myPromise() .then(function (result) { ! }) .catch(function (err) { ! }) .finally(function () { ! }) .done(); Data sent, received, read, written, etc. Problems No matter what
  • 24. THE FLIP SIDE var Q = require('q'); ! function myPromise() { var deferred = Q.defer(); ! if (conditionX) { ! deferred.resolve('Result'); ! } else { ! deferred.reject(new Error()); ! } ! return deferred.promise; } Triggers then(). Passes ‘Result’ Triggers catch(). Passes new Error()
  • 25. PUTTING IT ALL TOGETHER var Q = require('q'); ! function myPromise() { var deferred = Q.defer(); ! if (conditionX) { ! ! } else { ! ! } ! return deferred.promise; } myPromise() ! .then(function (result) { ! }) ! .catch(function (err) { ! }) ! .finally(function () { ! }) ! .done(); deferred.resolve(‘Result’); deferred.reject(new Error());
  • 26. THE LIFE OF A PROMISE Pending Fulfilled then() finally() Rejected catch() finally()
  • 27. THE PROMISE CHAIN Start a new promise chain Continue the chain End the chain .then() .catch() .finally() Q.defer().promise Q.when() Q.promise() Q.fcall() .done() Return a promise
  • 28. IN PRACTICE Promise B Promise D Promise F Q.promise() .then().then().then().catch().finally().done() Promise A Promise C Promise E
  • 29. DO NOT BREAK YOUR CHAINS Otherwise, your user may be left hanging…
  • 30. NOT BREAKING CHAINS var Q = require('q'); ! Q.when(function () {}) .then(function (result) { var deferred = Q.defer(); ! /* Do async and call deferred.resolve() and deferred.reject(). */ ! return deferred.promise; }) .then(function (result) { var deferred = Q.defer(); ! /* Do async and call deferred.resolve() and deferred.reject(). */ ! return deferred.promise; }) .catch(function (err) { ! }) .done(); Resolving here calls the referenced function, passing the result as an argument. Rejections of either promise result in the referenced function called with err and uncaught rejections are thrown as errors here.
  • 31. Always return a promise or call done(). Period.
  • 32. EXPRESS + Q The “Eureka” Moment
  • 33. OVERVIEW • Pull middleware into endpoints and tests. • Mock req and res. • Use promises as link between middleware and endpoints. • Return client-server interaction to endpoint. • Use promises with Mocha.
  • 34. PULL MIDDLEWARE INTO ENDPOINTS, TESTS Endpoint Middleware Middleware Test Endpoint Middleware Middleware Test Test ! ! Old Paradigm " ! New Paradigm
  • 35. PULL MIDDLEWARE INTO ENDPOINTS, TESTS app.get('example/uri', function (req, res, next) { /* Middleware implementation */ }, function (req, res, next) { /* Middleware implementation */ }); var middleware = { first: function (req, res, next) {}, second: function (req, res, next) {} }; app.get('example/uri', middleware.first, middleware.second); ! ! Old Paradigm " ! New Paradigm
  • 36. MOCK REQ, RES • We need a way to call our middleware functions directly. • Our middleware functions expect req and res to be passed as arguments. • So, we mock req and res. module npm node-mocks-http https://www.npmjs.org/ package/node-mocks-http express-mocks-http https://www.npmjs.org/ package/express-mocks-http
  • 37. MOCK REQ, RES it ('should do something', function (done) { var requestParams = { uri: 'http://path.to/endpoint', method: 'POST' }; ! request(requestParams, function (error, response, body) { expect(response.body).to.equal( /* Expected Data */ ); done(); }); }); it ('resolves under condition X with result Y', function () { ! var req = httpMocks.createRequest(), res = httpMocks.createResponse(); ! /* Call middleware(req, res) and assert. */ ! }); ! ! Old Paradigm " ! New Paradigm
  • 38. USE PROMISES AS LINK BETWEEN MIDDLEWARE AND ENDPOINTS • Clean, standardized interface between asynchronous middleware and endpoints. • Both endpoints and tests can leverage the same mechanism in the middleware for serializing logic. then
  • 39. USE PROMISES AS LINK BETWEEN MIDDLEWARE AND ENDPOINTS module.exports = function (req, res, next) { ! /* Define middleware behavior and call res.json(), next(), etc. */ }; var Q = require('q'); module.exports = function (req, res) { var deferred = Q.defer(); /* Define middleware behavior and resolve or reject promise. */ return deferred.promise; }; ! ! Old Paradigm " ! New Paradigm
  • 40. RETURN CLIENT-SERVER INTERACTION TO ENDPOINT Endpoint Req Res Middleware Req Res Client Endpoint Req Res Middleware Req Res Client ! ! Old Paradigm " ! New Paradigm
  • 41. RETURN CLIENT-SERVER INTERACTION TO ENDPOINT var middleware = { first: function (req, res, next) {}, second: function (req, res, next) {} }; app.get('example/uri', middleware.first, middleware.second); var middleware = require('./middleware.js'); app.get('example/uri', function (req, res, next) { middleware.first(req, res) .then(function () { next(); }) .catch(res.json) .done(); }, middleware.second(req, res) .then(function () { next(); }) .catch(res.json) .done(); }); ! ! Old Paradigm " ! New Paradigm
  • 42. USING PROMISES WITH MOCHA (CHAI-AS-PROMISED) We need: • A test framework syntax that facilitates easy async testing. mocha (Supported natively in Mocha since 1.18.0) • An assertion syntax that we are familiar with. (Chai) • A set of assertions that facilitate easily writing tests of promises. (Chai-As-Promised) then
  • 43. USING PROMISES WITH MOCHA (CHAI-AS-PROMISED) describe('middleware', function () { it ('resolves under condition X with result Y', function () { ! var req = httpMocks.createRequest(), res = httpMocks.createResponse(); ! middleware(req, res).then(function (done) { /* Assert here. */ }).finally(done).done(); ! }); ! ! Old Paradigm " ! New Paradigm describe('middleware', function () { it ('resolves under condition X with result Y', function () { ! var req = httpMocks.createRequest(), res = httpMocks.createResponse(); ! return expect(middleware(req, res)).to.eventually.equal('value'); ! });
  • 44. THE NEW PARADIGM Looking at the Whole Picture
  • 45. ENDPOINTS Pull Middleware into Endpoint Return Client-Server Interaction to Endpoints var middleware = require('./middleware.js'); app.get('example/uri', function (req, res, next) { middleware(req, res) .then(function () { next(); }) .catch(res.json) .done(); });
  • 46. MIDDLEWARE Use Promise as Link Between Middleware and Endpoints var Q = require('q'); module.exports = function (req, res) { var deferred = Q.defer(); /* Define middleware behavior and resolve or reject promise. */ return deferred.promise; };
  • 47. Pull Middleware Into Tests TEST Use Promises with Mocha var httpMocks = require('node-mocks-http'), chai = require('chai'), chaiAsPromised = require('chai-as-promised'); chai.use(chaiAsPromised); Mock Req, Res var middleware = require('path/to/middleware'); var req, res; beforeEach(function (done) { req = httpMocks.createRequest(), res = httpMocks.createResponse(); }); describe('middleware', function () { it ('resolves under condition X with result Y', function () { return expect(middleware(req, res)).to.be.fulfilled.then(function () { /* Assert */ }); }); it ('rejects under condition X with error Y', function () { return expect(middleware(req, res)).to.be.rejectedWith('Error String'); }); });
  • 48. TESTING WITH DATA Mocking Mongoose and Using Fixtures to Build a Robust and Effective Test Suite
  • 49. THE PROBLEM WITH DATA We need a solution where: • Testing does not depend on the environment, • Data travel with the repo, • The database can easily be reset to an initial data set.
  • 50. (MONGODB + MONGOOSE)* * Solutions are available for other setups. You can also roll your own, without too much heartache.
  • 51. THE HIGH LEVEL • Mock MongoDB with in-memory database that can be reset between tests and thrown away after tests run. (Mockgoose) • Write test data as code that can move with the repo. (Fixtures) • Build test harness that loads fixtures into mock database before tests run.
  • 52. MOCKING MONGOOSE var mongoose = require('mongoose'); var mockgoose = require('mockgoose'); mockgoose(mongoose);
  • 53. CODING DATA IN FIXTURES module.exports.User = [ { name: 'Maeby' }, { name: 'George Michael' } ];
  • 54. LOADING FIXTURES var loader = require('pow-mongoose-fixtures'); ! var users = require('users.js'); /* User fixtures */ ! beforeEach(function (done) { loader.load(users); done(); }); ! /* Build Tests Here */
  • 55. TDD EXERCISES Use TDD in Pairs to Complete the Accompanying TDD / Express Exercises
  • 57. IMPROVEMENTS? • There are still some shortcomings in this approach, though it is better than other approaches I have seen. • Particularly, there are still some failure modes that will just timeout. • If you can improve on this pattern, PLEASE let me know!
  • 58. GET IN TOUCH # @morrissinger $ linkedin.com/in/morrissinger % morrissinger.com & github.com/morrissinger