जोर देकर कहा एक तत्व केंद्रित है

Question

How do I assert an element is focused? धागा के अनुसार, आप देख सकते हैं कि एक तत्व एक activeElement() में स्विच करके ध्यान केंद्रित है और जोर इस एक ही तत्व आप ध्यान केंद्रित होने की संभावना है:

expect(page.element.getAttribute('id')).toEqual(browser.driver.switchTo().activeElement().getAttribute('id')); 

मेरे मामले में, वर्तमान में तत्व पर केंद्रित id विशेषता नहीं है।

id की जांच करने के बजाय मुझे क्या करना चाहिए?

बोनस प्रश्न: साथ ही, जैसा कि आप इसे हल करने के लिए मेरी कोशिशों से देख सकते हैं, ऐसा लगता है कि मैं एक पूर्ण वस्तु के रूप में तत्व (या वेब तत्व) की अपेक्षा/अनुमान नहीं लगा सकता। क्यूं कर?

---

मैं कोशिश की है:

expect(page.element).toEqual(browser.driver.switchTo().activeElement()); 

लेकिन है एक त्रुटि मैं भी समझ में नहीं आ सकते हैं के साथ विफल हो रहा है - वहाँ एक बहुत बड़ा ट्रैस बैक (इसके बारे में 10 मिनट के कंसोल में स्क्रॉल करने के लिए है) है, लेकिन अंदर उपयोगकर्ता के अनुकूल त्रुटि नहीं है। नवीनतम चांदा विकास संस्करण का उपयोग करना

Error: expect called with WebElement argument, expected a Promise. Did you mean to use .getText()?

:

मैं भी getWebElement() उपयोग करने के लिए कोशिश की है:

expect(page.element.getWebElement()).toEqual(browser.driver.switchTo().activeElement()); 

लेकिन यह निम्न त्रुटि प्राप्त हुई।

Answer 1

मेरा उत्तर में मैं ग्रहण करने के लिए activeElem और pageElem दोनों चांदा तत्व ढूँढ़ने वाले हैं जा रहा हूँ, और एक ही वेब तत्व ओर इशारा करते हैं।

क्यों

expect(activeElem).toEqual(pageElem); 

अनंत लूप में हो जाता है के बारे में अपने सवाल का जवाब देने सबसे पहले, यह, चांदा समझौता चमेली के expect जोर देते हुए पहले वादा हल करने क्योंकि है ताकि बिना expect(activeElem.getText()).toEqual('text'); काम करता है जैसे कार्य कर

activeElem.getText().then(function(text) { 
    expect(text).toEqual('text'); 
}) 

आप कह सकते हैं, क्यों न केवल वादे को हल करें? लेकिन फिर घोंसला किए गए वादे हैं।

तो अब आप सोच रहे होंगे कि यह एक मुद्दा है, लेकिन यह वास्तव में ऐसा नहीं है क्योंकि आप वास्तविक तत्व मामले में दो तत्वों की तुलना कभी नहीं करेंगे। जैस्मीन की toEqual एक संदर्भ जांच करता है, और गहरी तुलना नहीं, इसलिए expect(activeElem).toEqual(pageElem), एक साधारण संदर्भ तुलना के समान ही है: (activeElem === pageElem).toToTruthy(), और वास्तव में ऐसा कोई बिंदु नहीं है। (नोट element(by.css('html')) === element(by.css('html')) झूठी है, क्योंकि यह एक ही संदर्भ नहीं है।)

तो, यह थ्रेड के लिए असली सवाल का जवाब देने:

expect(activeElem.getId()).toEqual(pageElem.getId()); 

Answer 2

आपको प्रोटैक्टर/वेबड्राइवर को पृष्ठ पर अपना तत्व कैसे ढूंढना है, उसे बताने के लिए एक तरीके से आने की आवश्यकता है। प्रोटैक्टर तत्वों को खोजने के लिए जावास्क्रिप्ट का उपयोग करता है, इसलिए डीओएम का निरीक्षण करने के लिए उपलब्ध किसी भी उपकरण उपलब्ध हैं। चांदा और webdriver विभिन्न by जायके इन API लपेट:

http://angular.github.io/protractor/#/api?view=ProtractorBy

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

यदि आपके तत्व में कोई विशिष्ट विशेषता नहीं है, तो परीक्षण करने में आसान बनाने के लिए कुछ जोड़ने के लायक हो सकते हैं। या, (हालांकि यह अक्सर इतना नाजुक है क्योंकि यह बहुत नाजुक है), आप एक xpath का उपयोग कर सकते हैं। देखें https://github.com/angular/protractor/blob/master/docs/locators.md

Answer 3

यह अजीब बात है कि यह केवल एक वादा की उम्मीद कर रहा है और वेबड्राइवर तत्व को संभाल नहीं सकता ... मेरे पास आपके जैसा ही बड़ा स्टैकट्रैक था।

वैसे भी, क्या आप इस तरह के समाधान को स्वीकार करेंगे: एक अच्छा टिप्पणी के साथ "गूंगा" वादा भेजें, यह उचित ठहराने के लिए कि आपको ऐसा क्यों करना है। यह एक अर्थपूर्ण समाधान से अधिक कामकाज है जो मैं स्वीकार करता हूं।

expect(page.element.getInnerHtml()) 
    .toEqual(browser.driver.switchTo().activeElement().getInnerHtml()); 

यह मेरे लिए काम कर रहा है;)

संपादित करें: बोनस जवाब

कारण आप उम्मीद कर एक WebElement साथ Webdriver Control Flow Principle से आता है फोन नहीं कर सकते हैं (मैं आप वाकई पहले से ही कर रहा हूँ के बारे में जानें) और this line in jasminewd, जैस्मीन से वेबड्राइवर के लिए एडाप्टर प्रोटैक्टर द्वारा विकसित और उपयोग किया गया;)

Answer 4

आप बस टेक्स्ट (या कुछ और) की जांच कर सकते हैं वह तत्व:

var currentElement = browser.switchTo().activeElement(); 
expect(currentElement.getText()).toEqual(page.element.getText()); 

Answer 5

भविष्य के लिए: कैसे दो elementFinders ही अंतर्निहित webelements अगर देखने के लिए/ध्यान केंद्रित पाठकों, मैं एक custom matcher बना चुके हैं तो एक तत्व सक्रिय है बात पर जोर देना:

beforeEach(function() { 
    jasmine.addMatchers({ 
     toBeActive: function() { 
      return { 
       compare: function(elm) { 
        return { 
         pass: elm.getId().then(function (activeElementID) { 
          return browser.driver.switchTo().activeElement().getId().then(function (currentElementID) { 
           return jasmine.matchersUtil.equals(currentElementID, activeElementID); 
          }); 
         }) 
        }; 
       } 
      }; 
     } 
    }); 
}); 

उपयोग:

expect(element(by.css("#myid")).toBeActive(); 

Answer 6

CSS चयनकर्ताओं का उपयोग करते हुए और के बारे में क्या:

expect(element.all(by.css('#myid:focus')).count()).toBe(1); 

Answer 7

मैं का उपयोग करके चांदा के इसे हल ध्यान केंद्रित: ElementFinder.prototype.equals

const activeElement = await browser.driver.switchTo().activeElement(); 
const potentialyFocusedElement = await component.$('your-locator'); 
const isFocused = await potentialyFocusedElement.equals(activeElement); 

मुझे यकीन है कि नहीं कर रहा हूँ कैसे बिल्कुल equals काम करते हैं, एक गहरी तुलना अगर यह होता है, या यह किसी भी तरह से उदाहरणों की तुलना करता है। लेकिन यह काम करता है।

ध्यान दें कि आप activeElement.equals(...) पर कॉल नहीं कर सकते क्योंकि यह एलिमेंटफाइंडर नहीं है, यह WebElement है।