angular - 无法使用 typescript 和 Angular 为 Jasmine 添加自定义匹配器

Question

我正在尝试向 jasmine 添加多个新的自定义匹配器并使用它，目标是创建一个注册 2 个匹配器的文件，并且所有匹配器必须可用于每个测试文件，只需一次注册。

所以我有一个名为 custom-matchers.ts 的文件

/// <reference path="custom-matchers.d.ts"/>

(() => {
  beforeEach(() => {
    jasmine.addMatchers({
      toHaveText: () => {
        return {
          compare: (actual, expected) => {
            return {
              pass: actual.getText().then(pass => pass === expected)
            };
          },
        };
      },
      toBePresent: () => {
        return {
          compare: (actual, expected) => {
            return {
              pass: actual.isPresent().then(pass => pass === expected),
            };
          },
        };
      }
    });
  });
})();

名为 custom-matchers.d.ts 的类型定义文件(我尝试使用与引用文件不同的名称，但它是相同的):

declare namespace jasmine {
  interface Matchers<T> {
    toHaveText(text: any): boolean;
    toBePresent(text: any): boolean;
  }
}

这个文件注册在另一个名为e2e-helper的文件中，这个文件在每个测试文件e2e-helper.ts中导入:

/// <reference path="custom-matchers.d.ts"/>
import './custom-matchers';

例如，当我尝试在测试文件中使用它时:

expect(object as any).toBePresent();

我遇到了一个错误:

Property 'toBePresent' does not exist on type 'Matchers'

Answer 1

我找到了一个解决方案，我只是将我的定义文件导入到 custom-matchers.ts 文件下面的帮助文件中，并将其重命名为具有不同的名称导入，所以我有:

import './custom-matchers';
import './custom-matchers-types'; // definition file