কম্পিউটার টিউটোরিয়াল

Selenium টেস্টে HTML এলিমেন্টের স্টাইল ডিসপ্লে কীভাবে সেট করবেন?

Selenium WebDriver-এ JavaScript Executor ব্যবহার করে HTML এলিমেন্টের CSS style.display প্রপার্টি পরিবর্তন করা যায়। এটি خاص করে হিডেন এলিমেন্টগুলো দৃশ্যমান করার বা بالعکس করার জন্য ব্যবহারি হয়।

সিনট্যাক্স

executor.executeScript("document.getElementById('gsc-i-id1').style.display='block';");

উদাহরণ (Java)

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.JavascriptExecutor;

public class ElementStyleSet {
    public static void main(String[] args) {
        System.setProperty("webdriver.chrome.driver", "C:\\Users\\ghs6kor\\Desktop\\Java\\chromedriver.exe");
        WebDriver driver = new ChromeDriver();
        driver.get("https://www.tutorialspoint.com/index.htm");
        driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);

        // Javascript executor ক্লাস
        JavascriptExecutor j = (JavascriptExecutor) driver;

        // style.display মেথড ব্যবহার করে ডিসপ্লে সেট করা
        j.executeScript("document.getElementById('gsc-i-id1').style.display='block';");

        driver.close();
    }
}

ব্যাখ্যা:

  • JavascriptExecutor ইন্টারফেস Selenium-এ JavaScript চালানোর সুবিধা দেয়।
  • executeScript() মেথডে JavaScript কোড পাস করা হয়।
  • document.getElementById() দ্বারা এলিমেন্ট লোকেট করা হয় এবং তার style.display প্রপার্টি পরিবর্তন করা হয়।
  1. HTML-এ CSS direction প্রোপার্টি ব্যবহার করে টেক্সট রাইট-টু-লেফট (RTL) দেখানো

  2. HTML-এ CSS direction প্রোপার্টি ব্যবহার করে টেক্সট ডিরেকশন সেট করা

  3. HTML DOM Style display প্রপার্টি

  4. Selenium-এ WebElement-এর HTML কোড কীভাবে পাবেন?