Looking for protractor Answers? Try Ask4KnowledgeBase
Looking for protractor Keywords? Try Ask4Keywords

protractorCSS चयनकर्ता


वाक्य - विन्यास

  • by.css ( 'सीएसएस-चयनकर्ता')
  • by.id ( 'आईडी')
  • by.model ( 'मॉडल')
  • by.binding ( 'बंधन')

पैरामीटर

पैरामीटर विवरण
सीएसएस-चयनकर्ता वर्ग नाम के आधार पर तत्व का चयन करने के लिए '.class-name' जैसा एक css चयनकर्ता
आईडी डोम तत्व की आईडी
नमूना डोम तत्व के लिए प्रयुक्त मॉडल
बंधन उस बंधन का नाम, जिसका उपयोग निश्चित तत्व से बंधने के लिए किया जाता है

टिप्पणियों

Css selectors कैसे लिखे?

सीएसएस चयनकर्ताओं को लिखने के लिए सबसे महत्वपूर्ण गुण वर्ग और आईडी की डोम हैं। उदाहरण के लिए अगर एक html डोम नीचे उदाहरण की तरह दिखता है:

  <form class="form-signin">
      <input type="text" id="email" class="form-control" placeholder="Email">
      <input type="password" id="password" class="form-control" placeholder="Password">
      <button class="btn btn-block" id="signin-button" type="submit">Sign in</button>
  </form>

फिर ईमेल इनपुट फ़ील्ड का चयन करने के लिए, आप निम्नलिखित तरीके से सीएसएस चयनकर्ता लिख सकते हैं:

  1. वर्ग नाम का उपयोग करना : css चयनकर्ता में वर्ग का नाम विशेष वर्ण से शुरू होता है। (डॉट) उस के लिए सीएसएस चयनकर्ता इस तरह होगा .form-control

    by.css('.form-control')

चूंकि form-control क्लास को दोनों इनपुट तत्वों द्वारा साझा किया जाता है, इसलिए यह लोकेटरों में दोहराव की चिंता पैदा करता है। तो ऐसी स्थिति में यदि आईडी उपलब्ध है तो आपको हमेशा कक्षा के नाम के बजाय आईडी का उपयोग करना पसंद करना चाहिए।

  1. ID का उपयोग करना : css चयनकर्ता में आईडी विशेष वर्ण # (हैश) से शुरू होती है। तो ईमेल इनपुट तत्व के लिए आईडी का उपयोग करने वाला सीएसएस चयनकर्ता नीचे लिखा जाएगा:

    by.css('#email')

  2. कई वर्ग नामों का उपयोग करना : यदि डोम तत्व में कई वर्ग हैं तो आप सीएसएस चयनकर्ता के रूप में कक्षाओं के संयोजन के साथ कर सकते हैं। उदाहरण के लिए यदि डोम तत्व इस प्रकार है:

<input class="username-class form-control">
// css selector using multiple classes
by.css('.username-class.form-control')
  1. अन्य विशेषताओं के साथ टैग नाम का उपयोग करना : टैग नाम और अन्य विशेषताओं का उपयोग करके सीएसएस चयनकर्ता लिखने की सामान्य अभिव्यक्ति tagname[attribute-type='attribute-vallue'] । तो अभिव्यक्ति के बाद साइन-इन बटन के लिए सीएसएस लोकेटर इस तरह से बनाया जा सकता है:
by.css("button[type='submit']") //or
by.css("button[id='signin-button']")

CSS चयनकर्ता संबंधित उदाहरण