我尝试用Jest测试一个javascript函数,该函数检查变量是否为节点列表。这是浏览器功能,将在浏览器中使用。这是功能:
/**
* @description Check if input is a nodelist and return true or false.
* @export
* @param {*} input
* @returns {boolean}
*/
export function $isNodeList(input) {
return NodeList.prototype.isPrototypeOf(input);
}
该函数在浏览器中运行良好,但是如果我尝试开玩笑地对其进行测试,则会收到以下错误:ReferenceError:未定义NodeList
测试文件是:
const esmImport = require("esm")(module);
const mod = esmImport("../tools/is_nodelist.js");
const html = '<!DOCTYPE html>\
<html>\
<body>\
<div>Hello world</div>\
<div>Hello</div>\
<div>...</div>\
</body>\
</html>';
const jsdom = require("jsdom");
const { JSDOM } = jsdom;
const { document } = (new JSDOM(html)).window;
global.document = document;
test("expect nodeList to be nodelist", () => {
let nodeList = global.document.querySelectorAll("div");
expect(mod.$isNodeList(nodeList)).toBe(true);
});
test("expect htmlCollection not to be nodelist", () => {
let htmlCollection = global.document.getElementsByTagName("div");
expect(mod.$isNodeList(htmlCollection)).toBe(false);
});
我的测试有什么问题,以及如何正确测试该功能?
您可以设置文件的testenvironment配置jest.config.js
。这样就无需jsdom
在测试文件中显式使用。
例如
index.js
:
export function $isNodeList(input) {
return NodeList.prototype.isPrototypeOf(input);
}
index.test.js
:
import * as mod from '.';
describe('59947808', () => {
test('expect nodeList to be nodelist', () => {
let nodeList = document.querySelectorAll('div');
console.log('nodeList: ', nodeList);
expect(mod.$isNodeList(nodeList)).toBe(true);
});
test('expect htmlCollection not to be nodelist', () => {
let htmlCollection = document.getElementsByTagName('div');
console.log('htmlCollection: ', htmlCollection);
expect(mod.$isNodeList(htmlCollection)).toBe(false);
});
});
单元测试结果:
PASS src/stackoverflow/59947808/index.test.js (8.528s)
59947808
✓ expect nodeList to be nodelist (11ms)
✓ expect htmlCollection not to be nodelist (1ms)
console.log src/stackoverflow/59947808/index.test.js:6
nodeList: NodeList {}
console.log src/stackoverflow/59947808/index.test.js:12
htmlCollection: HTMLCollection {}
Test Suites: 1 passed, 1 total
Tests: 2 passed, 2 total
Snapshots: 0 total
Time: 9.773s
jest.config.js
:
module.exports = {
preset: 'ts-jest/presets/js-with-ts',
testEnvironment: 'jsdom',
};
源代码:https : //github.com/mrdulin/jest-codelab/tree/master/src/stackoverflow/59947808
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句