Checks the Angular stability and logs on the console. Useful for debugging long protractor waits

angular-stability-check.js

/**
 * Copy and paste the code below on your browser console
 * It will log the stable changes and how long it took to become stable
 */
let currentStatus = undefined;
let root = $('app-root'); // Change this selector to the component that you'll be watching (Usually the root component)
let startTime = new Date();
let stabilityChecker = setInterval(() => {
  let newStatus = window.getAngularTestability(root).isStable();
  if (currentStatus !== newStatus) {
    currentStatus = newStatus;
    console.log(`[StabilityChecker] Stable status changed to => ${currentStatus}`);
    if (currentStatus) {
      let delta = (new Date() - startTime) / 1000;
      console.log(`[StabilityChecker] Took ${delta} seconds`);
    } else {
      startTime = new Date();
    }
  }
}, 0);