Jsdom: لم يتم تعريف SVGGElement

تم إنشاؤها على ٣ ديسمبر ٢٠١٩  ·  3تعليقات  ·  مصدر: jsdom/jsdom

أعتقد أن SVGGElement ( وثائق MDN ) غير مدعوم في jsdom؟

معلومات أساسية:

  • إصدار Node.js: 10.150.0
  • إصدار 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 )

ملحوظات

يجب أن أقول أنني لاحظت الخطأ عندما اختبرت الكود الخاص بي باستخدام Jest ، وهو استخدام jsdom داخليًا. هذا هو الخطأ الذي حصلت عليه:

● 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

التعليق الأكثر فائدة

في الواقع ، يبدو أن هذا لمجرد أننا لا ندعم عنصر SVG g . دعم SVG ليس رائعًا في الوقت الحالي.

ال 3 كومينتر

يتم دعم SVGElement . ومع ذلك ، فإن شفرتك تبحث عن SVGElement في Node.js العالمية. تحتاج إلى استخدام dom.window.SVGElement .

نعم. هذا حقا خطأ. يبدو أن المواصفات لا يتم تنفيذها بشكل صحيح لمجموعات SVG.

<!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]

مستودع استنساخ جيثب .

في الواقع ، يبدو أن هذا لمجرد أننا لا ندعم عنصر SVG g . دعم SVG ليس رائعًا في الوقت الحالي.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات