Selenium - CSS Kodları

CSS

CSS bildirim ve seçici olmak üzere ikiye ayrılır. Bir stili uygulayabilmek için bir XHTML/HTML’de element veya elementleri seçmek gerekir.

div {margin-left: 10px;}

div css seçici, [margin-left: 10px] ise bildirimdir. Bildirimler özellik ve değerden oluşur.margin-left özellik; 10px ise değerdir. Değerin sonuna ; konularak diğer bildirime geçilir.Her seçici yazıldıktan sonra { ile başlar } kapatılır. {} içinde bildirimler yer alır.Css kullanırken farklı yöntemler var. Bunlar:

• Tag with attribute
• Id
• Tag with Id
• Tag and class attribute
• Class attribute
• Inner Text

CSS Kombinasyonları

Tag with attribute

Html Kodu
<input id = "Lid" ..... name="userauth">

Selenium Kodu
driver.findElement(By.cssSelector("input[name='userauth']"));

Id

Html Kodu
<input id = "Lid" ..... >

Selenium Kodu
driver.findElement(By.cssSelector("#Lid"));

Tag with Id

Html Kodu
<input id = "Lid" ..... name="userauth">

Selenium Kodu
driver.findElement(By.cssSelector("input#Lid"));

Tag with Class Attribute

Html Kodu
<a id = "ilink" ..... class="link">

Selenium Kodu
driver.findElement(By.cssSelector("a.link"));

Class Attribute

Html Kodu

<a id = "ilink" ..... class="link">

Selenium Kodu
driver.findElement(By.cssSelector(".link"));

Inner Text

driver.findElement(By.cssSelector HTML etiketinin sayfada gösterdiği metindir, inner text.

Html Kodu

<font size...>Password:</font>

Selenium Kodu

driver.findElement(By.cssSelector(Font:contains("Password:"));