getHTML

निर्दिष्ट DOM तत्व का सोर्स कोड सेलेक्टर द्वारा प्राप्त करें। डिफ़ॉल्ट रूप से, यह स्वचालित रूप से तत्व द्वारा निहित सभी तत्वों के शैडो रूट्स को भेदता है।

उपयोग

$(selector).getHTML({ includeSelectorTag, pierceShadowRoot, removeCommentNodes, prettify })

पैरामीटर्स

नाम	प्रकार	विवरण
options	GetHTMLOptions	कमांड विकल्प
options.includeSelectorTag वैकल्पिक	Boolean	यदि सत्य है तो यह सेलेक्टर तत्व टैग को शामिल करता है (डिफ़ॉल्ट: true)
options.pierceShadowRoot वैकल्पिक	Boolean	यदि सत्य है तो यह DOM में सभी वेब कंपोनेंट्स के शैडो रूट्स की सामग्री को शामिल करता है (डिफ़ॉल्ट: true)
options.removeCommentNodes वैकल्पिक	Boolean	यदि सत्य है तो यह HTML से सभी टिप्पणी नोड्स को हटा देता है, जैसे <!--?lit$206212805$--><!--?lit$206212805$--> (डिफ़ॉल्ट: true)
options.prettify वैकल्पिक	Boolean	यदि सत्य है, तो html आउटपुट को सुव्यवस्थित किया जाएगा (डिफ़ॉल्ट: true)

उदाहरण

index.html

<div id="test">
    <span>Lorem ipsum dolor amet</span>
</div>

getHTML.js

it('should get html for certain elements', async () => {
    var outerHTML = await $('#test').getHTML();
    console.log(outerHTML);
    // outputs:
    // "<div id="test"><span>Lorem ipsum dolor amet</span></div>"

    var innerHTML = await $('#test').getHTML({ includeSelectorTag: false });
    console.log(innerHTML);
    // outputs:
    // "<span>Lorem ipsum dolor amet</span>"
});

getHTMLShadow.js

it('allows to snapshot shadow dom', async () => {
    await browser.url('https://ionicframework.com/docs/usage/v8/button/basic/demo.html?ionic:mode=md')

    // get snapshot of web component without its styles
    const snapshot = await $('ion-button').getHTML({ excludeElements: ['style'] })

    // assert snapshot
    await expect(snapshot).toMatchInlineSnapshot(`
        <ion-button class="md button button-solid ion-activatable ion-focusable hydrated">Default
            <template shadowrootmode="open">
                <button type="button" class="button-native" part="native">
                <span class="button-inner">
                    <slot name="icon-only"></slot>
                    <slot name="start"></slot>
                    <slot></slot>
                    <slot name="end"></slot>
                </span>
                <ion-ripple-effect role="presentation" class="md hydrated">
                    <template shadowrootmode="open"></template>
                </ion-ripple-effect>
                </button>
            </template>
        </ion-button>
    `)
});

रिटर्न्स

• <String> return: निर्दिष्ट तत्व का HTML