Web Worker、Jasmine 和 Papa Parse

Question

我正在使用 PapaParse 来解析用户传递的 CSV 文件。这是我的代码：

this.fileToUpload = files.item(0);
this.status = Status.Loading;
let batch = [];

this.papa.parse(this.fileToUpload, {
    worker: true,
    step: (row) => {
    if (batch.length === this.pageSize) {
        this.addBatch(batch, this.offset);
        this.offset += this.pageSize;
        batch = [];
    }
    batch.push({
        id: row.data[0],
        name: row.data[1],
        address: row.data[2]
    });
    },
    complete: (result) => {
    if (batch.length > 0) {
        this.addBatch(batch, this.offset);
        batch = [];
    }
    }
});

worker 字段表明文件应该使用 web worker 进行流式处理，但我认为如果你实现了 step 方法，你无论如何都是强制的。它完美地找到并解析上传的 CSV。

我的问题在于使用 Jasmine 对此进行测试。我用 fakeAsync 设置我的测试，我调用所有需要调用的东西，我什至在测试中刷新并勾选让异步代码继续，但是当我期待结果时它总是说用爸爸的步骤方法调用的方法没有被调用。我正在检查是否正在调用 addBatch 方法，但根据 Karma 的说法，它没有。

  it('should upload a valid csv file', fakeAsync(() => {
    // given
    component.ngOnInit();
    spyOn(component, 'addBatch');
    const blob = new Blob(['12345,Example,FakeStreet\n54321,Example,FakeStreet'], { type: 'text/csv' });
    blob['lastModified'] = '';
    blob['name'] = 'filename.csv';
    const file = <File>blob;

    const fileList = {
      0: file,
      1: file,
      length: 2,
      item: (index: number) => file
    };
    // when
    component.addMerchants(fileList);
    flush();

    // then
    expect(component.addBatch).toHaveBeenCalled();
  }));

即使我在 step 方法中 console.log，它仍然打印出来，这意味着它正在工作。

通过查看 Chrome 中的线程，当测试运行时，在几毫秒内创建并删除了一个线程，所以我想那是爸爸。

不知道web worker有没有单独的context？也许是因为它是在那里执行的，而不是在当前的 Karma window 中执行的，所以它没有接听电话。

关于如何解决这个问题的任何想法，或任何其他测试方法？

Answer 1

没有正在进行的异步工作，至少在主线程上没有，所以 NgZone 不是 'unstable'。因此，出于所有意图和目的，测试认为它可以调用 expect 方法。

你这里并不是真正的单元测试，更多的是集成测试。如果你想进行单元测试，你应该模拟 papa.parse 并让你的模拟根据你从单元测试中提供的任何输入处理完整的调用。如果你真的想要，你可以使用 setTimeout 来实现异步。

Web Worker、Jasmine 和 Papa Parse

Web Workers, Jasmine and Papa Parse

javascript

jasmine

papaparse

angular