Как установить правильное пространство имен в шутке для модуля, прикрепленного к html в браузере, для проверки вызова функции другой функции в этом модуле?

Заглушка функции в Javascript требует, чтобы функция была привязана к контексту, любому контексту, который находится в области действия как тестового кода, так и тестируемого кода. В нормальном мире этот контекст предоставляется модулем. Например, в ES5 Node.js:

exports.fn = функция () {}

Чего следует избегать в ES5, так это переопределения module.exports с помощью функции. Слишком много людей делают это, и это неуместно, так как любой модуль, использующий этот код, должен затем предпринять дополнительные шаги, чтобы быть полезным для модульного тестирования:

модуль.экспорт = функция () {}

Как вы можете прочитать из описания, это не работает, потому что myFunc привязан к example.js контексту файла.

Это сработало бы, если бы:

• Модули импортируются в example.js, например импорт модуля path
• Обратные вызовы, которые можно передать в функцию при вызове их из теста

Примечание: Для получения более подробной информации вы можете перейти здесь

По описанию решение будет примерно таким:

Решение 1

myFunc.js

function myFunc(myId) {
  console.info(myId);
}

if (typeof exports !== 'undefined') {
  module.exports = myFunc;
}

пример.js

var myFunc = require('./myFunc'); // This needs to be imported using script tag for browser

function someOtherFunc(arg) {
  console.info('inside', myFunc);
  if (arg == 0)
    myFunc("#id_0");
  else
    myFunc("#id_1");
}

if (typeof exports !== 'undefined') {
  module.exports = {
    someOtherFunc
  };
}

пример.test.js

const example = require('../example.js');
const myFunc = require('../myFunc.js');

jest.mock('../myFunc.js');

afterEach(() => {
  jest.resetModules();
});

describe('someOtherFunc function', function () {
  it('calls myFunc', function () {
    const result = example.someOtherFunc(0);
    expect(myFunc).toHaveBeenCalledWith("#id_0")
  });
});

Решение 2

пример.js

function myFunc(myId) {
  console.info(myId);
}

function someOtherFunc(arg) {
  if (arg == 0)
    my_functions.myFunc("#id_0");
  else
    my_functions.myFunc("#id_1");
}

const my_functions = {
  myFunc,
  someOtherFunc,
};

/*
* * * * * * * * * * * * * * * * * * * * * * * * * * *
* SECTION: exports needed by jest testing framework
* * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
if (typeof exports !== 'undefined') {
  module.exports = my_functions;
}

пример.test.js

const example = require('../example');

afterEach(() => {
  jest.resetModules();
});

describe('someOtherFunc function', function () {
  it('calls myFunc', function () {
    const spyFunc = jest.spyOn(example, "myFunc");
    const result = example.someOtherFunc(0);
    expect(spyFunc).toHaveBeenCalledWith("#id_0")
  });
});

Настраивать

пакет.json

{
  "name": "65287977",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "devDependencies": {
    "@babel/core": "^7.12.10",
    "@babel/preset-env": "^7.12.11",
    "babel-jest": "^26.6.3",
    "jest": "^26.6.3",
  },
}

Babel.config.js

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          esmodules: true
        }
      }
    ],
  ],
};