Plugin's onPageLoad() fired after angular bootstap

[jimsleon]

according to the documentation, plugin's onPageLoad should be fired before angular bootstraps,
but the actual result is that it is fired after angular bootstraped(page show up and ajax calls in onInit() sent out)

---

• Node Version: 8.11.1
• Protractor Version: 5.3.0
• Angular Version: 5.2.3
• Browser(s): Chrome 68.0.3440
• Operating System and Version Windows 10

==============================================================
/**

• This is called inside browser.get() directly after the page loads, and before angular bootstraps.
• @param {ProtractorBrowser} browser The browser instance which is loading a page.
• @this {Object} bound to module.exports.
• @throws {*} If this function throws an error, a failed assertion is added to

• the test results.
  

• @return {webdriver.promise.Promise=} Can return a promise, in which case

• protractor will wait for the promise to resolve before continuing.  If
  

• the promise is rejected, a failed assertion is added to the test results.
  

*/
onPageLoad?(browser: ProtractorBrowser): void|webdriver.promise.Promise;

[henrahmagix]

I have found exactly the same problem (Protractor 5.4.2 and Angular 7).

I would really appreciate a fix, because otherwise it’s impossible to mock HTTP requests that occur in AppComponent’s ngOnInit(), which means I can’t use Protractor for my E2E testing 😥

[henrahmagix]

I've made an example of this bug in a new Angular app from ng new: see https://github.com/henrahmagix/protractor-onpageload-bug/tree/c8e376f00ca28d6ba290f29338557939ef68bef7

I've also provided a solution in a later commit https://github.com/henrahmagix/protractor-onpageload-bug/tree/9ca37af6395e85c9ed4ae2182c20b9222e700066#solution, which is a slight reworking of a solution shown here: https://stackoverflow.com/a/51834607/3150057

@jimsleon If you're trying to mock http calls, the above solution allows you to mock the method that makes the call, and instead return an observable of static data, like

return of({somekey: "mydata"});

Hope it helps you =)