Jsdom: आंतरिक पाठ कार्यान्वयन

और क्या एक दया है कि आवारा Selection और innerText पुस्तकालय jsdom साथ संगत नहीं है: https://github.com/timdown/rangy/issues/348

तो, आंतरिक टेक्स्ट मानक नहीं है, और कम से कम एक प्रमुख इंजन (फ़ायरफ़ॉक्स) में लागू नहीं किया गया है। एक मानक के बिना, मुझे नहीं लगता कि हमें इसे लागू करना चाहिए।

ऐसा लगता है कि यहां ड्राफ़्ट स्पेक के साथ इस पूरी चीज़ में कुछ हलचल संदर्भ भी देखें। हालांकि रेपो पर कोई समस्या नहीं है, इसलिए मुझे आश्चर्य है कि यह पहले से ही कितना पूर्ण है/कितनी तेजी से प्रगति होगी।

फ़ायरफ़ॉक्स ने कार्यान्वित किया है: https://bugzilla.mozilla.org/show_bug.cgi?id=264412

WHATWG को मंजूरी देना जरूरी है: https://github.com/whatwg/compat/issues/5#issuecomment -168049752

कल्पना से ऐसा लगता है कि हम मूल लेआउट समर्थन के बिना innerText ठीक से लागू नहीं कर सकते हैं।

हाँ, यह वास्तव में jsdom में वैसे भी लागू करने योग्य नहीं है, बिना किसी बुनियादी ढांचे के काम के ... कोई भी उनकी आशाओं को पूरा नहीं करता है :(।

लेआउट समर्थन आवश्यकता के अनुसार: https://github.com/rocallahan/innerText-spec/issues/2

क्या WHATWG अपनाने के कारण इसे लागू करने की कोई योजना है?

हाँ... हालाँकि कल्पना के लिए बहुत सारे सामान की आवश्यकता होती है, jsdom के पास CSS बॉक्स के आसपास नहीं है :(। सुनिश्चित नहीं है कि क्या करना है।

क्या इसके लिए jsdom के साथ प्लग करने के लिए कोई lib है?

@domenic देखभाल कुछ ज्ञान छोड़ने के लिए कि यह ऐसा बुनियादी ढांचा ओवरहाल क्यों है? हमने सोचा था कि कमरे में 800lb गोरिल्ला लो-की छोड़ देगा। लेकिन ऐसा लगता है कि यह कहीं नहीं जा रहा है। जैसा कि आप जानते हैं कि मेरे सिर को jsdom की सराय के चारों ओर लपेटा गया है। एक jsdom newb पर कोड की समीक्षा शुरू करने के लिए रेपो में एक अच्छी जगह कहां होगी?

अग्रिम धन्यवाद 🙏 /सीसी @vsemozhetbyt

प्राथमिक मुद्दा यह है कि innerText मार्गदर्शन के लिए लेआउट इंजन पर निर्भर है, और jsdom में कोई लेआउट इंजन नहीं है। देखें https://html.spec.whatwg.org/multipage/dom.html#the -innertext-idl-attribute और
http://perfectionkills.com/the-poor-misundersood-innerText/ । दूसरे लिंक से:

ध्यान दें कि कैसे आंतरिक टेक्स्ट लगभग सटीक रूप से दर्शाता है कि पृष्ठ पर टेक्स्ट कैसा दिखाई देता है। दूसरी ओर, textContent कुछ अजीब करता है - यह द्वारा बनाई गई नई पंक्तियों को अनदेखा करता है
और स्टाइल-ए-ब्लॉक तत्वों के आसपास ( इस मामले में)।

अभी भी दायरे से बाहर है और कोई समाधान नहीं है?

जाहिरा तौर पर युक्ति कहती है:

यदि यह तत्व प्रदान नहीं किया जा रहा है, या यदि उपयोगकर्ता एजेंट एक गैर-सीएसएस उपयोगकर्ता एजेंट है, [जोर जोड़ा गया] तो इस तत्व पर टेक्स्ट सामग्री आईडीएल विशेषता के समान मान लौटाएं।

मुझे लगता है कि textContent वापस करने के लिए एक कामकाज होगा।

हम पर्याप्त सीएसएस लागू करते हैं जो मुझे नहीं लगता कि यह लागू होता है। हम सिर्फ लेआउट भागों को लागू नहीं करते हैं ...

हेलो दोस्तों, इस पर कोई खबर?

बस हेडलेस क्रोम का प्रयोग करें :)

@domenic उस कल्पना से कि @coreh ने उल्लेख किया है:
https://html.spec.whatwg.org/multipage/dom.html#the -innertext-idl-attribute

यदि यह तत्व प्रदान नहीं किया textContent आईडीएल विशेषता के समान मान लौटाएं।

https://html.spec.whatwg.org/multipage/rendering.html#being -rendered

एक तत्व का प्रतिपादन किया जा रहा है यदि उसके पास कोई संबद्ध सीएसएस लेआउट बॉक्स, एसवीजी लेआउट बॉक्स, या अन्य स्टाइलिंग भाषाओं में कुछ समकक्ष है।

यदि jsdom लेआउट भागों को लागू नहीं करता है, तो इसका मतलब यह नहीं है कि "रेंडर नहीं किया जा रहा है" लागू होता है?

यह संदेश इस जीथब थ्रेड तक पहुंचने वाले किसी भी व्यक्ति के लिए है जो अपने कार्य कार्यान्वयन को बदले बिना अपने परीक्षण पास करने का एक तरीका चाहता है।

आपकी परीक्षण फ़ाइलों के शीर्ष के लिए copypasta:

// Expose JSDOM Element constructor
global.Element = (new JSDOM()).window.Element;
// 'Implement' innerText in JSDOM: https://github.com/jsdom/jsdom/issues/1245
Object.defineProperty(global.Element.prototype, 'innerText', {
  get() {
    return this.textContent;
  },
});

स्वाभाविक रूप से, उपरोक्त चर्चा से चेतावनी लागू होती है।

यदि कोई और इस मुद्दे में चल रहा है तो मैंने इसे 1 कदम आगे बढ़ाया और sanitize-html पैकेज का उपयोग मूल रूप से ब्राउजर क्या कर रहा है (ध्यान दें कि मैंने जेएसडीओएम सेटअप आयात नहीं किया क्योंकि मैंने पाया कि इसकी आवश्यकता नहीं थी इसे मेरी जेस्ट सेटअप फ़ाइल में डालते समय लेकिन यदि आप जेस्ट का उपयोग नहीं कर रहे हैं तो आप global.Element = (new JSDOM()).window.Element सेटअप का उपयोग करना चाहेंगे जो @bennypowers ने अनुशंसित किया है):

Object.defineProperty(global.Element.prototype, 'innerText', {
  get() {
    return sanitizeHtml(this.textContent, {
      allowedTags: [], // remove all tags and return text content only
      allowedAttributes: {}, // remove all tags and return text content only
    });
  },
  configurable: true, // make it so that it doesn't blow chunks on re-running tests with things like --watch
});

मुझे भी इसी तरह की आवश्यकता थी लेकिन मैं केवल textContent का उपयोग करने से थोड़ा आगे जाना चाहता था - फिर से, यह ब्राउज़र वास्तव में क्या करता है, इसका सटीक प्रतिनिधित्व नहीं होगा, खासकर सीएसएस द्वारा छिपे तत्वों के संबंध में, लेकिन यह अच्छा है मेरे उपयोग के मामले के लिए पर्याप्त:

function innerText(el)
  el = el.cloneNode(true) // can skip if mutability isn't a concern
  el.querySelectorAll('script,style').forEach(s => s.remove())
  return el.textContent
}

अफ़सोस की बात है!

जाहिरा तौर पर युक्ति कहती है:

यदि यह तत्व प्रदान नहीं किया जा रहा है, या यदि उपयोगकर्ता एजेंट एक गैर-सीएसएस उपयोगकर्ता एजेंट है , [जोर जोड़ा गया] तो इस तत्व पर टेक्स्ट सामग्री आईडीएल विशेषता के समान मान लौटाएं।

मुझे लगता है कि टेक्स्ट सामग्री को वापस करने के लिए एक कामकाज होगा।

हम पर्याप्त सीएसएस लागू करते हैं जो मुझे नहीं लगता कि यह लागू होता है। हम सिर्फ लेआउट भागों को लागू नहीं करते हैं ...

@domenic कृपया कल्पना की अधिक उदार व्याख्या पर विचार करें

textContent को स्पष्ट रूप से फ़ॉलबैक के रूप में अनुमति दी जाती है, जब CSS नियमों का अनुप्रयोग बहुत महंगा होता है

इसके अलावा, आंतरिक पाठ को गेट्टर और सेटर के रूप में निर्दिष्ट किया जाता है

यह देखते हुए कि मैं विशिष्ट संपादक हूं, मैं निश्चित रूप से कह सकता हूं कि "जब सीएसएस नियमों का आवेदन बहुत महंगा है" वह नहीं है जो कल्पना कह रही है।

.. यह मेरी व्याख्या थी "यदि उपयोगकर्ता एजेंट एक गैर-सीएसएस उपयोगकर्ता एजेंट है"

"सीएसएस उपयोगकर्ता एजेंट" और "गैर-सीएसएस उपयोगकर्ता एजेंट" के बीच क्या अंतर है?

किस बारे में:
एक सीएसएस उपयोगकर्ता एजेंट "सीएसएस नियम लागू कर सकता है" और परिणाम (ग्राफिक या टेक्स्टुअल) आउटपुट कर सकता है
एक गैर-सीएसएस उपयोगकर्ता एजेंट "सीएसएस नियम लागू करने" के लिए बहुत मूर्ख है

हम पर्याप्त सीएसएस लागू करते हैं जो मुझे नहीं लगता कि यह लागू होता है।

आपका क्या मतलब है? window.getComputedStyle?

मानक इंटरफ़ेस को लागू न करने की तुलना में टेक्स्ट सामग्री पर वापस आना अभी भी बेहतर है

हो सकता है कि हम सिर्फ उपयोग कर सकते हैं textContent मूल्य का परिणाम बदलने के लिए innerText , जबकि साथ परीक्षण चलाने के jsdom । उदाहरण के लिए:

describe('mytest', () => {
  beforeAll(() => {
    Object.defineProperty(HTMLElement.prototype, 'innerText', {
      get() {
        return this.textContent;
      }
    });
  });
  it('should ok', () => {
  // test assertions
  });
});