Документ описывает фреймворк автоматизации тестирования UI, разработанный компанией EPAM, и предоставляет примеры кода на Java и C#. В нем рассматриваются различные аспекты, включая UI объекты, тестовые случаи и интеграцию с Selenium. Также акцентируется внимание на преимуществах использования данного фреймворка в процессе автоматизации тестирования для повышения эффективности и снижения затрат.

1. EPAM JDI UI TEST
AUTOMATION FRAMEWORK
QA Conference
March 2016

2. Chief QA Automation
Работал руководителем отдела тестирования
Более 11 лет в тестировании из них 9 в
автоматизации
Роман Иовлев

3. •Новый проект (сверху)
•Новый проект (снизу)
•Долгий проект без автоматизации
Автоматизация

4. UI Автоматизация
Виды тестирования Виды UI тестирования
UI Web

5. Just Develop It together

6. UI OBJECTS

7. Шаблон UI Objects
• UI Objects (Epam)
• Пользовательские типизированные элементы для UI (Web, Mobile, Desktop…)
• Реализованные Page Objects (Page, Form, Search, Pagination, Login и т.д..)
• HTML Elements (Yandex)
• Пользовательские типизированные элементы (Button, Label, Table…) для Web
• Page Objects (Selenium)
• Список WebElement-ов (тегов в Html)
• Действия с WebElement-ами

8. @Test
public void menuTest() {
menu.select("Man");
sizes.check("M", "L");
searchButton.click();
Assert.areEquals(results.rows().count(), 4);
Assert.isNotEmpty(results.row("Best Jacket", column("Title")));
}
Пример теста

9. @JPage(url = "http://www.epam.com")
public class BuyPage extends WebPage {
@FindBy(css = “.menu") public Menu menu;
@FindBy(xpath = “//[@class=‘sizes’]") public CheckList sizes;
@FindBy(id = “button") public Button searchButton;
@FindBy(css = “.table") public Table results;
}
Пример UI Object
WebPage
Menu
CheckList
Button
Table

10. @Test
public void menuTest() {
selectInMenu("Man");
checkSizes("M", "L");
clickOnSearchButton();
Assert.areEquals(getResultRowsCount(), 4);
Assert.isEmpty(!getRowFromResults("Best Jacket", "Title"));
}
А как это выглядит на Selenium?

11. @FindBy(css = "") private List<WebElement> menuElements;
@FindBy(css = "") private WebElement menuIsSelected;
@FindBy(css = "") private List<WebElement> sizesElements;
@FindBy(css = "") private WebElement sizesIsChecked;
@FindBy(css = "") private List<WebElement> sizesLabels;
@FindBy(css = "") private WebElement searchButton;
@FindBy(css = "") private List<WebElement> resultsColHeaders;
@FindBy(css = "") private List<WebElement> resultsRowsHeaders;
@FindBy(css = "") private List<WebElement> resultsCellsHeaders;
@FindBy(css = "") private List<WebElement> resultsColumn;
@FindBy(css = "") private List<WebElement> resultsRow;
…
}
А как это выглядит на Selenium?
…
public void selectInMenu(string name) { … }
public void checkSizes(string… sizes) { … }
public void clickOnSearchButton() { … }
public int getResultRowsCount () { … }
public Map<string, string>
getRowFromResults(string expectedValue, string colName) { … }
…
public int getResultsCount() { … }
public boolean isResultPresent(String name) { … }
public WebElement getSomeAttributeForResult(String name)
{ … }
…
public List<WebElement> findAllResultsMatch(String name) {
… }
}
protected WebDriver driver;
public JacketPage(WebDriver driver) {
this.driver = driver
}
public class JacketPage {

12. Web, Mobile, Desktop…
C# .Net
Java
JDI.UITestFramework
Web-Selenium
<dependency>
<groupId>com.epam.jdi</groupId>
<artifactId>jdi-uitest-web</artifactId>
<version>1.0.2-SNAPSHOT </version>
</dependency>
Desktop-Sikuli
<dependency>
<groupId>com.epam.jdi</groupId>
<artifactId>jdi-uitest-gui</artifactId>
<version>1.0.2-SNAPSHOT </version>
</dependency>
Mobile-Appium
<dependency>
<groupId>com.epam.jdi</groupId>
<artifactId>jdi-uitest-mobile</artifactId>
<version>1.0.2-SNAPSHOT </version>
</dependency>

13. @JSite(domain = "https://www.epam.com")
public class EpamSite extends WebSite {
@JPage(url = "/")
public static HomePage homePage;
@JPage(url = "/careers", title = "Careers")
public static CareerPage careerPage;
@JPage(url = "/careers/job-listings", title = "Job Listings",
urlCheckType = CONTAIN, titleCheckType = CONTAIN)
public static JobPage jobPage;
...
}
Сайт и страницы
Epam site
Home page
• Navigation Menu : IMenu
• Search : ISearch
• Footer : Footer
• About : Ilink
• Contacts: IText
Career page
• JobFilter
• Keywords
• Category
• City
Job page
• …
WebSite.init(EpamSite.class);WebSite.init(EpamSite.class);

14. @JPage(url = "http://www.epam.com")
public class BuyPage extends WebPage {
@FindBy(css = “.menu") public Menu menu;
@FindBy(xpath = “//[@class=‘sizes’]") public CheckList sizes;
@FindBy(id = “button") public Button searchButton;
@FindBy(css = “.table") public Table results;
@Frame(css = “.store") public Store store;
}
Пример UI Object

15. public class AddCVForm extends Form<Attendee> {
@FindBy(css = “.first-name“) private ITextField name;
@FindBy(css = “.last-name“) private ITextField lastName;
@FindBy(css = “.email“) private ITextField email;
@FindBy(css = “.file-upload“) private RFileInput cv;
@FindBy(css = “.comment-input“) private ITextArea comment;
@FindBy(xpath = “//*[.='Submit']“) private IButton submit;
@FindBy(xpath = “//*[.='Cancel']“) private IButton cancel;
}
Формы

16. @Test(dataProvider = “attendees”)
public void menuTest(Attendee attendee) {
searchFilter.fill(attendee);
checkSuggestionsContains(attendee);
searchFilter.search(attendee);
assertEquals(results.rows().count(), 1);
results.row(attendee.name, column(“Name”))
addCVForm.submit(attendee.cv);
checkCVInDB(attendee.cv);
previewForm.verify(attendee);
}
EDT (Entities driven testing)
loginForm.login(user);
purchase.cancel(wear);
experiment.publish(experiment);
creditForm.save(order.data);
…
public class User {
public String name;
public String password;
public User(String name, String password) {
this.name = name;
this.password = password;
}
}

17. • JDI – фреймворк реализующий подход UI Objects
• Большое количество элементов (более 30) включая сложные (с 10-ками
действий)
• Иерархическая инициализация UI Objects
• Умеет работать с Фреймами
• Поддерживает EDT
UI Objects

18. ИНТЕГРАЦИЯ
КАСТОМИЗАЦИЯ
СТАБИЛИЗАЦИЯ

19. “Easy things should be easy, and hard things should be possible”
Larry Wall (c)
Концепция

20. Модульная структура

21. Наши друзья

22. Кастомизация
Конкретное действие
Новый тип элемента
Все действия всех элементов

23. Стабилизация

24. Уменьшить затрат (время/деньги) на написание тестов в целом и
создание модели сайта в частности в разы (если не на порядки)*
Уменьшение затрат на поддержку тестов
Читабельность тестов (UI Objects)
Уменьшение времени поиска багов
Читабельность тестов (UI Objects)
Логирование
Репортинг
PROFIT!!!
* Объектная модель экономия до 80% времени
Написание тестов около 50% времени
Затраты на поддержку тестов экономия до 70%
Поиск багов экономия 30-50%

25. Уменьшение числа false-positive/negative
Стабилизация
Читабельность тестов (UI Objects)
Любой UI (Web, Mobile, Desktop)
Поддержка Java и C#
Удовольствие от автоматизации
PROFIT!!!

26. Планы
No effort performance testing
Tests execution statistic
UI view testing module
Web plugin for fast PageObjects recording

27. Ожидания

28. Вопросы?
https://jdi.epam.com
https://github.com/epam/JDI
https://vk.com/jdi_framework
roman.Iovlev
roman_iovlev@epam.com