Tar*_*edo 6 javascript testing jestjs
我正在为一个函数编写一个测试,MyFuntion
并调用另一个sendTouchEvent
实例化 TouchEvent 的函数。
function sendTouchEvent(element, eventType) {
const touch = new Touch({
...
});
const touchEvent = new TouchEvent(eventType, {
...
});
element.dispatchEvent(touchEvent);
}
Run Code Online (Sandbox Code Playgroud)
我的测试是这样的:
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({})
})
Run Code Online (Sandbox Code Playgroud)
我的 jest.setup.js 文件是这样的:
$ = require("jquery");
global.$ = $;
global.window.$ = $;
Run Code Online (Sandbox Code Playgroud)
我收到此错误:
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)
Run Code Online (Sandbox Code Playgroud)
我sendTouchEvent
已经尝试模拟该功能,但它不起作用。还尝试$
使用 rewire注入mod.__set__
。
有谁知道如何解决这一问题?
归档时间: |
|
查看次数: |
139 次 |
最近记录: |