33

我有一个基于 Express.js 的应用程序,我想测试文件上传功能。我正在尝试重现解析为 req.files 的对象(使用 express.bodyParser 中间件时)。我怎样才能做到这一点?

4

7 回答 7

48

这是一个示例,说明如何使用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();
              });
    });
});
于 2013-10-02T23:55:19.790 回答
13

您可以直接在 Mocha 中执行此操作,但这有点棘手。这是发布图像的示例:

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

编辑:由于 express 3-beta5,express 使用 supertest。要查看旧的 http.js 代码,请看这里:https ://github.com/visionmedia/express/blob/3.0.0beta4/test/support/http.js 或者简单地转到 supertest..

于 2012-05-17T20:10:20.203 回答
11
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();
        });
    });

});
于 2014-08-05T10:13:35.437 回答
5

将 attach('image') 更改为 attach('file') 将解决 req.files.file 未定义的问题。

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({field1: 'xxx', field2: 'yyy'})
              .attach('file', 'path/to/file.jpg')
              .end(function(err, res) {
                  res.should.have.status(200) // 'success' status
                  done()
              });
    });
});
于 2015-05-13T14:53:40.957 回答
4

TJ 刚刚发现了这个模块:https ://github.com/visionmedia/supertest 。

于 2012-08-01T12:49:38.890 回答
1

您可以尝试使用zombie.js https://github.com/assaf/zombie,它会创建一个虚拟浏览器来测试基本功能。它可以将文件附加到特定的输入字段并支持 cookie 和会话

相关要点:https ://gist.github.com/764536

于 2012-04-16T14:20:58.660 回答
1

如果使用请求承诺,您可以简单地执行此操作,发送 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);
于 2018-11-08T23:13:45.677 回答