在Jasmine中测试SVG对象时遇到问题

我在测试中复制SVG功能时遇到了问题。 Jasmine与Sinatra网络应用程序中的jasmine-jquery一起成功连线。测试是针对与SVG对象关联的JavaScript函数的。如：在Jasmine中测试SVG对象时遇到问题

function findMapImage() { 
    return $("#svg")[0].contentDocument; 
} 

function findRegions(map) { 
    return map.querySelectorAll('path'); 
}

而且茉莉花灯具看起来是这样的（我已经剥离了一些细节出来）：

<object id="svg" type="image/svg+xml"> 
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 484.33 547" height="500"> 
    <path/> 
    <path/> 
    </svg> 
</object>

我已经添加了以下几行到我的测试：

var map = findMapImage(); 
console.log(map)

而且收益率的console.log：

#document 
    <html> 
    #shadow-root (open) 
     <shadow> 
     <head> 
     <body> 
     </shadow> 
    <head></head> 
    <body></body> 
    <html>

但我应该看到的是更多的东西一样：

#document 
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 484.33 547" height="500"> 
    <defs>...</defs> 
    <title>...</title> 
    <path></path> 
    etc. 
    </svg>

我已经read那的xmlns'需要资源类型的SVG对象的图像/ SVG + XML“。所以我最好的猜测是xmlns资源没有加载。所以，也许我需要弄清楚如何加载远程资源或在本地下载它？我愿意接受其他想法。

来源

2016-11-24 Zollie

难道适合您的用例，避免了'

在Jasmine中测试SVG对象时遇到问题

回答

相关问题