Adds a window.WebComponents global. Existence of this global indicates that the WebComponentsReady event will be fired when polyfills are ready. After the event fires WebComonents.ready is set to true. This enables testing environments like web-component-tester to more easily determine if they should wait for the WebComponentsReady event before starting.

Author: Steven Orvell

entrypoints/webcomponents-sd-ce-index.js

@@ -21,10 +21,13 @@ import '../bower_components/shadycss/entrypoints/scoping-shim.js'
 // NOTE: this is a load-bearing IIFE for Closure
 (function() {
   let document = window.document;
+  // global for (1) existence means `WebComponentsReady` will file,
+  // (2) WebComponents.ready == true means event has fired.
+  window.WebComponents = window.WebComponents || {};
 
   function fire() {
     requestAnimationFrame(() => {
-      document.querySelector('script[src*="webcomponents"]').webComponentsReady = true;
+      window.WebComponents.ready = true;
       window.document.dispatchEvent(new CustomEvent('WebComponentsReady', { bubbles: true }));
     })
   }

src/post-polyfill.js

@@ -14,6 +14,9 @@
 
   var customElements = window['customElements'];
   var HTMLImports = window['HTMLImports'];
+  // global for (1) existence means `WebComponentsReady` will file,
+  // (2) WebComponents.ready == true means event has fired.
+  window.WebComponents = window.WebComponents || {};
 
   if (customElements && customElements['polyfillWrapFlushCallback']) {
     // Here we ensure that the public `HTMLImports.whenReady`
@@ -50,7 +53,7 @@
 
   HTMLImports['whenReady'](function() {
     requestAnimationFrame(function() {
-      document.querySelector('script[src*="webcomponents"]').webComponentsReady = true;
+      window.WebComponents.ready = true;
       document.dispatchEvent(new CustomEvent('WebComponentsReady', {bubbles: true}));
     });
   });