Get error ElementArrayFinder is not assignable when trying return to next then in Promise chain

Question

I'm using TypeScript to automate E2E Test. If I do something such as self.all(by.xpath(".//thead/tr/th|.//thead/tr/td")).then... it work well.

However, if I put it in a Promise chain, my IDE highlights the text .all and says that "ElementArrayFinder is not assignable".

TS2345:Argument of type '() => ElementArrayFinder' is not assignable to parameter of type '(value: {}) => any[] | ElementFinder[] | IThenable'. Type 'ElementArrayFinder' is not assignable to type 'any[] | ElementFinder[] | IThenable'. Type 'ElementArrayFinder' is not assignable to type 'IThenable'. Property 'cancel' is missing in type 'ElementArrayFinder'.

getAllHeader() {
    let self = this;
    return new Promise(function (resolve, reject) {
        let textArr = [];
        browser.executeScript('arguments[0].scrollIntoView()', self.getWebElement())
            .then(function () {
                return self.all(by.xpath(".//thead/tr/th|.//thead/tr/td"))
            })
            .then(function (eleArr) {
      .................
            })
            .catch(function (reason) {
                reject(reason);
            })
    });

}

https://stackoverflow.com/questions/23803743/what-is-the-explicit-promise-construction-antipattern-and-how-do-i-avoid-it — Benjamin Gruenbaum, Aug 10 '17 at 09:12
Sorry Benjamin, i still do not understand. Could you please give me a short explanation.Thanks — Mike, Aug 10 '17 at 10:37

score 0 · Answer 1 · answered Oct 27 '17 at 11:00

0

I believe that you should explicitly set the type of your self property to help the editor to know the available functions of the self element.

Like this:

let self:ElementFinder = this;

I tested it in my editor and it works.

answered Oct 27 '17 at 11:00

Raul Minon

19
4

Get error ElementArrayFinder is not assignable when trying return to next then in Promise chain

1 Answers1