selenium-webdriver - 使用 Selenium Webdriver 自动化响应式设计

Question

是否可以使用 Selenium Webdriver 自动进行响应式设计测试？可以使用 chrome 选项或某种库来完成吗？

Answer 1

使用 JUnit 尝试以下 Java 代码示例:-

import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.TimeUnit;

import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.Dimension;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;


public class ResponsiveWebTest {


    public WebDriver driver;
    public List<Dimension> screenDimensionsList;


    @Before
    public void beforeTestMethod(){

        // create list of dimensions for various screen sizes
        screenDimensionsList = new ArrayList<Dimension>();
        screenDimensionsList.add(new Dimension(1600,800));
        screenDimensionsList.add(new Dimension(1200,800));
        screenDimensionsList.add(new Dimension(992,800));
        screenDimensionsList.add(new Dimension(768,800));
        screenDimensionsList.add(new Dimension(480,800));
        screenDimensionsList.add(new Dimension(360,800));

        // initialize the driver for browser
        driver = new ChromeDriver();
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
        driver.get("http://nandal.in");
    }

    @Test
    public void testVariousScreenSizes(){

        for(Dimension d: screenDimensionsList){
             driver.manage().window().setSize(d);
             // run some test cases for this screen size
             // some test case steps

             try{
                 Thread.sleep(2000);
             }catch(Exception e){
                 e.printStackTrace();
            }
        }
    }
}

这将使用给定的 url 打开 chrome 浏览器，然后根据维度列表调整浏览器的大小以测试网页的响应行为，您可以在那里添加您的测试逻辑。