Jsdom: SVGGElement परिभाषित नहीं है

को निर्मित 3 दिस॰ 2019 · 3टिप्पणियाँ · स्रोत: jsdom/jsdom

मुझे लगता है कि SVGGElement ( MDN प्रलेखन ) jsdom में समर्थित नहीं है?

बुनियादी जानकारी:

Node.js संस्करण: 10.150.
jsdom संस्करण: 11.5.1

न्यूनतम प्रजनन मामला

const { JSDOM } = require("jsdom");

const options = {
  ... your options here ...
};
const dom = new JSDOM(`
  <svg>
    <g id="g"> 
  </svg>
`, options);

const g = dom.window.document.querySelector("#g");

if (g instanceof SVGGElement) { // throws "SVGGElement is not defined"
  console.log("ok");
}

समान कोड ब्राउज़र में कैसे व्यवहार करता है?

https://jsfiddle.net/p3ag4v85/

(कंसोल में जांचें और ok देखें)

मुझे यह कहना है कि जब मैंने जेस्ट का उपयोग करके अपने कोड का परीक्षण किया तो मैंने बग देखा, जो आंतरिक रूप से जेएसडॉम का उपयोग कर रहा है। मुझे मिली त्रुटि यहां दी गई है:

● should throw an Error if g element is not found

    expect(received).toThrowError(expected)

    Expected message: "group element not found"
    Received message: "SVGGElement is not defined"

          46 |         if (!(svgElement instanceof SVGSVGElement))
          47 |             throw new Error("svg element not found");
        > 48 |         if (!(groupElement instanceof SVGGElement))
             |                                       ^
          49 |             throw new Error("g element not found");
          50 |         this.groupElement = groupElement;
          51 |         this.groupBBoxWidth = 0;

          at new Lib (lib/js/index.js:48:39)
          at test/MyLib/constructor.test.js:86:15
          at Object.<anonymous> (node_modules/expect/build/toThrowMatchers.js:81:11)
          at Object.toThrowError (node_modules/expect/build/index.js:342:33)
          at Object.<anonymous> (test/MyLib/constructor.test.js:87:7)

      85 |     expect(
      86 |         () => new Lib({ svgIdentifier: "svg", groupIdentifier: "g" })
    > 87 |     ).toThrowError(new TypeError("group element not found"));
         |       ^
      88 | });
      89 | 

      at Object.<anonymous> (test/MyLib/constructor.test.js:87:7)

svg

स्रोत

khalyomede

👍1

सबसे उपयोगी टिप्पणी

वास्तव में, ऐसा लगता है कि यह सिर्फ इसलिए है क्योंकि हम SVG g तत्व का समर्थन नहीं करते हैं। हमारा एसवीजी समर्थन इस समय बहुत अच्छा नहीं है।

TimothyGu 28 दिस॰ 2019

👍2 😕1

सभी 3 टिप्पणियाँ

SVGElement समर्थित है। हालांकि आपका कोड Node.js वैश्विक में SVGElement ऊपर देख रहा है। आपको dom.window.SVGElement का उपयोग करने की आवश्यकता है।

domenic 3 दिस॰ 2019

👎2

हां। यह वास्तव में एक बग है। ऐसा लगता है कि एसवीजी समूहों के लिए विनिर्देश सही ढंग से लागू नहीं किया गया है।

<!DOCTYPE html>
<html>
    <body>
        <svg id="svg">
            <g id="group"></g>
        </svg>
        <script>
            "use strict";

            window.addEventListener("load", function() {
                const svg = document.getElementById("svg");
                const group = document.getElementById("group");

                console.dir(svg.constructor);   // ƒ SVGSVGElement()
                console.dir(group.constructor); // ƒ SVGGElement()
            });
        </script>
    </body>
</html>

"use strict";

const { JSDOM } = require("jsdom");

const dom = new JSDOM(`
    <svg id="svg">
        <g id="group"></g>
    </svg>
`);

const svg = dom.window.document.getElementById("svg");
const group = dom.window.document.getElementById("group");

console.log(svg.constructor);   // [Function: SVGSVGElement]
console.log(group.constructor); // [Function: SVGElement]

गिटहब प्रजनन भंडार ।

aminnairi 4 दिस॰ 2019

👍1

TimothyGu 28 दिस॰ 2019

👍2 😕1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स