Как протестировать загрузку файла на сервер?

Question

[Emptyform]

Привет!

Пишу тест для загрузки файла на сервер. Вот код:

describe('POST request', () => {
        describe('post file.ext', () => {
            it('returns 200 & the file', done => {
                let content = fs.readFileSync(`${fixtures}/small.png`, {encoding: 'utf-8'});

                var formData = {
                    /*attachments: [
                        fs.createReadStream(`${fixtures}/small.png`)
                    ],
                    */
                    /*my_file: fs.createReadStream(`${fixtures}/small.png`),
                    */
                    custom_file: {
                        value:  fs.createReadStream(`${fixtures}/small.png`),
                        options: {
                            filename: 'small.png',
                            contentType: mime.lookup(`${fixtures}/small.png`)
                        }
                    }
                };
                request.post({url: `${url}/small.png`, formData: formData}, (error, response, body) => {
                    if (error) return done(error);
                    expect(response.statusCode).to.equal(200);

                    var data = fs.readFileSync(`${filesDirectory}/small.png`, {encoding: 'utf-8'});
                    if (!data) return done(error);

                    expect(data).to.deep.equal(content);
                    done();
                });
            });
        });
    });

Тест не проходит - загруженный файл не совпадает с исходным.
В начало принятого файла дописывается мусор типа:

----------------------------628275255943632608493620
Content-Disposition: form-data; name="custom_file"; filename="small.png"
Content-Type: image/png

Как сделать чтобы файл при загрузке на сервер не менялся?

Answer 1

[Дмитрий Беляев]

Это не мусор, это часть http протокола
как следствие загрузка файла у Вас сделана неправильно, если подзаголовки попадают в файл

UPD:

request.post({
  url: `${url}/small.png`,
  body: fs.createReadStream(`${fixtures}/small.png`),
  headers: {
    'Content-type': mime.lookup(`${fixtures}/small.png`),
    'x-filename': 'small.png'
  }
}, (error, response, body) => { /* Ваш код */ });

примерно так

Comments

[Emptyform]

Дмитрий Беляев Подскажете как исправить?

[Дмитрий Беляев]

Emptyform: покажите код сервера, который работает с загрузкой файла, тогда можно будет что-то сказать

[Emptyform]

Дмитрий Беляев: как-то так:

'use strict';

const fs = require('fs');

module.exports = (fileName, req, res) => {
    const writeStream = new fs.WriteStream(fileName, {flags: 'wx'});

    req
        .on('data', chunk => {/* ... проверка на размер файла */})
        .on('close', () => {/* ... если клиент отвалился */})
        .pipe(writeStream);

    writeStream
        .on('error', err => {/* ... обработка ошибки */})
        .on('close', () => {
            res.end("OK");
        });
};

[Emptyform]

Дмитрий Беляев: для ясности, сам сервер нормально работает - файлы от клиента принимаются в неизменном виде. А вот при тестировании непонятка

[Дмитрий Беляев]

Emptyform: у Вас на сервере в файл пишется тело запроса целиком, а в тесте вы отправляете файл как multipart/formdata

[Emptyform]

Дмитрий Беляев: А как в тесте правильно написать подскажите, плс.

[Дмитрий Беляев]

Emptyform: дополнил ответ примером

[Emptyform]

Дмитрий Беляев: Ура, все работает))
Еще раз просмотрел документацию ( https://www.npmjs.com/package/request ), про то что можно указать body не нашел ничего

[Emptyform]

Дмитрий Беляев: Хотя, соврал, все есть: https://www.npmjs.com/package/request#requestoptio...
Спасибо еще раз.