量角器：如何在量角器中正确使用过滤？

Question

我尝试开始使用量角器进行测试，但现在我遇到了无法解决的问题。

我有这个测试：

 describe('Test_3', function() {
    var my_url = 'http://wks-15103:8010/ps/ng-components/examples/ps-checkbox.html'
    var main_checkbox = element(by.xpath("//div[@ng-model='My_Group']/div[1]/span/span[1]"));
    var checkbox_list = element.all(by.xpath("//div[@ng-model='My_Group']/div[2]/div/span/span[1]")); 
    var title_checkbox_list = element.all(by.xpath("//div[@ng-model='My_Group']/div[2]/div/span"));   
    var disabled_pri = 'n-check-checkbox';
    var enabled_pri = 'n-check-checkbox n-check-checkbox_checked';


    beforeEach(function() {
        browser.get(my_url);
    });

    it('schould be chosen',function(){
        main_checkbox.click(); 

        checkbox_list.filter(function(elem, index) {
            return elem.getAttribute('class').then(function(text) {
                return text != 'n-check-checkbox n-check-checkbox_disabled' & text!='n-check-checkbox n-check-checkbox_disabled n-check-checkbox_checked';
            });
        }).then(function(filteredElements) {
            filteredElements.each(function(element, index) {
                expect(element.getAttribute('class')).toEqual(disabled_pri); 
            });
        });
    });
});

它不起作用。但是后来我尝试使用没有循环的过滤 .each 它工作正常。

 describe('Test_3', function() {
    var my_url = 'http://wks-15103:8010/ps/ng-components/examples/ps-checkbox.html'
    var main_checkbox = element(by.xpath("//div[@ng-model='My_Group']/div[1]/span/span[1]"));
    var checkbox_list = element.all(by.xpath("//div[@ng-model='My_Group']/div[2]/div/span/span[1]"));  //это список самих чекбоксов
    var title_checkbox_list = element.all(by.xpath("//div[@ng-model='My_Group']/div[2]/div/span"));  //это список чекбоксов с названиями  
    var disabled_pri = 'n-check-checkbox';
    var enabled_pri = 'n-check-checkbox n-check-checkbox_checked';

    beforeEach(function() {
        browser.get(my_url);
    });

    it('schould be chosen',function(){
        main_checkbox.click();     //Убрали флажок с группового чекбокса   

        checkbox_list.filter(function(elem, index) {
        return elem.getAttribute('class').then(function(text) {
            return text != 'n-check-checkbox n-check-checkbox_disabled' & text!='n-check-checkbox n-check-checkbox_disabled n-check-checkbox_checked';
        });
        }).then(function(filteredElements) {
            filteredElements[0].click();
            filteredElements[0].click();
            expect(filteredElements[0].getAttribute('class')).toEqual(disabled_pri);
        }); 
    }); 
});

我的错误是什么？

Answer 1

如docs for filter it returns an instance of ElementArrayFinder. When you call a then method on instance of ElementArrayFinder, it resolves to an array of ElementFinders, so in the callback for then you receive a pure JavaScript Array of ElementFinders. To iterate it you can use native JavaScrupt forEach所述：

checkbox_list.filter(function(elem, index) {
    // ...
})
.then(function(filteredElements) {
    filteredElements.forEach(function(element, index) {
        // ....
    });
});

否则，ElementArrayFinder 有自己的方法 each，您应该在 filter 的结果上调用它，而不是在 then 的回调中调用它：

checkbox_list.filter(function(elem, index) {
    // ...
})
.each(function(element, index) {
    // ....
});

也许the source code for ElementArrayFinder也能帮到你。

量角器：如何在量角器中正确使用过滤？

Protractor: how I can rightly use filtering in Protractor?

angularjs

testing

filtering

protractor

cycle