Wait for a global variable to exist on the page.

wait-global.js

var waitForGlobal = function(key, callback) {
  if (window[key]) {
    callback();
  } else {
    setTimeout(function() {
      waitForGlobal(key, callback);
    }, 100);
  }
};
 
waitForGlobal("jQuery", function() {
  console.log("found it");
});

I wrote a more generalized function that lets you wait for any condition. It returns a promise instead of using a callback.

/**
 * Function to wait for predicates.
 * @param {function() : Boolean} predicate - A function that returns a bool
 * @param {Number} [timeout] - Optional maximum waiting time in ms after rejected
 */
export function waitFor(predicate, timeout) {
  return new Promise((resolve, reject) => {
    const check = () => {
      console.log('checking', predicate());
      if (!predicate()) return;
      clearInterval(interval);
      resolve();
    };
    const interval = setInterval(check, 100);
    check();

    if (!timeout) return;
    setTimeout(() => {
      clearInterval(interval);
      reject();
    }, timeout);
  });
}

Here is an example to check for global properties without timeout:

await waitFor(() => window.hasOwnProperty('propName'));

And if you want timeout:

try {
    await waitFor(() => window.hasOwnProperty('propName'), 2000);
} catch (err) {
    console.error('timed out')
}

If you want to check nested sub keys, something like this might work:

await waitFor(() => window?.MY?.Object?.property?.functionName);