javascript - 如何很好地解决 Selenium Promise 问题？ Protractor

Question

我编写了以下代码(页面对象模式)。工作正常。 但是，我不喜欢这个，因为我无法从“pressHelpLink”中删除“then”。而是在 getElementByLink 中添加代码。

我希望看到 ElementFinder Promise(而不是 ManagedPromise)作为 getElementByLink("Help") 的结果

如何很好地解决 Selenium Promise？

var self = Page.create({
    url: {value: ''},

    // function:
    getElementByLink: {
        value: function (link) {
            return element.all(by.repeater('items')).then(function (el) {
                var my_array = el.map(function (el) {
                    return el.element(self.by.xpath('a'));
                });
                var element_array_finder = protractor.ElementArrayFinder.fromArray(my_array);

                var element = element_array_finder.filter(function (el) {
                    return el.getText().then(function (text) {
                        return text === link;
                    })
                });
                return element;
            }).then(function (element) {
                world.expect(element.length).equal(1);
                return element[0];
            });
        }

    },

    // elements:
    HelpLink: {
        get: function () {
            return self.getElementByLink('Help');
        }
    },

    // method:

    pressHelpLink: {
        value: function () {
            return self.HelpLink.then(function (el) {
                return el.click()
            });
        }
    },
});

Answer 1

为什么不使用cssContainingText？也许像...

// elements:
HelpLink: {
    get: function () {
        return element(by.cssContainingText('a', 'Help');
    }
},

// method:

pressHelpLink: {
    value: function () {
        return self.HelpLink.click()
    }
},