Vollständige Integrationstests für NodeJS und die Clientseite mit Yeoman und Mocha

Ich weiß nicht, über Yeoman - ich habe nicht versucht es noch, aber ich habe den rest des Puzzles zu laufen. Ich glaube, Sie werden herausfinden, die Ruhe.

Warum Tun Integrations-Tests?

In Ihrer Frage, die Sie redeten über die situation, wenn Sie sowohl client-side-tests und server-side-tests, läuft mit mocks. Ich gehe davon aus, dass Sie aus irgendeinem Grund nicht bekommen können, beide test-sets laufen mit der gleichen verspottet. Andernfalls, wenn Sie geändert haben den mocks auf der client-Seite die server-seitige tests fehlschlagen würde, weil Sie die gebrochenen mock-Daten.

Was Sie brauchen, sind die Integrations-tests, so dass, wenn Sie einige client-side code in Ihrem headless-browser, server-side-code würde auch laufen. Zudem, einfach durch das ausführen der server-side und client-side-code ist nicht genug, Sie wollen auch in der Lage, die Behauptungen auf beiden Seiten, nicht wahr?

Integration Tests mit Knoten und PhantomJS

Meisten Beispiele von integration tests, die ich online gefunden haben, verwenden Sie entweder Selen oder Zombie.js. Die erstere ist eine große, Java-basierte framework zu fahren real-Browser, während das später ist ein einfacher wrapper um jsdom. Ich nehme an, Sie sind zögerlich, um entweder von denen, und würde lieber PhantomJS. Der schwierige Teil, natürlich, ist zu bekommen, dass von Ihrem Knoten-app. Und ich bekam genau das.

Gibt es zwei Knoten, Module, Laufwerk PhantomJS:

1. phantom
2. Knoten-phantom

Leider beide Projekte scheinen verlassen, die von Ihren Autoren und anderen community-Mitgliedern Gabel Ihnen und Ihren Bedürfnissen anzupassen. Das bedeutet, dass beide Projekte Gabel mehrfach und alle Gabeln sind kaum ausgeführt. Die API ist fast nicht existent. Ich habe meine tests laufen mit einer der phantom-Gabeln (Danke, Seb Vincent). Hier ist eine einfache app:

'use strict';
var express = require('express');

var app = express();

app.APP = {}; //we'll use it to check the state of the server in our tests

app.configure(function () {
    app.use(express.static(__dirname + '/public'));
});

app.get('/user/:name', function (req, res) {
    var data = app.APP.data = {
        name: req.params.name,
        secret: req.query.secret
    };
    res.send(data);
});

module.exports = app;

    app.listen(3000);
})();

Er lauscht auf Anfrage /user und gibt Pfad-parameter name - und query-parameter secret. Hier ist die Seite wo ich den server aufrufen:

window.APP = {};

(function () {
    'use strict';

    var name = 'Alex', secret ='Secret';
    var xhr = new XMLHttpRequest();
    xhr.open('get', '/user/' + name + '?secret=' + secret);
    xhr.onload = function (e) {
        APP.result = JSON.parse(xhr.responseText);
    };
    xhr.send();
})();

Und hier ist ein einfacher test:

describe('Simple user lookup', function () {
    'use strict';

    var browser, server;

    before(function (done) {
        //get our browser and server up and running
        phantom.create(function (ph) {
            ph.createPage(function (tab) {
                browser = tab;
                server = require('../app');
                server.listen(3000, function () {
                    done();
                });
            });
        });
    });

    it('should return data back', function (done) {
        browser.open('http://localhost:3000/app.html', function (status) {

            setTimeout(function () {
                browser.evaluate(function inBrowser() {
                    //this will be executed on a client-side
                    return window.APP.result;
                }, function fromBrowser(result) {
                    //server-side asserts
                    expect(server.APP.data.name).to.equal('Alex');
                    expect(server.APP.data.secret).to.equal('Secret');
                    //client-side asserts
                    expect(result.name).to.equal('Alex');
                    expect(result.secret).to.equal('Secret');
                    done();
                });
            }, 1000); //give time for xhr to run

        });
    });
});

Wie Sie sehen können, habe ich den server Abfragen innerhalb der timeout-Zeit. Das ist, weil alle phantom-Bindungen sind unvollständig und zu begrenzen. Wie Sie sehen können ich bin in der Lage zu überprüfen, sowohl client-Status und server-Status in einem einzigen test.

Führen Sie Ihre tests mit Mokka: mocha -t 2s Sie werden wahrscheinlich brauchen, um erhöhen Sie die Standard-timeout-Einstellung für die weiter entwickelten tests.

So, wie Sie sehen können, die ganze Sache machbar ist. Hier ist das repo mit komplette Beispiel.

InformationsquelleAutor der Antwort Andrew Андрей Листочкин