Express.js で構築されたアプリがあり、ファイルのアップロード機能をテストしたいと考えています。req.files に解析されたオブジェクトを再現しようとしています (express.bodyParser ミドルウェアを使用している場合)。これどうやってするの?
7 に答える
これは、 supertestモジュールを使用して行う方法の例です。
var should = require('should'),
supertest = require('supertest');
var request = supertest('localhost:3000');
describe('upload', function() {
it('a file', function(done) {
request.post('/your/endpoint')
.field('extra_info', '{"in":"case you want to send json along with your file"}')
.attach('image', 'path/to/file.jpg')
.end(function(err, res) {
res.should.have.status(200); // 'success' status
done();
});
});
});
これはモカで直接行うことができますが、少し注意が必要です。画像を投稿する例を次に示します。
var filename = 'x.png'
, boundary = Math.random()
request(app)
.post('/g/' + myDraftGallery._id)
.set('Content-Type', 'multipart/form-data; boundary=' + boundary)
.write('--' + boundary + '\r\n')
.write('Content-Disposition: form-data; name="image"; filename="'+filename+'"\r\n')
.write('Content-Type: image/png\r\n')
.write('\r\n')
.write(fs.readFileSync('test/'+filename))
.write('\r\n--' + boundary + '--')
.end(function(res){
res.should.have.status(200)
done()
})
Content-Dispositionのnameパラメーターは、req.filesを介してファイルにアクセスできるものです(この例ではreq.files.image)。name="images[]"とファイルのような配列値を使用することもできます。 (s)は、配列を介して利用できます。例:req.files.images [0]
また、まだ使用していない場合は、これを確認する必要があります(mocha / expressのテストが〜ビット〜簡単になります): https ://github.com/visionmedia/express/blob/master/test/support/http .js
編集:エクスプレス3-beta5以降、エクスプレスはスーパーテストを使用します。古いhttp.jsコードを確認するには、https ://github.com/visionmedia/express/blob/3.0.0beta4/test/support/http.jsを参照 するか、単にsupertestに移動してください。
var expect = require('expect.js');
supertest = require('supertest');
var request = supertest('localhost:3000');
describe('create album', function () {
it('valid ', function (done) {
request.post('/albums')
.set('Authorization', 'Token eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.IjkxMTg3NTk1ODg2MCI.gq32xfcOhv5AiZXJup5al1DGG0piyGWnrjZ5NouauCU')
.field('Content-Type', 'multipart/form-data')
.field('name', 'moni')
.field('description', 'Nature+Pics')
.field('caption', 'nature')
.field('contacts', '["' + 911354971564 + '","' + 919092888819 + '"]')
.field('dimensions', '{"photo1":{"height": 10, "width": 10}, "photo2":{"height": 20, "width": 20}, "photo3":{"height": 20, "width": 20}, "photo4":{"height": 20, "width": 20}, "photo5":{"height": 20, "width": 20}}')
.attach('photo1', '/home/monica/Desktop/pic/1.jpeg')
.attach('photo2', '/home/monica/Desktop/pic/2.jpeg')
.attach('photo3', '/home/monica/Desktop/pic/3.jpeg')
.attach('photo4', '/home/monica/Desktop/pic/4.jpeg')
.attach('photo5', '/home/monica/Desktop/pic/5.jpeg')
.end(function (err, res) {
if (err) {
console.log(err);
} else expect(res.status).to.equal(200);
done();
});
});
});
TJ によるこのモジュールに出くわしました: https://github.com/visionmedia/supertest。
zombie.js https://github.com/assaf/zombieを試してみると、基本的な機能をテストするための仮想ブラウザーが作成されます。特定の入力フィールドにファイルを添付でき、Cookie とセッションをサポートします
request promiseを使用する場合は、単純にこれを行うことができ、formData の送信が組み込まれています。
var options = {
method: 'POST',
uri: base + '/api/image/upload',
formData: {
someField: 'someValue',
anotherField: 'anotherValue',
file: {
// path to image
value: fs.createReadStream('./testImg.png'),
options: {
filename: 'testImg.png',
contentType: 'image/png'
}
}
}
};
let resp;
try {
resp = await request.post(options);
body = JSON.parse(resp);
} catch (e) {
console.log(e);
resp = e.response;
code = resp.statusCode;
body = JSON.parse(resp.body);
}
// access what is returned here, check what needs to be
assert.equal(code, 200, 'Status: ' + code + ': ' + body.error);
assert.equal(body.success, true);
assert.exists(body.image);