Een reeks acties uitvoeren met Selenium WebDriver

Probleem

We willen een reeks acties uitvoeren met Selenium WebDriver, zoals: drag-and-drop, sliding, meerdere items selecteren.

Oplossing

De voorbeeld code hieronder laat zien hoe we de Actions interface van Selenium WebDriver kunnen gebruiken.


import java.util.List;

import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.interactions.Action;
import org.openqa.selenium.interactions.Actions;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

public class ActionExample {
    private static WebDriver driver;

    @BeforeClass
    public void setUp() {
        driver = new FirefoxDriver();
    }

    @AfterClass
    public void tearDown() {
        driver.close();
        driver.quit();
    }

    @Test
    public void draggable() {
        driver.get("http://jqueryui.com/demos/draggable/");

        WebElement draggable = driver.findElement(By.id("draggable"));
        new Actions(driver).dragAndDropBy(draggable, 120, 120).build()
                .perform();
    }

    @Test
    public void droppable() {
        driver.get("http://jqueryui.com/demos/droppable/");

        WebElement draggable = driver.findElement(By.id("draggable"));
        WebElement droppable = driver.findElement(By.id("droppable"));
        new Actions(driver).dragAndDrop(draggable, droppable).build().perform();
    }

    @Test
    public void selectMultiple() throws InterruptedException {
        driver.get("http://jqueryui.com/demos/selectable/");

        List<WebElement> listItems = driver.findElements(By
                .cssSelector("ol#selectable *"));

        Actions builder = new Actions(driver);
        builder.clickAndHold(listItems.get(1)).clickAndHold(listItems.get(2))
                .click();

        Action selectMultiple = builder.build();
        selectMultiple.perform();
    }

    @Test
    public void sliding() {
        driver.get("http://jqueryui.com/demos/slider/");

        WebElement draggable = driver.findElement(By
                .className("ui-slider-handle"));
        new Actions(driver).dragAndDropBy(draggable, 120, 0).build().perform();
    }
}
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
import java.util.List;

import org.openqa.selenium.By;
import org.openqa.selenium.Keys;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.interactions.Action;
import org.openqa.selenium.interactions.Actions;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

public class ActionExample {
    private static WebDriver driver;

    @BeforeClass
    public void setUp() {
        driver = new FirefoxDriver();
    }

    @AfterClass
    public void tearDown() {
        driver.close();
        driver.quit();
    }

    @Test
    public void draggable() {
        driver.get("http://jqueryui.com/demos/draggable/");

        WebElement draggable = driver.findElement(By.id("draggable"));
        new Actions(driver).dragAndDropBy(draggable, 120, 120).build()
                .perform();
    }

    @Test
    public void droppable() {
        driver.get("http://jqueryui.com/demos/droppable/");

        WebElement draggable = driver.findElement(By.id("draggable"));
        WebElement droppable = driver.findElement(By.id("droppable"));
        new Actions(driver).dragAndDrop(draggable, droppable).build().perform();
    }

    @Test
    public void selectMultiple() throws InterruptedException {
        driver.get("http://jqueryui.com/demos/selectable/");

        List<WebElement> listItems = driver.findElements(By
                .cssSelector("ol#selectable *"));

        Actions builder = new Actions(driver);
        builder.clickAndHold(listItems.get(1)).clickAndHold(listItems.get(2))
                .click();

        Action selectMultiple = builder.build();
        selectMultiple.perform();
    }

    @Test
    public void sliding() {
        driver.get("http://jqueryui.com/demos/slider/");

        WebElement draggable = driver.findElement(By
                .className("ui-slider-handle"));
        new Actions(driver).dragAndDropBy(draggable, 120, 0).build().perform();
    }
}

Het aansturen van een meerkeuzelijst met Selenium Webdriver

Probleem

We willen, met Selenium WebDriver, meerkeuzelijst opties selecteren en deselecteren.

Oplossing

De voorbeeld code hieronder laat de verschillende methoden zien die we kunnen gebruiken om een ​​selectbox aan te sturen. We kunnen ook bepalen of we een multi-selectbox moeten aansturen of wat de eerste geselecteerde optie is.


package seleniumWebDriverAPI;

import java.util.List;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

/**
 * The Class SelectExample.
 */
public class SelectExample {

    /** The driver. */
    private static WebDriver driver;

    /**
     * Open browser
     */
    @BeforeClass
    public void setUp() {
        driver = new FirefoxDriver();
        driver.get("http://selenium.polteq.com/prestashop/contact-form.php");
    }

    /**
     * Tear down.
     */
    @AfterClass
    public void tearDown() {
        driver.close();
        driver.quit();
    }

    /**
     * Clear all selected entries. This is only valid when the SELECT supports
     * multiple selections.
     */
    @Test
    public void deselectAll() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.deselectAll();
    }

    /**
     * Deselect the option at the given index. This is done by examing the
     * "index" attribute of an element, and not merely by counting.
     */
    @Test
    public void deselectByIndex() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.deselectByIndex(2);
    }

    /**
     * Deselect all options that have a value matching the argument.
     */
    @Test
    public void deselectByValue() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.deselectByValue("2");
    }

    /**
     * Deselect all options that display text matching the argument.
     */
    @Test
    public void deselectByVisibleText() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.deselectByVisibleText("Customer service");
    }

    /**
     * Gets all selected options belonging to this select tag.
     */
    @Test
    public void getAllSelectedOptions() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        List<WebElement> selectOptions = selectBox.getAllSelectedOptions();
        for (WebElement temp : selectOptions) {
            System.out.println("getText" + temp.getText());
        }
    }

    /**
     * Gets the first selected option in this select tag (or the currently
     * selected option in a normal select)
     */
    @Test
    public void getFirstSelectedOption() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        System.out.println(selectBox.getFirstSelectedOption().getText());
    }

    /**
     * Gets all options belonging to this select tag
     */
    @Test
    public void getOptions() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        List<WebElement> selectOptions = selectBox.getOptions();
        for (WebElement temp : selectOptions) {
            System.out.println("getText" + temp.getText());
        }
    }

    /**
     * Whether this select element support selecting multiple options at the
     * same time? This is done by checking the value of the "multiple"
     * attribute.
     */
    @Test
    public void isMultiple() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        System.out.println(selectBox.isMultiple());
    }

    /**
     * Select all options that have a value matching the argument.
     */
    @Test
    public void selectByValue() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.selectByValue("2");
    }

    /**
     * Select the option at the given index.
     */
    @Test
    public void selectByIndex() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.selectByIndex(2);
    }

    /**
     * Select all options that display text matching the argument.
     */
    @Test
    public void selectByVisibleText() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.selectByVisibleText(“Customer service”);
    }

}
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
package seleniumWebDriverAPI;

import java.util.List;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

/**
 * The Class SelectExample.
 */
public class SelectExample {

    /** The driver. */
    private static WebDriver driver;

    /**
     * Open browser
     */
    @BeforeClass
    public void setUp() {
        driver = new FirefoxDriver();
        driver.get("http://selenium.polteq.com/prestashop/contact-form.php");
    }

    /**
     * Tear down.
     */
    @AfterClass
    public void tearDown() {
        driver.close();
        driver.quit();
    }

    /**
     * Clear all selected entries. This is only valid when the SELECT supports
     * multiple selections.
     */
    @Test
    public void deselectAll() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.deselectAll();
    }

    /**
     * Deselect the option at the given index. This is done by examing the
     * "index" attribute of an element, and not merely by counting.
     */
    @Test
    public void deselectByIndex() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.deselectByIndex(2);
    }

    /**
     * Deselect all options that have a value matching the argument.
     */
    @Test
    public void deselectByValue() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.deselectByValue("2");
    }

    /**
     * Deselect all options that display text matching the argument.
     */
    @Test
    public void deselectByVisibleText() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.deselectByVisibleText("Customer service");
    }

    /**
     * Gets all selected options belonging to this select tag.
     */
    @Test
    public void getAllSelectedOptions() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        List<WebElement> selectOptions = selectBox.getAllSelectedOptions();
        for (WebElement temp : selectOptions) {
            System.out.println("getText" + temp.getText());
        }
    }

    /**
     * Gets the first selected option in this select tag (or the currently
     * selected option in a normal select)
     */
    @Test
    public void getFirstSelectedOption() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        System.out.println(selectBox.getFirstSelectedOption().getText());
    }

    /**
     * Gets all options belonging to this select tag
     */
    @Test
    public void getOptions() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        List<WebElement> selectOptions = selectBox.getOptions();
        for (WebElement temp : selectOptions) {
            System.out.println("getText" + temp.getText());
        }
    }

    /**
     * Whether this select element support selecting multiple options at the
     * same time? This is done by checking the value of the "multiple"
     * attribute.
     */
    @Test
    public void isMultiple() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        System.out.println(selectBox.isMultiple());
    }

    /**
     * Select all options that have a value matching the argument.
     */
    @Test
    public void selectByValue() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.selectByValue("2");
    }

    /**
     * Select the option at the given index.
     */
    @Test
    public void selectByIndex() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.selectByIndex(2);
    }

    /**
     * Select all options that display text matching the argument.
     */
    @Test
    public void selectByVisibleText() {
        Select selectBox = new Select(driver.findElement(By
                .cssSelector("select#id_contact")));
        selectBox.selectByVisibleText(Customer service);
    }

}