IDE显示错误，但Jest运行它没有任何问题

Question

我在Jest中为一个内部调用checkEmail的TypeScript函数（showAlert）编写了一个单元测试。

showAlert中的

utils.ts：

export const showAlert = (message: string) => {
  toast(message);
};

在我的测试案例中，我嘲笑了上述功能：

import {showAlert} from './utils'

showAlert = jest.fn()

虽然测试用例按预期工作，但IDE（在VSCode和WebStorm中）在测试文件中显示错误：Cannot assign to 'showAlert' because it is not a variable.

showAlert = jest.fn()
^^^^^^^^^

任何帮助摆脱上述错误都将非常感激。

使用showAlert：

function checkEmail(email: string) {
    if (!email.trim()) {
        showAlert('Email is required.');
    }
}

回购重现此问题：https://github.com/shishiranshuman13/tsjest-demo-error

Answer 1

您需要初始化变量或常量。

更新：

describe("Show alert", () => {

  let showAlert: any;

  beforeEach(() => {
    showAlert = jest.fn();
  })

  it("must be called once", () => {
    expect(showAlert.mock.calls.length).toEqual(1);
  });
});

这是类似问题的链接。 https://github.com/facebook/jest/issues/936

Answer 2

  

无法分配给＆＃39; showAlert＆＃39;因为它不是变量。

使用import / require：

import utils = require('./utils');
utils.showAlert = jest.fn();