এক্সপ্যাথের চেয়ে দ্রুত এবং আরও পঠনযোগ্য হওয়ার কারণে সিএসএস নির্বাচকদের দ্বারা উপাদানগুলির সন্ধান করা পছন্দসই উপায়।
এই টিউটোরিয়ালটি সিএসএস সিলেক্টর ব্যবহার করে কীভাবে সেলেনিয়ামে ওয়েব উপাদানগুলি সনাক্ত করতে পারে তার উদাহরণ সরবরাহ করে।
আসুন কল্পনা করুন আমাদের নীচের বৈশিষ্ট্যগুলির সাথে একটি ট্যাগ রয়েছে [আইডি, শ্রেণি, নাম, মান]
বৈশিষ্ট্য অনুসারে উপাদানগুলি সনাক্ত করার সাধারণ উপায় হ'ল:
css = element_name[='']
উদাহরণ:
WebElement firstName = driver.findElement(By.cssSelector('input[name='first_name']'));
সিএসএসে, আমরা | _ _ _ _ | ব্যবহার করতে পারি | _ _ _ _ | নির্বাচন করতে স্বীকৃতি একটি উপাদান বৈশিষ্ট্য:
উদাহরণ:
#
তাদের | _ _ _ _ | দ্বারা উপাদানগুলি সনাক্ত করতে একই নীতিটি ব্যবহার করা যেতে পারে গুণ
আমরা | _ _ _ _ | ব্যবহার করি স্বরলিপি
id
বিঃদ্রঃ:ব্যবহার করার সময় অতিরিক্ত যত্ন নিন । স্বীকৃতি হিসাবে একই শ্রেণীর বৈশিষ্ট্যযুক্ত এইচটিএমএল উত্সে অনেকগুলি ওয়েব উপাদান থাকতে পারে।কখনও কখনও সঠিক উপাদান সনাক্ত করার জন্য বাছাইয়ের মানদণ্ডের সাথে আরও সুনির্দিষ্ট হওয়ার প্রয়োজন হয়।
driver.findElement(By.cssSelector('input#firstname')); //or driver.findElement(By.cssSelector('#firstname'));
এজ্যাক্স কলের উপর নির্ভর করে ডিসপ্লেটির মান হয় 'কিছুই নয়' বা 'ব্লক' হতে পারে। এই পরিস্থিতিতে, আমাদের ক্লাস এবং শৈলী উভয় দ্বারা উপাদান সনাক্ত করতে হবে।
উদাহরণ:
class
ওয়েবড্রাইভারে, আপনি কীভাবে উপাদানগুলি আবিষ্কার করতে পারেন যার বৈশিষ্ট্যে এমন মান রয়েছে যা আপনি নির্বাচন করতে চান না? এই সিএসএস নির্বাচক উদাহরণটি নির্দিষ্ট বৈশিষ্ট্য মান দ্বারা কীভাবে নির্বাচন করবেন না তা দেখায়
ধরুন আপনার অনেক উপাদান রয়েছে যা একই বৈশিষ্ট্য এবং বৈশিষ্ট্যটির মূল্য ভাগ করে, তবে সেই উপাদানগুলির মধ্যে কিছুতে অন্যান্য ভেরিয়েবলের মানটি যুক্ত হয়। যেমন:
.
উপরের স্নিপেটে, আমরা একটি উপলভ্য দিন নির্বাচন করতে চাই (অর্থাত্ শেষ দুটি driver.findElement(By.cssSelector('input.myForm')); //or driver.findElement(By.cssSelector('.myForm'));
উপাদানসমূহ)
যেমন দেখা যায়, চারটি ডিভগুলিতে 'ক্যালেন্ডার-ডে' রয়েছে তবে প্রথম দুটিতে 'অনুপলব্ধ' রয়েছে যা আমরা চাই না।
প্রথম দুটি ডিভগুলি নির্বাচন না করার জন্য সিএসএস নির্বাচক হলেন
driver.findElement(By.cssSelector('div[class='ajax_enabled'] [style='display:block']'));
চিত্র ট্যাগ সনাক্ত করতে, আমরা ব্যবহার:
কিছু অনুষ্ঠানগুলি হয় যখন একই অভিভাবক উপাদানগুলির মধ্যে তালিকার উপাদানগুলির মধ্যে একাধিক শিশু উপাদান থাকে
div
যেমন দেখা যায়, পৃথক তালিকার উপাদানগুলির সাথে কোনও আইডি যুক্ত থাকে না। ‘কমলা’ পাঠ্য সহ উপাদানটি সনাক্ত করতে, আমাদের | _ _ _ _ | ব্যবহার করতে হবে।
উদাহরণ:
driver.findElement(By.cssSelector('div[class*=calendar-day-]:not([class*='unavailable'])'));'
তেমনিভাবে, সর্বশেষ শিশু উপাদানটি নির্বাচন করতে, অর্থাৎ ‘কলা’, আমরা ব্যবহার করি:
গতিশীলভাবে উত্পাদিত আইডি সহ উপাদানগুলি সনাক্ত করতে আমরা স্ট্রিং ম্যাথার ব্যবহার করতে পারি।
এই উদাহরণে, তিনটি ডিভ উপাদানগুলিতে ‘এলোমেলো’ শব্দটি রয়েছে।
driver.findElement(By.cssSelector('div#logo img'));
প্রথম
নির্বাচন করতে উপাদান, আমরা | _ _ _ _ | ব্যবহার করব যার অর্থ ‘দিয়ে শুরু’:
nth-of-type
দ্বিতীয়টি নির্বাচন করতে driver.findElement(By.cssSelector('ul#fruit li:nth-of-type(2)'));
উপাদান, আমরা | _ _ _ _ | ব্যবহার করব যার অর্থ 'এর সাথে শেষ হয়':
driver.findElement(By.cssSelector('ul#fruit li:last-child'));
শেষটি নির্বাচন করতে
উপাদানটি আমরা ব্যবহার করব | _ _ _ _ | যার অর্থ ‘সাব-স্ট্রিং’
div
আমরা | _ _ _ _ | ব্যবহার করতে পারি
^=
আরও পড়া: