单元测试和角度未处理的 Promise 拒绝

Question

我目前在使用带有承诺的茉莉花测试时遇到问题。

错误是“未处理的承诺拒绝：”这意味着我的承诺没有正确处理catch()，then()我想。

这是我的测试：

it('tests the openRepo function with changed and invalid path', (done) => {
    const OldPath = '/old';
    const NewPath = '/invalid';
    const ProjectModalBoolean = true;
    component.path = OldPath;
    component.openFolder = NewPath;
    component.projectModalLoading = ProjectModalBoolean;
    component.openRepo().then(() => {
      expect(component.openFolder).toBe('');
      expect(component.projectModalLoading).toBeFalsy();
      done();
    });
  });

在函数中openRepo我有以下代码：

return this.gitService.setPath(this.openFolder)
          .then((data) => {
            this.projectModalLoading = false;
            this.projectModalVisible = false;
            this.openFolder = '';
            this.toastr.info(data.message, data.title);
          })
          .catch((data) => {
            this.projectModalLoading = false;
            this.openFolder = '';
            this.toastr.error(data.message, data.title);
          });

...调用该函数：

async setPath(newPath) {
        new Promise<ServiceResult>((resolve, reject) => {
            if (newPath === '/new') {
                resolve(new Object());
            } else {
                reject(new Object());
            }
    });
}

这reject()似乎setPath是问题所在，因为另一个测试进行得resolve()很好

欢迎任何帮助

Answer 1

你有Promise,resolve和reject方法setPath。使用第二个参数回调代替子句，catch如下所示。

    return this.gitService.setPath(this.openFolder)
              .then((data) => {
                this.projectModalLoading = false;
                this.projectModalVisible = false;
                this.openFolder = '';
                this.toastr.info(data.message, data.title);
              },
              (data) => {
                this.projectModalLoading = false;
                this.openFolder = '';
                this.toastr.error(data.message, data.title);
              });

阅读这篇文章