引数'await`を使用して、element（）。getAttribute（）がエラーを返しました： "await 'オペランドの型は有効な約束でなければなりません..."

Question

角度を使ったアプリの動作テストを書いています。 、私はasync/awaitシンタックスを初めて使う人です。この問題は私を止めさせた。誰かがメソッドでTypescriptエラーType of 'await' operand must either be a valid promise or must not contain a callable 'then' member.を取得した理由とその解決方法を説明できますか？

画像の幅を確認して画像が表示されていることを確認しようとする次の簡単な投光器の仕様があります。

は、ここに私のE2E-spec.tsファイルからの抜粋です：

import { LoginPage, Layout } from '../page_objects'; 

describe('Login page',() => { 
    it('Should have the logo in the footer', async() => { 
    await LoginPage.navigateTo(); 
    await expect(Layout.isFooterLogoPresent).toBe(true); 
    }) 
}); 

そして、ここで問題になっているロゴ画像への可視性を持っている私のレイアウトページオブジェクトからの抜粋です。エラーの原因となるawait element(...).getAttribute(...)チェーンの行。

static get isFooterLogoPresent() { 
    return element(by.css('.content-footer img')).getAttribute('naturalWidth') // naturalWidth attr is 0 if image is missing 
     .then(imgWidth => imgWidth > 0); 
    } 

をところで、私はTypscript 2.3.2および5.2.0分度器を使用しています：（作品）

import { browser, element, by } from 'protractor/globals'; 

export class Layout { 
    static get isFooterLogoPresent() { 
    return (async() => { // <-- this wrapping is necessary to use async/await in getter method 
     return await element(by.css('.content-footer img')).getAttribute('naturalWidth') > 0; // <-- PROBLEM HERE 
    }) 
    } 
} 

次の約束ベースの構文は、私が交換するためにしようとしているものです。 私はあなたが持っているすべての知恵を感謝します。ありがとう！解決された値に、いない比較式に> 0を適用する

import { browser, element, by } from 'protractor/globals'; 

    export class Layout { 
    static get isFooterLogoPresent() { 
     return (async() => { 
     return (await $('.content-footer img').getAttribute('naturalWidth')) > 0; 
     }) 
    } 
    } 

これをBUT -

Answer 1

ちょうどあなたのawaitのために括弧を追加します！あなたはここに上のエラーを持っている：isFooterLogoPresentはまだあり

await expect(Layout.isFooterLogoPresent).toBe(true); 

機能は、あなたが本当であることを約束オブジェクトをアサートするので、それは、JSのオブジェクトの比較がどのように動作するかに応じて、常にtrueになり、約束を返します。

await expect(await Layout.isFooterLogoPresent).toBe(true); 

Answer 2

私は分度器5.2は、非同期/まだ構文を待つための準備ができていないという結論に来ている：偽陽性のテストを修正するため、これに 変更。もし誰かが頑強に作業してくれたら、どうやってどのようなバージョンがあるのか​​知りたいです。現時点では、getAttribute()のソースを調べると、プロミスではなくElementFinderオブジェクトが返されます。このオブジェクトは.then()メソッドを持っていますので、を使用すると、.then()を連鎖することによる約束のような結果になりますが、TypeScript（正当なもの）はそれを適切な約束として認識しません。つまり、awaitです。

現時点では、私はこの投射器プロジェクトのために非同期/待機をあきらめています。私は代わりに約束して非同期の振る舞いを完全に扱うことに転じています。