如何配置Jest使用的jsdom实例? [英] How can I configure the jsdom instance used by jest?
问题描述
我遇到了这个问题在开玩笑的测试案例中要求systemjs时，抛出了无效的URL
最后的评论之一建议
通过在jsdom中设置引荐来源网址配置，使jsdom实例具有有效的位置/baseURI."
"manipulate the jsdom instance to have a valid location / baseURI by setting the referrer config in jsdom."
我想知道有没有办法做到这一点?我可以通过jest对象以某种方式访问jsdom实例吗?
I'm wondering is there way for me to do that? Can I access the jsdom instance somehow from the jest object?
推荐答案
在使用需要URL(location.href)的项目时，我遇到了类似的问题.您可以在配置中使用testURL配置jest.
I had a similar issue when using a project requiring a url (location.href). You can configure jest with a testURL in your configuration.
这是您可能会在package.json中放入的内容(如果这是配置jest的方式).
Here is what you might put in your package.json (if that is how you configure jest).
"jest": {
...other config,
"testURL": "http://localhost:8080/Dashboard/index.html"
}
如果需要对jsdom进行更具体的更改，则可以自己安装jsdom并与jest分开导入和配置它.这是一个示例:
If you need more specific changes to jsdom you can install jsdom yourself and import and configure it separately from jest. Here is an example:
test.js
'use strict';
import setup from './setup';
import React from 'react';
import { mount } from 'enzyme';
import Reportlet from '../components/Reportlet.jsx';
it('Reportlet Renders', () => {
...some test stuff
});
setup.js
import jsdom from 'jsdom';
const DEFAULT_HTML = '<html><body></body></html>';
// Define some variables to make it look like we're a browser
// First, use JSDOM's fake DOM as the document
global.document = jsdom.jsdom(DEFAULT_HTML);
// Set up a mock window
global.window = document.defaultView;
global.window.location = "https://www.bobsaget.com/"
// ...Do extra loading of things like localStorage that are not supported by jsdom
这篇关于如何配置Jest使用的jsdom实例?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
