ng：getTestabilityの要素引数にインジェクタがないことをテストしました

Question

他にも同じ問題がありますが、解決策はありませんでした。 私はエラーに

Message: 
    Failed: Error while waiting for Protractor to sync with the page: "[ng:test] no injector found for element argument to getTestability\nhttp://errors.angularjs.org/1.5.0/ng/test" 
    Stack: 
    Error: Failed: Error while waiting for Protractor to sync with the page: "[ng:test] no injector found for element argument to getTestability\nhttp://errors.angularjs.org/1.5.0/ng/test" 
     at C:\Users\ShapeR\PycharmProjects\ratest\node_modules\jasminewd2\index.js:101:16 
     at Promise.invokeCallback_ (C:\Users\ShapeR\PycharmProjects\ratest\node_modules\selenium-webdriver\lib\promise.js:1329:14) 
     at TaskQueue.execute_ (C:\Users\ShapeR\PycharmProjects\ratest\node_modules\selenium-webdriver\lib\promise.js:2790:14) 
     at TaskQueue.executeNext_ (C:\Users\ShapeR\PycharmProjects\ratest\node_modules\selenium-webdriver\lib\promise.js:2773:21) 

1 spec, 1 failure 

を取得私のテストイムを実行しようとすると、ここに私のspec.js

describe('Protractor Demo App', function() { 
    it('should have a title', function() { 
    browser.driver.get('http://rent-front-static.s3-website-us-east-1.amazonaws.com/'); 

    expect(browser.getTitle()).toEqual('How It Works'); 
    }); 
}); 

そして、ここで私のconf.js

exports.config = { 
    framework: 'jasmine', 
    rootElement: 'body', 
    seleniumAddress: 'http://localhost:4444/wd/hub', 
    specs: ['spec.js'] 
} 

は、だから私は手動ブートストラップを持っていますbody要素に対してはrootElementをbodyに設定しますが、それは助けになりませんでした。私は手作業によるboostrapingを削除しようとしても、body要素にng-app = 'rentapplicationApp'を追加するだけでしたが、それは何も変わらず、同じエラーです。

何が問題なのですか？

Answer 1

問題は私のアプリをブートストラップしていました。何らかの理由で、ng-appタグで動作しません。唯一の作業溶液は、手動ブートストラップにした文字列でアプリが動作しますが、getTestabilityは失敗しますが、それは、私の場合にあったようにそれ

angular.bootstrap(document, ["rentapplicationApp"]); 

そして、最初の引数には、DOMノードではなく文字列でなければなりません。

Answer 2

分度器の中心的な価値は、同期を含めてあなたの角度の読み込みを管理することです。したがって、あなたは使用したくないのが非常に正しいです：browser.ignoreSynchronization = true。

エラーメッセージは、分度器が角度を見つけて同期できないことです。これが原因で二つの問題の組み合わせは次のとおりです。

• ページは準備ができていない、角度がロードされていない
• ページがロードされていても一度、NG-アプリを見つけることができません

まず、Protractor setup pageから。

ページが手動ブートストラップを行う場合は、分度器はbrowser.getを使用してページを読み込むことができません。その代わりに、基本Webdriverインスタンス - browser.driver.getを使用します。つまり、分度器はあなたのページが完全に読み込まれたことを知らず、あなたのテストが競合状態を避けるためにwaitステートメントを追加する必要があるかもしれません。

ソリューション1

waitのステートメントを追加します。

ソリューション2

手動でブートストラップのための十分な理由を持っていない、または待ちたくない場合は、次の

• 停止を手動でアプリ
• 使用して、オーバーbrowser.getをブートストラップbrowser.driver.get

Answer 3

[ng ：テスト] getTestability

私は実際に（明示的rootElement: "body.root"を設定することができますルート要素を見つけProtractorため、アプリケーション自体、それがブートストラップされる方法と間違っ何かが、そこにある疑いの要素引数が見つかりませんインジェクターあなたの設定の中で）、ルート要素のためにsetup the injectorに失敗します。

私は何が起こっているのかを段階的に把握しようとしています。まず、ソースから直接起動されたビルドされていないアプリケーションに対して分度器テストを実行して、これがWebpackのものではないことを確認してください。欠陥を構築する。

次に、最新の1.x角度と角度計（3.3.0が最新のバージョンです）にアップグレードしてみます。

---

現時点で最も簡単な回避策はbrowser.ignoreSynchronization = trueを使用することにより、オフ分度器と角の間の同期をオンにする次のようになります。もちろん

describe("Strange Protractor/Angular problem", function() { 
    beforeEach(function() { 
     browser.ignoreSynchronization = true; 
     browser.get("https://dl.dropboxusercontent.com/u/597502/vxcv/index.html"); 

     var elm = $(".navbar-brand"); 
     browser.wait(EC.presenceOf(elm), 5000); 
    }); 

    it("should have an expected title", function() { 
     expect($(".navbar-brand").getText()).toEqual('RENT APPLICATION'); 
    }); 
}); 

を、この方法には欠点があります - あなたはタイミングの問題に取り組むためにここではbrowser.waitの呼び出しを使用しなければならないでしょう。テストフローは、同期がオンのときと同じくらい自然でシンプルではありません。