Sinon TypeError：试图将未定义的属性 getInternationals 包装为函数

Question

我正在使用 Cypress 编写集成测试。 Cypress 使用 Sinon 作为存根和间谍，所以 cy.spy = sinon.spy。

我正试图从导入的模块中窥探一个方法。

我正在像这样导入模块：import * as internationals from "../../../src/api/Internationals";

然后我尝试监视api/Internationals 中的一个方法，如下所示：cy.spy(internationals, "getInternationals");

导致这个错误：

TypeError: Attempted to wrap undefined property getInternationals as function

api/Internationals.js的内容：

import ApiClient from "./ApiClient";

export const getInternationals = ({ search, team, from, till, page = 1, per_page = 10, sort_column, sort_direction }) =>
  ApiClient.get(`/players`, {
    params: {
      search: search ? (search === "#" ? "hek" : search) : null,
      team: team ? team : null,
      from: from ? from : null,
      till: till ? till : null,
      page: page,
      per_page: per_page,
      sort_column: sort_column ? sort_column : null,
      sort_direction: sort_direction ? sort_direction : null
    }
  });

测试内容：

/// <reference types="Cypress" />

import * as internationals from "../../../src/api/Internationals";

describe("Can search for internationals", () => {
  it("Remembers filters after refreshing", () => {
    console.log(internationals);
    cy.spy(internationals, "getInternationals");

    expect(internationals.getInternationals).to.be.called;
  });
});

控制台日志internationals 显示：

我错过了什么吗？

Answer 1

通过控制台中的错误进行跟踪，很明显赛普拉斯没有正确处理export const getInternationals 构造，但一目了然无法说明原因。

---

注意：重新建立导入的基础不起作用，留待继续讨论

你可以通过在你的测试中像这样窥探来躲避问题

const spyBase = {
  getInternationals: internationals.getInternationals
}
cy.spy(spyBase, "getInternationals");

expect(spyBase.getInternationals).to.be.called;

---

如果您可以更改源代码，请将默认导出添加到模块

export const getInternationals = ...

export default {
  getInternationals
}

然后像这样导入它

import internationals from "../../../src/api/Internationals";