如何解决如何使用 Mocha 和 JSDOM 模拟 window.location.search
我编写了一个基本库,我想针对它运行一套单元测试。我想根据查询字符串变量的存在更新 DOM。为了简单起见,它看起来像这样:
test-dom-lib-min.js
;(function() {
document.addEventListener('DOMContentLoaded',function() {
if(window.location.search.includes('test=1')) {
// Do some DOM manipulation
}
});
})();
我使用 JSDOM、Mocha 和 Chai 来设置一些这样的测试:
var expect = require('chai').expect;
var jsdom = require('jsdom');
const { JSDOM } = jsdom;
describe('DOM tests',() => {
before(async () => {
jsdom = await JSDOM.fromFile(__dirname + '/test.html?test=1',{
resources: 'usable',runScripts: 'dangerously' // Runs embedded script tag
});
await new Promise(resolve =>
jsdom.window.addEventListener('load',resolve)
);
});
it('1st DOM elem updated properly',() => {
expect(jsdom.window.document.querySelector('.test > a').href).to.equal(
'https://www.test.test?test=test'
);
});
});
test.html
<!doctype html>
<html lang="en">
<head>
<title>Tests</title>
</head>
<body>
<div class="test">
<a href="https://www.test.test">This is a test</a>
</div>
<script src="../test-dom-lib-min.js"></script>
</body>
</html>
我遇到的问题是我无法使用 JSDOM 的 fromFile()
方法包含查询字符串参数 - 我遇到了这样的错误 b/c 它正在寻找名为 test.html?test=1
而不是 { {1}}。
test.html
是否有更好的方法来模拟 Error: ENOENT: no such file or directory,open ...
?或者甚至是构建这些测试的更好方法?
请指教。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。