public class TodoMVCTest {

    @Test
    public void testTaskManager(){
    /*
        testTasksLifeCycle
        testTasksManagement
        testTasksCommonFlow

        см https://docs.google.com/document/d/10qSwWTQ6pGfVZSwOes-1QSmdflMiGD2U_y53VHq2m20/edit#bookmark=id.txqig9rkgybo

        нам, для е2е теста - подойдут имена - описание процесса, который тестируем

        Manager - это тестируемый объект, в нашем приложении - нету такого )
        Management, LifeCycle, CommonFlow - тестируемый процесс, процесс - есть
    */
        open("https://todomvc4tasj.herokuapp.com/");

        // Create tasks
        $("#new-todo").setValue("task1").pressEnter();
        $("#new-todo").setValue("task2").pressEnter();
        $("#new-todo").setValue("task3").pressEnter();
        $("#new-todo").setValue("task4").pressEnter();
        $$("#todo-list li").shouldHave(exactTexts("task1", "task2", "task3", "task4"));

        // Delete task2
        $$("#todo-list li").get(1).hover();
        $$("#todo-list li .destroy").get(1).click();
        /*
            лучше продвигаться от внешнего к внутреннему
            был у нас список тасок "#todo-list li"
            нам нужна - такая-то таска
            и уже внутри нее - кнопка .destroy

            такой подход - когда мы продвигаемся именно в таком порядке -
            позводит писать более наглядный, надежный и простой код

            далее по коду - похожая ситуация с .toggle

            думаю, после просмотра следующего видео - вопросы уйдут
        */
        $$("#todo-list li").shouldHave(exactTexts("task1","task3", "task4"));

        // Mark task4 as completed
        $$("#todo-list li .toggle").get(2).click();
        $$("#todo-list li.completed").shouldHave(exactTexts("task4"));
        /*
            да, я именно про такие проверки писала в прошлом ревью

            тоже - просмотр следующего видео добавит понимания про такого рода проверки
        */

        // Clear completed
        $("#clear-completed").click();
        $$("#todo-list li").shouldHave(exactTexts("task1","task3"));

        // Mark all as completed
        $("#toggle-all").click();
        $$("#todo-list li.completed").shouldHave(exactTexts("task1", "task3"));

        // Clear completed
        $("#clear-completed").click();
        $$("#todo-list li").shouldHave(size(0));
        /*
            $$("#todo-list li").shouldHave(size(0));
            технически - верно

            но - можно чуть лаконичнее и нагляднее
            $$("#todo-list li").shouldHave(empty);
        */
}