如何在 JavaScript 中对箭头函数进行单元测试？

Question

我有这个 javascript 类：

class SearchService {

    /*@ngInject*/
    constructor($log, $timeout) {
        this._log = $log;
        this._timeout = $timeout;
    }

    startSearch(value, updateCallBack) {
        this.startSearchPrj(updateCallBack);
    }

    startSearchPrj(updateCallBack) {
        chunkedRequest({
            url: 'http://localhost:9090',
            method: 'GET',
            chunkParser: (rawChunk, prevChunkSuffix = '') => {
                return [JSON.parse(rawChunk), prevChunkSuffix];
            },
            onChunk: (err, parsedChunk) => {
                var data = this.cleanResults(parsedChunk)
                if(!this.activeChunkId) {
                    this.activeChunkId = data.resultCategoryId;
                }
                this.searchResults[data.resultCategoryId] = data;
                updateCallBack();
            }
        });
    }

    ...

}

export default SearchService;

onChunk 有一个箭头函数，我喜欢用 jasmin 为它编写一个单元测试（因为它很快就会变得更加复杂）。我该怎么做？

我尝试重构类并将代码移动到 onChunk 方法中。但是this 得到了另一个含义，我无法访问对象数据。

Answer 1

对于回调函数 ES.next 类属性（目前在stage 1）是要走的路：

class SearchService {
    onChunk = (err, parsedChunk) => { ... };
    ...
        chunkedRequest({
            ...
            onChunk: this.onChunk
        });    
    ...
}

这只是 ES2015 的语法糖：

class SearchService {
    /*@ngInject*/
    constructor($log, $timeout) {
        this.onChunk = (err, parsedChunk) => { ... }
        ...
    }
    ...
}

通过这种方式，事件处理程序被公开以供测试，并且不必受到 ES5 样式的Function.prototype.bind 的阻碍。

或者，原型方法而不是箭头属性可以与绑定运算符一起使用（目前在stage 0）：

class SearchService {
    onChunk(err, parsedChunk) { ... };
    ...
        chunkedRequest({
            ...
            onChunk: ::this.onChunk
        });    
    ...
}

这是加糖的Function.prototype.bind：

            onChunk: this.onChunk.bind(this)