How Do I Add A Jasmine Custom Matcher Typescript Definition?

I've been looking around and this question seems like a recurring thing. However, none of the solutions I've found seem to work for me. Using the following: { 'typescript': '2.3.

Solution 1:

I had to modify three files when I added custom matchers. I created a file called matchers.ts that contained the actual matchers. I then added an import to test.ts for my matchers.ts file. Finally, I added an interface to the typings.d.ts file which contains my matcher.

matchers.ts (arbitrary name)

beforeEach(() => {
    jasmine.addMatchers({
        toContainText: () => {
            return {
                compare: (actual: HTMLElement, expectedText: string, customMessage?: string) => {
                    const actualText = actual.textContent;
                    return {
                        pass: actualText.indexOf(expectedText) > -1,
                        getmessage() {
                            let failureMessage = 'Expected ' + actualText + ' to contain ' + expectedText;

                            if (customMessage) {
                                failureMessage = ' ' + customMessage;
                            }

                            return failureMessage;
                        }
                    };
                }
            };
        },
    });
});

test.ts

import'test/test-helpers/global/matchers'; (my relative filepath)

typings.d.ts

declaremodule jasmine {
  interfaceMatchers {
    toContainText(text: string, message?: string): boolean;
  }
}