Protractor: शैडोडॉम समर्थन अनुरोध

@ first87

इसे साझा करने के लिए टीएनएक्स। यह अच्छा लग रहा है और यह एक अच्छा समाधान है।

यदि आप इसे चांदा के नए संस्करण में देखना चाहते हैं तो आप element(by. shadowRoot('#parentElement #innerElement')) जैसे नए लोकेटर के साथ एक पीआर जोड़ सकते हैं

@wswebcreation ठीक है, अच्छा। मैं एक पीआर जोड़ूंगा।
आप चयनकर्ता की इस शैली के साथ ठीक कर रहे हैं: लेकिन मैं जाने से पहले सुनिश्चित करें कि सिर्फ एक बात बनाना चाहते #parentElement::sr #innerElement इंगित करने के लिए तत्व #innerElement की छाया पेड़ के अंदर #parentElement ?

@ first87

मुझे अच्छा लगता है

मैं केवल (केवल) वह नहीं हूं जो पीआर के बारे में निर्णय लेता है। कोर सदस्य, जो आपके पीआर की समीक्षा भी करेंगे, अंत में निर्णय लेंगे।

मुझे लगता है कि यह एक बढ़िया अतिरिक्त और एक स्पष्ट लॉगिंग होगी, इसलिए इसके लिए जाएं

@wswebcreation मैं अपने

हाय @ फर्स्ट87 ,

क्या आपने यह दस्तावेज़ देखा है। इसमें आपके द्वारा उठाए जाने वाले सभी कदम हैं।

@wswebcreation हां, मैंने DEVELOPER.md चेक किया और मुझे पुश करने के लिए कोई गाइड नहीं मिला। ये वे कदम हैं जिन पर मैं गया:

• git clone [email protected]:angular/protractor.git
• cd protractor/
• git remote add upstream https://github.com/angular/protractor.git
• git checkout -b feature/shadow-root-locator master मेरी अपनी शाखा बनाने के लिए
• npm install
• कई कमिट किए
• gulp lint यह जांचने के लिए कि कोड सही तरीके से स्वरूपित है या नहीं
• npm start , webdriver-manager start , npm test सभी परीक्षण पास करने के लिए

अब मुझे आगे के लिए क्या करना चाहिए?

हाय @ फर्स्ट87 ,

• आप प्रोजेक्ट को फोर्क करके शुरू करते हैं।
• फिर यह आपके खाते में जुड़ जाएगा।
• अपनी स्थानीय मशीन पर एक क्लोन करें
• फिर अपने परिवर्तनों को आगे बढ़ाएं और "पीआर बनाएं" -बटन पर क्लिक करें।

यह ट्रिक काम आना चाहिए

@wswebcreation ठीक है, मार्गदर्शन के लिए धन्यवाद।

@wswebcreation मैंने अभी एक पीआर #4392 बनाया है।

@ first87 टीएनएक्स !!

इस पर क्या स्थिति है? हम by.shadowRoot फ़ंक्शन का उपयोग करने में सक्षम होना चाहते हैं।

आशा है कि कोई मुझे इसे हल करने में मदद करेगा: https://github.com/angular/protractor/pull/4392#issuecomment -359814654

@ first87 मैंने अपने e2e परीक्षणों में आपके नए लोकेटर का उपयोग करने का प्रयास किया। मैं छाया डोम में तत्वों को प्राप्त करने में असमर्थ हूँ।

पर्यावरण: पॉलिमर वेब घटकों के साथ कोणीय (v5) अनुप्रयोग। e2e परीक्षण चलाने के लिए चांदा।

कोणीय सीएलआई: 1.6.4
नोड: 6.10.0
कोणीय: 5.2.0
@ कोणीय/क्ली: 1.6.4
टाइपप्रति: 2.5.3
नीचे क्रोम में विस्तारित मेरा पॉलीमर वेब कंपोनेंट शैडो रूट दिया गया है। आप इस कस्टम तत्व के अंदर इनपुट प्रकार = "पाठ" देख सकते हैं।

मैं चांदा by.css_sr का उपयोग कर कस्टम बहुलक घटक के अंदर इनपुट तत्व तक पहुँचने में असमर्थ हूँ।

वर पॉलीमरफर्स्टनाम = एलिमेंट (by.className('polyFName'));
वर इनपुट एलीमेंट = पॉलीमरफर्स्टनाम। एलिमेंट (by.css_sr ('इनपुट')); // कुछ भी नहीं लौटाता है।

यह एक त्रुटि के साथ विफल हुआ "लोकेटर का उपयोग करके कोई तत्व नहीं मिला: by.css_sr ("इनपुट")"।

मुझे आंतरिक इनपुट तत्व तक पहुंचने की आवश्यकता है ताकि मैं यूआई ऑटोमेशन कार्यों को कर सकूं।
पॉलीमरफर्स्टनाम। एलिमेंट (by.css_sr ('इनपुट'))। स्पष्ट ();
पॉलीमरफर्स्टनाम.एलिमेंट (by.css_sr ('इनपुट')).sendKeys ('रिची');

मुझे कुछ याद आ रहा है?

@msbasanth आप ::sr से चूक गए क्योंकि by.css_sr तत्व की छाया जड़ में तत्वों को ढूंढना शुरू नहीं करेगा ~ यह प्रत्येक ::sr लिए किसी भी तत्व के छाया डोम पेड़ में खोदेगा
तो आपको अपने इनपुट तत्व खोजक को इसके साथ बदलना चाहिए:

var inputElement = polymerFirstName.element(by.css_sr('::sr input'));

धन्यवाद @ first87 इसने एक आकर्षण की तरह काम किया।
आशा है कि हमें यह शैडो डोम सपोर्ट प्रोट्रैक्टर में जल्द ही मिलेगा।

यह सही है! आपको धन्यवाद! यह अब बहुत कठिन पता लगाने वाले तत्व होने जा रहा है, खासकर अगर नेस्टेड शैडो डोम हैं :( क्योंकि हम कंसोल में लोकेटर का परीक्षण नहीं कर सकते हैं। फिर से धन्यवाद!

@firstor इसके लिए बहुत-बहुत धन्यवाद! उम्मीद है कि यह जल्द ही एकीकृत हो जाएगा ....

हालांकि मैं इस पर आपसे कुछ सहायता प्राप्त करने की उम्मीद कर रहा था। जबकि मैं आवश्यकतानुसार :: sr का उपयोग करके सही मान प्राप्त करने में सक्षम हूं, जब मैं title.getText() करता हूं तो ऐसा लगता है कि यह "गलत" मान प्राप्त करता है। ऐसा लगता है कि यह एक वस्तु के रूप में आ रहा है। नीचे निम्न आउटपुट देखें:

अपेक्षित ['शीर्षक'] 'शीर्षक' होना।

मुझे उस वस्तु/सरणी से स्ट्रिंग प्राप्त करने में सफलता नहीं मिली है और मैं सोच रहा था कि क्या आपके पास कोई विचार है?

समाधान के लिए फिर से धन्यवाद !!

संपादित करें: उपेक्षा !! इसका संदर्भ दिया और इसने चाल चली https://stackoverflow.com/questions/29478905/protractor-element-gettext-returns-an-object-and-not-string । एक बार फिर धन्यवाद!!

हाय @firstor / @msbasanth , मैं छाया-रूट डोम में मौजूद तत्व प्राप्त करने में असमर्थ हूं। मैंने आपके उपरोक्त कोड को एक .ts फ़ाइल में कॉपी किया है लेकिन लाइन नंबर पर एक संकलन त्रुटि प्राप्त कर रहा है। 6:
कोड: शैडोडोमइनयूज = (डॉक्यूमेंट.हेड.क्रिएटशैडोरूट...
त्रुटि: संपत्ति 'createShadowRoot' प्रकार 'HTMLHeadElement' पर मौजूद नहीं है ।

आवेदन: कोणीय v7
नोडजेएस: 6.9.0
टाइपप्रति: 2.3.3
प्रोट्रैक्टर: 5.3.2

क्या आप कृपया विस्तार से बता सकते हैं कि शैडो-रूट के अंदर इनपुट बॉक्स में कुछ टेक्स्ट दर्ज करने के लिए अपनी विधि का उपयोग कैसे करें?
धन्यवाद!

@फर्स्टोर
इसके लिए धन्यवाद। मैं इसे इस तरह इस्तेमाल करने की कोशिश कर रहा हूं।
var searchBar = element(by.css_sr('::sr input'));
var searchButton = element(by.css_sr('::sr i'));

मुझे नीचे त्रुटि मिल रही है
[11:36:06] ई/लॉन्चर - लेखन त्रुटि: अमान्य लोकेटर

मैं क्या गलत कर रहा हूं?
किसी भी सहायताको बहुत सराहा जाएगा। अग्रिम में धन्यवाद।

@firstor अरे,
हालांकि, हम इसे अपनी टीम में पूरी तरह से उपयोग नहीं कर सकते हैं जब तक कि इसे प्रोट्रैक्टर मास्टर शाखा में विलय नहीं किया जाता है (हम रिमोट नोड्स पर प्रोट्रैक्टर का उपयोग कर रहे हैं, इसलिए जब परीक्षण चल रहे हों तो libs हमेशा खींचे जाते हैं)।

https://github.com/angular/protractor/pull/4786 के विलय पर कोई प्रगति?

इस पर किसी भी अद्यतन?

कोई भी जानकारी? यह कई चश्मे के लिए एक अवरोधक है देर से (

हैलो @firstor ,

आवेदन: कोणीय 8
नोडजेएस: 12.13.1
टाइपप्रति: 3.5.3
चांदा : 5.4.0

आपके कामकाज के लिए धन्यवाद।

मैं शैडोरूट में तत्व खोजने की कोशिश करता हूं। हमारे फ्रंटएंड आर्किटेक्चर में, हमारे पास 3 गहराई स्तर हैं

• पहला स्तर: माइक्रो फ्रंटएंड एप्लीकेशन
• दूसरा स्तर : सूक्ष्म दृश्यपटल घटक
• तीसरा स्तर: कोणीय सामग्री घटक

पहला और दूसरा शैडोरूट स्तर पहुंच योग्य है लेकिन अंतिम नहीं।

कोड स्रोत का अर्क:

    await expect(element(by.tagName('page-affaire')).isDisplayed());
    await browser.driver.sleep(3000);
    console.log('Page affaire chargée');
    var el1 = element(by.tagName('page-affaire'));

    var el2 = el1.element(by.css_sr('::sr rac-card'));
    console.log('rac-card found');

    var el3 = el1.element(by.css_sr('::sr rac-option'));
    console.log('rac-option found');

    var el4 = el1.element(by.css_sr('::sr mat-select')); 
    console.log('rac-card select');

परिणाम लॉग:

Jasmine` started
Page affaire chargée
rac-card found
rac-option found
rac-card select
Sélection du type de demande

  créer Affaire
    × Select type demande
      - NoSuchElementError: No element found using locator: by.css_sr("::sr mat-select")

हम अन्य समाधान के साथ प्रयास करते हैं ( https://stackoverflow.com/questions/57979981/how-to-check-in-protractor-javescript-in-shadow-dom-if-the-button-is-enabled-o )। हमारे पास एक ही मुद्दा है:

await browser.executeScript("return document.querySelector(\"page-affaire\");").then(function () {
      console.log('page affaire found');
      // browser.sleep(5000);
    });
    await browser.executeScript("return document.querySelector(\"page-affaire\").shadowRoot.querySelector(\"rac-card\");").then(function () {
      console.log('rac card found');
      // browser.sleep(5000);
    });
    await browser.executeScript("return document.querySelector(\"page-affaire\").shadowRoot.querySelector(\"rac-card\").shadowRoot.querySelector(\"rac-option\");").then(function () {
      console.log('rac option found');
      // browser.sleep(5000);
    });
    await browser.executeScript("return document.querySelector(\"page-affaire\").shadowRoot.querySelector(\"rac-card\").shadowRoot.querySelector(\"rac-option\").shadowRoot.querySelector(\"mat-select\").click();").then(function () {
      console.log('Type de Demande cliqué');
      browser.sleep(5000);
    });

परिणाम :

Jasmine started
Page affaire chargée
rac-card found
rac-option found
rac-card select
Sélection du type de demande

  créer Affaire
    × Select type demande
      - NoSuchElementError: No element found using locator: by.css_sr("::sr mat-select")

क्या शैडोरूट डेप्थ लिमिट एक्सेस के संबंध में कोई सीमा है?

आपके समर्थन के लिए धन्यवाद।

V1nc3kr0

हैलो @firstor ,

आवेदन: कोणीय 8
नोडजेएस: 12.13.1
टाइपप्रति: 3.5.3
चांदा : 5.4.0

आपके कामकाज के लिए धन्यवाद।

मैं शैडोरूट में तत्व खोजने की कोशिश करता हूं। हमारे फ्रंटएंड आर्किटेक्चर में, हमारे पास 3 गहराई स्तर हैं

• पहला स्तर: माइक्रो फ्रंटएंड एप्लीकेशन
• दूसरा स्तर : सूक्ष्म दृश्यपटल घटक
• तीसरा स्तर: कोणीय सामग्री घटक

पहला और दूसरा शैडोरूट स्तर पहुंच योग्य है लेकिन अंतिम नहीं।

कोड स्रोत का अर्क:

    await expect(element(by.tagName('page-affaire')).isDisplayed());
    await browser.driver.sleep(3000);
    console.log('Page affaire chargée');
    var el1 = element(by.tagName('page-affaire'));

    var el2 = el1.element(by.css_sr('::sr rac-card'));
    console.log('rac-card found');

    var el3 = el1.element(by.css_sr('::sr rac-option'));
    console.log('rac-option found');

    var el4 = el1.element(by.css_sr('::sr mat-select')); 
    console.log('rac-card select');

परिणाम लॉग:

Jasmine` started
Page affaire chargée
rac-card found
rac-option found
rac-card select
Sélection du type de demande

  créer Affaire
    × Select type demande
      - NoSuchElementError: No element found using locator: by.css_sr("::sr mat-select")

हम अन्य समाधान के साथ प्रयास करते हैं ( https://stackoverflow.com/questions/57979981/how-to-check-in-protractor-javescript-in-shadow-dom-if-the-button-is-enabled-o )। हमारे पास एक ही मुद्दा है:

await browser.executeScript("return document.querySelector(\"page-affaire\");").then(function () {
      console.log('page affaire found');
      // browser.sleep(5000);
    });
    await browser.executeScript("return document.querySelector(\"page-affaire\").shadowRoot.querySelector(\"rac-card\");").then(function () {
      console.log('rac card found');
      // browser.sleep(5000);
    });
    await browser.executeScript("return document.querySelector(\"page-affaire\").shadowRoot.querySelector(\"rac-card\").shadowRoot.querySelector(\"rac-option\");").then(function () {
      console.log('rac option found');
      // browser.sleep(5000);
    });
    await browser.executeScript("return document.querySelector(\"page-affaire\").shadowRoot.querySelector(\"rac-card\").shadowRoot.querySelector(\"rac-option\").shadowRoot.querySelector(\"mat-select\").click();").then(function () {
      console.log('Type de Demande cliqué');
      browser.sleep(5000);
    });

परिणाम :

Jasmine started
Page affaire chargée
rac-card found
rac-option found
rac-card select
Sélection du type de demande

  créer Affaire
    × Select type demande
      - NoSuchElementError: No element found using locator: by.css_sr("::sr mat-select")

क्या शैडोरूट डेप्थ लिमिट एक्सेस के संबंध में कोई सीमा है?

आपके समर्थन के लिए धन्यवाद।

V1nc3kr0

एक कोशिश करें
var el4 = el3 .element(by.css_sr('::sr mat-select'));

@फर्स्टोर
मेरा वेब एप्लिकेशन शैडो रूट्स के 10 स्तरों के साथ Polymer.js का उपयोग कर रहा है।

क्या व्यक्तिगत छाया जड़ों को पार करने के बजाय शीर्ष नोड से अंतिम छाया मूल तत्व को कॉल करना संभव है।
आपके समर्थन के लिए धन्यवाद।

हैलो दोस्तों ,
मैं प्रोट्रैक्टर के लिए नया हूं और मेरी इच्छा है कि मुझे इस लोकेटर स्क्रिप्ट (शैडोडोम) को प्रोट्रैक्टर में शामिल करने में मदद मिल सके।
मैं पॉलिमर वेबकंपोनेंट पर कुछ यूआई परीक्षण कर रहा हूं, प्रोट्रैक्टर संस्करण: 5.4.2 और नोड v12.13।

क्या कोई मुझे बता सकता है कि उस स्क्रिप्ट को कहां शामिल किया जाए? @ फर्स्टोर , @alagappan-qa

अग्रिम में धन्यवाद।

@रुगाबा
onPrepare() विधि के अंतर्गत Configuration.js फ़ाइल में स्क्रिप्ट शामिल करें।

thx @ अलगप्पन-क्यूए, यह काम किया !!

नमस्ते,

क्या इस स्क्रिप्ट को एक अलग js फ़ाइल में शामिल करना और इसे protractor.conf फ़ाइल में आयात करना और onPrepare() विधि में शामिल करना संभव है। अगर ऐसा है तो हम इसे कैसे करते हैं?

धन्यवाद,
लक्ष्मी

अगर किसी को अभी इसकी आवश्यकता है, तो देखें https://github.com/angular/protractor/pull/4786#issuecomment -607204672 और https://github.com/angular/protractor/pull/4786#issuecomment -607224145

आप https://github.com/angular/protractor/pull/4786.patch या https://github.com/angular/protractor/pull/4786.diff का भी उपयोग कर सकते हैं

नमस्ते,

क्या इस स्क्रिप्ट को एक अलग js फ़ाइल में शामिल करना और इसे protractor.conf फ़ाइल में आयात करना और onPrepare() विधि में शामिल करना संभव है। अगर ऐसा है तो हम इसे कैसे करते हैं?

धन्यवाद,
लक्ष्मी

@ लाख02
इस लोकेटर को किसी अन्य फ़ाइल में घोषित करें

exports.addShadowRootLocator = function () {
    by.addLocator('css_sr', function (
.
.
.
    return matches;
    });
};

फिर ऑनप्रेपेयर () विधि में

onPrepare: function () {
        // register the shadow root locator, to use it globally
        require('./path/to/file').addShadowRootLocator();
}

>

@फर्स्टोर
मेरा वेब एप्लिकेशन शैडो रूट्स के 10 स्तरों के साथ Polymer.js का उपयोग कर रहा है।

क्या व्यक्तिगत छाया जड़ों को पार करने के बजाय शीर्ष नोड से अंतिम छाया मूल तत्व को कॉल करना संभव है।
आपके समर्थन के लिए धन्यवाद।

@firstor मैं आपकी प्रोफ़ाइल पर देख सकता हूं कि आप छाया डोम के साथ अनुभव कर रहे हैं। क्या आप कृपया इतने दयालु हो सकते हैं और उदाहरण प्रदान कर सकते हैं कि आप नेस्टेड छाया डोम तक कैसे पहुंचते हैं? मैं इसके साथ दो सप्ताह से संघर्ष कर रहा हूं और अभी भी कुछ तत्वों तक नहीं पहुंच सकता:
यह मेरा उदाहरण है, मुझे हाइलाइट किए गए div तत्व तक पहुंचने की आवश्यकता है: div.a-choosen-text:

मैंने नीचे लोकेटर (और कई अन्य) की कोशिश की, लेकिन कोई सफलता नहीं मिली:
nameOnTheProjectTab = element(by.css_sr('app-dumbledore::sr lit-route::sr app-dashboard::sr app- project:nth-child (1)::sr appkit-panel::sr app-assignee- dropdown::sr appkit-dropdown::sr div.a-choosen-text'));

हैरानी की बात यह है कि ऐप-प्रोजेक्ट के लिए लोकेटर ठीक काम करता है, लेकिन जब मैं गहराई में जाता हूं, तो मैं जो भी कोशिश करता हूं, वह काम नहीं करता है।
ठीक काम करता है: स्थिर प्रोजेक्टटैब = तत्व (by.css_sr ('ऐप-डंबलडोर :: एसआर लिट-रूट :: एसआर ऐप-डैशबोर्ड :: एसआर ऐप- प्रोजेक्ट: एनएच-चाइल्ड (1)'));

क्या आपको पता है कि मैं क्या गलत कर रहा हूँ?
पहले ही, आपका बहुत धन्यवाद,
मगदा

>

@फर्स्टोर
मेरा वेब एप्लिकेशन शैडो रूट्स के 10 स्तरों के साथ Polymer.js का उपयोग कर रहा है।

क्या व्यक्तिगत छाया जड़ों को पार करने के बजाय शीर्ष नोड से अंतिम छाया मूल तत्व को कॉल करना संभव है।
आपके समर्थन के लिए धन्यवाद।

@firstor मैं आपकी प्रोफ़ाइल पर देख सकता हूं कि आप छाया डोम के साथ अनुभव कर रहे हैं। क्या आप कृपया इतने दयालु हो सकते हैं और उदाहरण प्रदान कर सकते हैं कि आप नेस्टेड छाया डोम तक कैसे पहुंचते हैं? मैं इसके साथ दो सप्ताह से संघर्ष कर रहा हूं और अभी भी कुछ तत्वों तक नहीं पहुंच सकता:
यह मेरा उदाहरण है, मुझे हाइलाइट किए गए div तत्व तक पहुंचने की आवश्यकता है: div.a-choosen-text:

मैंने नीचे लोकेटर (और कई अन्य) की कोशिश की, लेकिन कोई सफलता नहीं मिली:
nameOnTheProjectTab = element(by.css_sr('app-dumbledore::sr lit-route::sr app-dashboard::sr app- project:nth-child (1)::sr appkit-panel::sr app-assignee- dropdown::sr appkit-dropdown::sr div.a-choosen-text'));

हैरानी की बात यह है कि ऐप-प्रोजेक्ट के लिए लोकेटर ठीक काम करता है, लेकिन जब मैं गहराई में जाता हूं, तो मैं जो भी कोशिश करता हूं, वह काम नहीं करता है।
ठीक काम करता है: स्थिर प्रोजेक्टटैब = तत्व (by.css_sr ('ऐप-डंबलडोर :: एसआर लिट-रूट :: एसआर ऐप-डैशबोर्ड :: एसआर ऐप- प्रोजेक्ट: एनएच-चाइल्ड (1)'));

क्या आपको पता है कि मैं क्या गलत कर रहा हूँ?
पहले ही, आपका बहुत धन्यवाद,
मगदा

हाय मगदा,
आपके मामले में, WebElement एपकिट-पैनल के तहत छाया रूट को आपके तत्व को खोजने के लिए विस्तारित नहीं किया गया है।
लेकिन nameOnTheProjectTab तत्व में इसका विस्तार किया गया है जो इस समस्या का कारण बनता है।
नीचे दिए गए तत्व लोकेटर को आज़माएं,
nameOnTheProjectTab = element(by.css_sr('app-dumbledore::sr lit-route::sr app-dashboard::sr app- project:nth-child (1)::sr app-assignee-dropdown::sr appkit- dropdown::sr div.a-choosen-text'));

ओएमजी, मुझे अब मिल गया है, और मुझे अपनी ज़रूरत के सभी लोकेटर मिल गए हैं!
मदद के लिए बहुत बहुत धन्यवाद!
सादर,
मगदा

से: अलगप्पन-क्यूए नोटिफिकेशन @github.com
भेजा गया: शनिवार, 4 जुलाई, 2020 पूर्वाह्न 4:34
प्रति: कोणीय/चाचा चांदा @
सीसी: बार्टकोवियाक-जोसा, मैग्डालेना [email protected] ; टिप्पणी टिप्पणी @noreply.github.com
विषय: पुन: [कोणीय/चाचा] शैडोडोम समर्थन अनुरोध (#4367)

@फर्स्ट या https://github.com/firstor
मेरा वेब एप्लिकेशन शैडो रूट्स के 10 स्तरों के साथ Polymer.js का उपयोग कर रहा है।
[छवि प्रेषक द्वारा हटाई गई। आरजेवीएलएफ] https://user-images.githubusercontent.com/57852329/72205775-de7d6300-34ac-11ea-93f7-37917052ce90.png
क्या व्यक्तिगत छाया जड़ों को पार करने के बजाय शीर्ष नोड से अंतिम छाया मूल तत्व को कॉल करना संभव है।
आपके समर्थन के लिए धन्यवाद।

@firstor https://github.com/firstor मैं आपकी प्रोफ़ाइल पर देख सकता हूं कि आप छाया डोम के साथ अनुभव कर रहे हैं। क्या आप कृपया इतने दयालु हो सकते हैं और उदाहरण प्रदान कर सकते हैं कि आप नेस्टेड छाया डोम तक कैसे पहुंचते हैं? मैं इसके साथ दो सप्ताह से संघर्ष कर रहा हूं और अभी भी कुछ तत्वों तक नहीं पहुंच सकता:
यह मेरा उदाहरण है, मुझे हाइलाइट किए गए div तत्व तक पहुंचने की आवश्यकता है: div.a-choosen-text:
[छवि प्रेषक द्वारा हटाई गई। छवि] https://user-images.githubusercontent.com/50359393/86498151-c532e080-bd84-11ea-867c-337085b96087.png

मैंने नीचे लोकेटर (और कई अन्य) की कोशिश की, लेकिन कोई सफलता नहीं मिली:
nameOnTheProjectTab = element(by.css_sr('app-dumbledore::sr lit-route::sr app-dashboard::sr app- project:nth-child (1)::sr appkit-panel::sr app-assignee- dropdown::sr appkit-dropdown::sr div.a-choosen-text'));

हैरानी की बात यह है कि ऐप-प्रोजेक्ट के लिए लोकेटर ठीक काम करता है, लेकिन जब मैं गहराई में जाता हूं, तो मैं जो भी कोशिश करता हूं, वह काम नहीं करता है।
ठीक काम करता है: स्थिर प्रोजेक्टटैब = तत्व (by.css_sr ('ऐप-डंबलडोर :: एसआर लिट-रूट :: एसआर ऐप-डैशबोर्ड :: एसआर ऐप- प्रोजेक्ट: एनएच-चाइल्ड (1)'));

क्या आपको पता है कि मैं क्या गलत कर रहा हूँ?
पहले ही, आपका बहुत धन्यवाद,
मगदा

हाय मगदा,
आपके मामले में, WebElement एपकिट-पैनल के तहत छाया रूट को आपके तत्व को खोजने के लिए विस्तारित नहीं किया गया है।
लेकिन nameOnTheProjectTab तत्व में इसका विस्तार किया गया है जो इस समस्या का कारण बनता है।
नीचे दिए गए तत्व लोकेटर को आज़माएं,
nameOnTheProjectTab = element(by.css_sr('app-dumbledore::sr lit-route::sr app-dashboard::sr app- project:nth-child (1)::sr app-assignee-dropdown::sr appkit- dropdown::sr div.a-choosen-text'));

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की थी।
इस ईमेल का सीधे उत्तर दें, इसे GitHub https://github.com/angular/protractor/issues/4367#issuecomment-653710546 पर https://github.com/notifications/unsubscribe-auth/AMAGYYOPZMDJCRSHT5XI45TRZ2ILDANCNFSM4DR44ABQ को अनसब्सक्राइब

कैपजेमिनी पोल्स्का सपा। ज़ू ओ,
उल. स्विरकी और विगुरी 16a 02-092 वारसावा,
S?d Rejonowy dla M.ST. वार्सज़ावी, बारहवीं विदज़िया? गोस्पोडार्की रेजेस्ट्रोवी, एनआर केआरएस: 0000040605,
एनआईपी: 526-11-84-467,
वायसोको ?? kapita?u zak?adowego: 16.403.320,000 z?.
इस संदेश में ऐसी जानकारी है जो विशेषाधिकार प्राप्त या गोपनीय हो सकती है और कैपजेमिनी समूह की संपत्ति है। यह केवल उस व्यक्ति के लिए अभिप्रेत है जिसे इसे संबोधित किया गया है। यदि आप इच्छित प्राप्तकर्ता नहीं हैं, तो आप इस संदेश या इसके किसी भाग को पढ़ने, प्रिंट करने, बनाए रखने, प्रतिलिपि बनाने, प्रसारित करने, वितरित करने या उपयोग करने के लिए अधिकृत नहीं हैं। यदि आपको यह संदेश गलती से प्राप्त होता है, तो कृपया प्रेषक को तुरंत सूचित करें और इस संदेश की सभी प्रतियां हटा दें।

हे सब लोग, किसी भी गहरे स्तर पर शैडो रूट के अंदर शैडो एलिमेंट्स का पता लगाने के लिए एक समाधान मिला।
नोड मॉड्यूल "क्वेरी-चयनकर्ता-छाया-डोम" की मदद से, हम शैडो डोम में वेब तत्वों को आसानी से पहचान सकते हैं। सभी छाया जड़ों से गुजरने की जरूरत नहीं है।
तत्व का उपयोग करना (by.shadowDomCss ('')), हम किसी भी स्तर पर शैडो रूट के अंदर वेब तत्व को इंगित कर सकते हैं।

हाय अलगप्पन,
क्या आप कृपया एक उदाहरण के साथ थोड़ा और वर्णन कर सकते हैं। धन्यवाद

बुधवार, 19 अगस्त, 2020 को सुबह 7:52 बजे अलगप्पन-अन्नामलाई <
सूचनाएं@github.com> ने लिखा:

हे सब, के अंदर छाया तत्वों का पता लगाने के लिए एक समाधान मिला
किसी भी गहरे स्तर पर शैडो रूट।
नोड मॉड्यूल "क्वेरी-चयनकर्ता-छाया-डोम" की मदद से, हम कर सकते हैं
शैडो डोम में वेब तत्वों को आसानी से पहचानें। पार करने की जरूरत नहीं
सभी छाया जड़ों के माध्यम से।
तत्व (by.shadowDomCss ('')) का उपयोग करके, हम अंदर वेब तत्व को इंगित कर सकते हैं
किसी भी स्तर पर शैडो रूट।

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की थी।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/angular/protractor/issues/4367#issuecomment-676304234 ,
या सदस्यता समाप्त करें
https://github.com/notifications/unsubscribe-auth/AK2OQDTZK2ZVJTICP3VGS3DSBPDJVANCNFSM4DR44ABQ
.

हाय अलगप्पन, क्या आप कृपया एक उदाहरण के साथ थोड़ा और वर्णन कर सकते हैं। धन्यवाद
…
बुधवार, 19 अगस्त, 2020 को सुबह 7:52 बजे अलगप्पन-अन्नामलाई < @ । * > लिखा: हे सब, किसी भी गहरे स्तर पर शैडो रूट के अंदर शैडो एलिमेंट्स का पता लगाने का समाधान मिला। नोड मॉड्यूल "क्वेरी-चयनकर्ता-छाया-डोम" की मदद से, हम शैडो डोम में वेब तत्वों को आसानी से पहचान सकते हैं। सभी छाया जड़ों से गुजरने की जरूरत नहीं है। element(by.shadowDomCss('')) का उपयोग करके, हम किसी भी स्तर पर शैडो रूट के अंदर वेब तत्व को इंगित कर सकते हैं। — आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की थी। इस ईमेल का सीधे उत्तर दें, इसे GitHub < #4367 (टिप्पणी) > पर देखें, या https://github.com/notifications/unsubscribe-auth/AK2OQDTZK2ZVJTICP3VGS3DSBPDJVANCNFSM4DR44ABQ को अनसब्सक्राइब

उपरोक्त स्क्रीनशॉट में, id=container के साथ टैग पेपर-इनपुट-कंटेनर 6+ शैडो रूट लेयर पर है। इस webElement को लेने के लिए हम element(by.shadowDomCss('paper-input#textbox paper-input-container#container')); का उपयोग कर सकते हैं; यह लघु तत्व पहचानकर्ता WebElement पर कार्य करेगा।

हाय @firstor / @msbasanth , मैं छाया-रूट डोम में मौजूद तत्व प्राप्त करने में असमर्थ हूं। मैंने आपके उपरोक्त कोड को एक .ts फ़ाइल में कॉपी किया है लेकिन लाइन नंबर पर एक संकलन त्रुटि प्राप्त कर रहा है। 6:
कोड: शैडोडोमइनयूज = (डॉक्यूमेंट.हेड.क्रिएटशैडोरूट...
त्रुटि: संपत्ति 'createShadowRoot' प्रकार 'HTMLHeadElement' पर मौजूद नहीं है ।

मुझे यह त्रुटि भी मिली और समाधान createShadowRoot को attachShadow से बदलना है क्योंकि createShadowRoot() विधि को अटैचशैडो() के पक्ष में बहिष्कृत कर दिया गया है। संदर्भ देखें:
https://developer.mozilla.org/en-US/docs/Web/API/Element/createShadowRoot

वैसे @firstor , इस योगदान के लिए धन्यवाद! यह अब तक बहुत अच्छा काम कर रहा है। मैंने प्रोटैक्टर और एंगुलर 10 के साथ काम करने के लिए by.deepCss प्राप्त करने की कोशिश में इतना समय बर्बाद किया। मैंने हाल ही में अपने कोणीय 10 घटकों के साथ देशी शैडोडोम एनकैप्सुलेशन का उपयोग करना शुरू किया है, encapsulation: ViewEncapsulation.ShadowDom जो मुझे पसंद है लेकिन मैं खुश नहीं था। e2e परीक्षण के दौरान किसी भी नेस्टेड शैडोडॉम तत्वों तक नहीं पहुंच सका। शुक्र है कि मुझे यह कोड मिला!

@ रोब4226
कृपया पैकेज देखें https://www.npmjs.com/package/query-selector-shadow-dom

उम्मीद तो दिखती है।

@msbasanth @Rob4226 मैं चांदा के लिए नया हूं, मैं क्रोम डाउनलोड पेज के टेक्स्ट 'डाउनलोड' तक पहुंचने की कोशिश कर रहा हूं
मेरा कोड:

मैंने भी कोशिश की var x = प्रतीक्षा करें element.element(by.css_sr('h1')).getText(); यह काम नहीं करता है।
मुझे नीचे त्रुटि संदेश प्राप्त होता है:

इस पर आपकी प्रतिक्रिया की सराहना करें धन्यवाद!

मैंने इसे ठीक कर दिया है, मुझे प्रत्येक नेस्टेड छाया मूल तत्व के लिए अलग तत्व चर बनाने की आवश्यकता है।

@firstor मैं इस कोड के लिए बहुत सराहना

हैलो, मैं वर्तमान में छाया डोम का चयन करने के लिए हूं। वर्कअराउंड का उपयोग करते समय मुझे निम्न त्रुटि मिलती है:

Logg: { StaleElementReferenceError: stale element reference: stale element not found (Session info: chrome=87.0.4280.66)

उपयोग:
const parent = element(by.css_sr('my-wrapper > div > div::sr my-data')); const domElement = parent.element(by.css('my-checkbox input')); console.log('Displayed', await domElement.isDisplayed());

<my-data> <my-checkbox> <input> <my-checkbox> </my-data> .....
मैं क्या गलत कर रहा हूं?

हैलो, मैं वर्तमान में छाया डोम का चयन करने के लिए हूं। वर्कअराउंड का उपयोग करते समय मुझे निम्न त्रुटि मिलती है:

Logg: { StaleElementReferenceError: stale element reference: stale element not found (Session info: chrome=87.0.4280.66)

उपयोग:
const parent = element(by.css_sr('my-wrapper > div > div::sr my-data')); const domElement = parent.element(by.css('my-checkbox input')); console.log('Displayed', await domElement.isDisplayed());

<my-data> <my-checkbox> <input> <my-checkbox> </my-data> .....
मैं क्या गलत कर रहा हूं?

हाय @wasoek , क्या आप शैडो रूट से इस तत्व के लिए क्रोम डेवलपर टूल> निरीक्षण तत्व प्रदान कर सकते हैं। इससे इस मुद्दे पर और जानकारी मिलेगी।

नमस्ते,

इसे नीचे दी गई 2 विधियों में से किसी का उपयोग करके नियंत्रित किया जा सकता है,

चलो element1 = element.all(by.css_shadowroot('downloads-manager::sr div')).get(1)

चलो element2 = element1.element(by.css_shadowroot('::sr downloads-item::sr div::sr downloads-item')).getText();
या

browser.element(by.css_shadowroot('downloads-manager::sr div[id="mainContainer"]::sr downloads-item::sr div::sr downloads-item')).getText();
[यहां nवें बच्चे के बजाय हम आईडी का उपयोग कर रहे हैं, ताकि यह तत्व पर ध्यान केंद्रित करे]

धन्यवाद,
अलगप्पन ए

से: shopmujahid [email protected]
भेजा गया: गुरुवार, 3 दिसंबर, 2020 पूर्वाह्न 9:20
प्रति: कोणीय/चाचा चांदा @
सीसी: अलगप्पन अन्नामलाई [email protected] ; टिप्पणी टिप्पणी @noreply.github.com
विषय: पुन: [कोणीय/चाचा] शैडोडोम समर्थन अनुरोध (#4367)

मैं छाया डोम (हाइलाइट) के दूसरे div तत्व के तहत तत्वों तक पहुंचने का प्रयास कर रहा हूं लेकिन यह हमेशा नीचे दिए गए संदेश के साथ पहला div तत्व पुनर्प्राप्त कर रहा है:

W/element - लोकेटर के लिए एक से अधिक तत्व पाए गए by.css_shadowroot("downloads-manager::sr div") - पहले परिणाम का उपयोग किया जाएगा

नीचे मेरा xpath है:
browser.element(by.css_shadowroot('downloads-manager::sr div:nth-child (1)::sr downloads-item::sr div::sr downloads-item')).getText();

क्या कोई मुझे इस पर मार्गदर्शन कर सकता है? अग्रिम में धन्यवाद

[छवि] https://user-images.githubusercontent.com/58770415/100961235-336c0280-34df-11eb-9618-1f24ffcd62a0.png

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की थी।
इस ईमेल का सीधे उत्तर दें, इसे GitHub https://github.com/angular/protractor/issues/4367#issuecomment-737647758 पर https://github.com/notifications/unsubscribe-auth/AORWPO6XNK7RUWPVHCWKBCTSS4DH5ANCNFSM4DR44ABQ को अनसब्सक्राइब

मैं छाया डोम के अंदर div तत्वों में से एक तक पहुंचने का प्रयास कर रहा हूं, दोनों एनएच-चाइल्ड() और टाइप-ऑफ() मेरे मामले में काम नहीं कर रहे हैं।
किसी ने पहले इस मुद्दे का सामना किया?

नीचे डोम संरचना और मेरा xpath है

प्रतीक्षा ब्राउज़र। तत्व (by.css_shadowroot ('d2l-नेविगेशन :: sr d2l-नेविगेशन-मुख्य- शीर्षलेख: nth-type-of (3)'))

मुझे कोई तत्व नहीं मिला त्रुटि प्राप्त हो रही है।

किसी भी मदद की बहुत सराहना की जाएगी अग्रिम धन्यवाद।

नमस्ते,

तत्व लोकेटर में :: sr को हटाने का प्रयास करें क्योंकि यह शैडो रूट के बाहर है।
इन 2 एलिमेंट लोकेटर में से किसी का भी उपयोग करें और देखें कि यह काम कर रहा है या नहीं।

प्रतीक्षा ब्राउज़र। तत्व (by.css_shadowroot ('d2l-नेविगेशन d2l-नेविगेशन-मुख्य- शीर्षलेख: nth-type-of (3)'))
या

प्रतीक्षा ब्राउज़र। तत्व (by.css_shadowroot ('d2l-नेविगेशन d2l-नेविगेशन-मेन-हेडर डिव। d2l-नेविगेशन-हेडर-राइट'))

धन्यवाद,

अलगप्पन ए
से: shopmujahid [email protected]
भेजा गया: बुधवार, दिसंबर 9, 2020 दोपहर 12:09 बजे
प्रति: कोणीय/चाचा चांदा @
सीसी: अलगप्पन अन्नामलाई [email protected] ; टिप्पणी टिप्पणी @noreply.github.com
विषय: पुन: [कोणीय/चाचा] शैडोडोम समर्थन अनुरोध (#4367)

मैं छाया डोम के अंदर div तत्वों में से एक तक पहुंचने का प्रयास कर रहा हूं, दोनों एनएच-चाइल्ड() और टाइप-ऑफ() मेरे मामले में काम नहीं कर रहे हैं।
किसी ने पहले इस मुद्दे का सामना किया?

नीचे डोम संरचना और मेरा xpath है
[2134234] https://user-images.githubusercontent.com/58770415/101593797-cc9e8b80-39ad-11eb-8fd0-a7cd7541773f.jpg

प्रतीक्षा ब्राउज़र। तत्व (by.css_shadowroot ('d2l-नेविगेशन :: sr d2l-नेविगेशन-मुख्य- शीर्षलेख: nth-type-of (3)'))

मुझे कोई तत्व नहीं मिला त्रुटि प्राप्त हो रही है।

किसी भी मदद की बहुत सराहना की जाएगी अग्रिम धन्यवाद।

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की थी।
इस ईमेल का सीधे उत्तर दें, इसे GitHub https://github.com/angular/protractor/issues/4367#issuecomment-741567009 पर https://github.com/notifications/unsubscribe-auth/AORWPO7CSSI7P5GH37O74R3ST4LO5ANCNFSM4DR44ABQ को अनसब्सक्राइब

धन्यवाद @ अलगप्पन-अन्नामलाई! 👍 दूसरा समाधान मेरे लिए :: sr को हटाकर और tagname.classname जोड़कर काम करता है, हालांकि मैं अन्य अजीब मुद्दे में भाग गया, यह नीचे के बाल तत्वों तक नहीं पहुंच रहा है:

मुझे उपरोक्त हाइलाइट किए गए तत्व तक पहुंचने की आवश्यकता है

नीचे दोनों xpaths के साथ प्रयास किया:
browser.element(by.css_sr('d2l-नेविगेशन d2l-नेविगेशन-मेन-हेडर div.d2l-नेविगेशन-हेडर-राइट डिव d2l-ड्रॉपडाउन d2l-ड्रॉपडाउन-कंटेंट डिव डिव डिव उल:nth-child(2)' ))

तथा

browser.element(by.css_sr('d2l-नेविगेशन d2l-नेविगेशन-मेन-हेडर div.d2l-नेविगेशन-हेडर-राइट डिव d2l-ड्रॉपडाउन d2l-ड्रॉपडाउन-कंटेंट डिव डिव डिव उल ली._(जब हम इस पर होवर करेंगे तो ली क्लास का नाम इसमें कुछ टेक्स्ट जोड़ देगा)

मुझे कोई तत्व नहीं मिला त्रुटि प्राप्त हो रही है।
अग्रिम में धन्यवाद।

धन्यवाद @ अलगप्पन-अन्नामलाई! 👍 दूसरा समाधान मेरे लिए :: sr को हटाकर और tagname.classname जोड़कर काम करता है, हालांकि मैं अन्य अजीब मुद्दे में भाग गया, यह नीचे के बाल तत्वों तक नहीं पहुंच रहा है:

मुझे उपरोक्त हाइलाइट किए गए तत्व तक पहुंचने की आवश्यकता है

नीचे दोनों xpaths के साथ प्रयास किया:
browser.element(by.css_sr('d2l-नेविगेशन d2l-नेविगेशन-मेन-हेडर div.d2l-नेविगेशन-हेडर-राइट डिव d2l-ड्रॉपडाउन d2l-ड्रॉपडाउन-कंटेंट डिव डिव डिव उल:nth-child(2)' ))

तथा

browser.element(by.css_sr('d2l-नेविगेशन d2l-नेविगेशन-मेन-हेडर div.d2l-नेविगेशन-हेडर-राइट डिव d2l-ड्रॉपडाउन d2l-ड्रॉपडाउन-कंटेंट डिव डिव डिव उल ली.__')) (जब हम इस पर होवर करेंगे तो ली क्लास का नाम इसमें कुछ टेक्स्ट जोड़ देगा)

मुझे कोई तत्व नहीं मिला त्रुटि प्राप्त हो रही है।
अग्रिम में धन्यवाद।

इसे css_sr के बिना और कुछ HTML वेब तत्व प्रदान किए बिना सरल तरीके से नियंत्रित किया जा सकता है
browser.element.all(by.css('d2l-navigation d2l-navigation-main-header ul[class="d2l-datalist vui-list"] li')).get(1);

ब्रावो, एक आकर्षण की तरह काम किया धन्यवाद @ अलगप्पन-अन्नामलाई! मैं