Блог

Главная - Вопросы по программированию - ошибка типа jest TouchEvent: $ не является функцией

ошибка типа jest TouchEvent: $ не является функцией

#javascript #testing #jestjs

Вопрос:

Я пишу тест для функции MyFuntion , которая вызывает другую функцию sendTouchEvent , создающую экземпляр TouchEvent.

 function sendTouchEvent(element, eventType) {  
  const touch = new Touch({
      ...
  });

  const touchEvent = new TouchEvent(eventType, {
      ...
  });

  element.dispatchEvent(touchEvent);
}

Мой тест выглядит так:

 const { test, expect } = require("@jest/globals");
const fs = require('fs');
const chrome = require("sinon-chrome");
const { JSDOM } = require("jsdom");
const dom = new JSDOM()
global.document = dom.window.document
global.window = dom.window
global.chrome = chrome
global.MutationObserver = class {
    constructor(callback) {}
    disconnect() {}
    observe(element, initObject) {}
};

jest.dontMock('jquery');
$ = jQuery = require("jquery");
global.$ = $
global.jQuery = jQuery

const content = require("../content");
const data = require("./fixtures/data.json");

test("get data", () => {
    const mod = rewire("../content")
    mod.__set__('data', data) // mocking json data
    var el = document.createElement("div")
    el.innerHTML = html_str; // loaded before with fs.readFileSync
    
    expect(content.MyFunction(el)).toBe({})
})

Мой jest.setup.js файл выглядит так:

 $ = require("jquery");
global.$ = $;
global.window.$ = $;

И я получаю эту ошибку:

     TypeError: $ is not a function

      207 |   });
      208 |
    > 209 |   const touchEvent = new TouchEvent(eventType, {
          |                                                ^
      210 |       cancelable: true,
      211 |       bubbles: true,
      212 |       touches: [touch],

      at extension/content.js:209:48
      at Object.<anonymous> (extension/content.js:411:4)
      at Object.load (node_modules/rewire/lib/moduleEnv.js:55:18)
      at internalRewire (node_modules/rewire/lib/rewire.js:49:15)
      at rewire (node_modules/rewire/lib/index.js:11:12)
      at Object.<anonymous> (extension/tests/content.test.js:26:17)

Я уже пытался поиздеваться над sendTouchEvent функцией, но она не работает. Также пытались ввести $ с помощью перемотки mod.__set__ провода .

Кто-нибудь знает, как это исправить?

Ответ №1:

Я узнал, что проблема была в rewire библиотеке. По какой-то причине это мешало событиям в окне. Я удаляю его и изменяю свой код, чтобы иметь возможность издеваться data над переменной без rewire

Метки: