Транспортир: по элементу повторителя все возвращается размер 0

Question

Я довольно новичок в транспортире, попробовал научиться автоматизировать угловую домашнюю страницу (https://angularjs.org/). Я столкнулся с проблемой в разделе Проекты JavaScript .

Шаги, которые работали:

it ('should click on the plus sign', function() {
        $('.icon-plus-sign').click();
            expect(element(by.model('editProject.project.name')).isPresent()).toBe(true);
});

it ('should fill up the form', function() {
            element(by.model('editProject.project.name')).sendKeys('Test Name');
            element(by.model('editProject.project.site')).sendKeys('https://www.testsite.com');
            element(by.model('editProject.project.description')).sendKeys('Test Description');
            expect(element(by.buttonText('Save')).getAttribute('disabled')).toBe(null);
});

Шаг, который не выполняется:

it ('should click on save button', function() {
            element(by.buttonText('Save')).click();
            // $$('tr[class="ng-scope"]')
            element.all(by.repeater("project in projectList.projects | filter:projectList.search | orderBy:'name'")).then(function(trElements) {
                console.log(trElements.length);
                for (var i = trElements.length - 1; i >= 0; i--) {
                    console.log('outside if' + i);
                    if (trElements[i].all(by.tagName('td')).first().element(by.tagName('a')).getText() == 'Test Name') {
                        console.log('inside if' + i);
                        expect(trElements[i].all(by.tagName('td')).first().element(by.tagName('a')).getAttribute('ng-href')).toContain('www.testsite.com');
                        expect(trElements[i].all(by.tagName('td')).get(1).getText()).toBe('Test Description');
                        break;
                    }
                }
            });


            browser.sleep(5000);
});

trElements.length возвращает 0 , но элементы обязательно присутствуют в DOM, и они выделяются на вкладке Элементы в Chrome DevTools.

Пожалуйста, помогите мне с этим.

Заранее спасибо!

Answer 1

После нажатия кнопки Сохранить, возможно, вам следует дождаться загрузки списка. Возможно, тест будет быстрее, чем загрузка элементов, и в этом случае мы используем Expecteded Condition и ждем, пока список не будет виден (у вас есть полная документация по API здесь https://www.protractortest.org/#/api?view=ProtractorExpectedConditions):

var EC = protractor.ExpectedConditions;
element(by.buttonText('Save')).click().then(function() {
        // $$('tr[class="ng-scope"]')
   browser.wait(EC.visibilityOf(element(by.repeater("project in projectList.projects | filter:projectList.search | orderBy:'name'"))), 30000, "Project list is not displayed");
        element.all(by.repeater("project in projectList.projects | filter:projectList.search | orderBy:'name'")).then(function(trElements) {
            console.log(trElements.length);
            for (var i = trElements.length - 1; i >= 0; i--) {
                console.log('outside if' + i);
                if (trElements[i].all(by.tagName('td')).first().element(by.tagName('a')).getText() == 'Test Name') {
                    console.log('inside if' + i);
                    expect(trElements[i].all(by.tagName('td')).first().element(by.tagName('a')).getAttribute('ng-href')).toContain('www.testsite.com');
                    expect(trElements[i].all(by.tagName('td')).get(1).getText()).toBe('Test Description');
                    break;
                }
            }
        });
});

Answer 2

Действие, инициированное нажатием кнопки «сохранить», не завершено до запроса «trElements». Прежде чем продолжить, дождитесь возврата обещания при нажатии кнопки «Сохранить». И.Е. element(By.buttonText("Save")).click() .then(() => { element.all(By.repeater(... });