build: move zone.js to angular repo (#30962)

PR Close #30962

packages/zone.js/test/browser/custom-element.spec.js

@@ -0,0 +1,96 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+/*
+ * check that document.registerElement(name, { prototype: proto });
+ * is properly patched
+ */
+
+function customElementsSupport() {
+  return 'registerElement' in document;
+}
+customElementsSupport.message = 'window.customElements';
+
+describe('customElements', function() {
+  const testZone = Zone.current.fork({name: 'test'});
+  const bridge = {
+    connectedCallback: () => {},
+    disconnectedCallback: () => {},
+    adoptedCallback: () => {},
+    attributeChangedCallback: () => {}
+  };
+
+  class TestCustomElement extends HTMLElement {
+    constructor() { super(); }
+
+    static get observedAttributes() { return ['attr1', 'attr2']; }
+
+    connectedCallback() { return bridge.connectedCallback(); }
+
+    disconnectedCallback() { return bridge.disconnectedCallback(); }
+
+    attributeChangedCallback(attrName, oldVal, newVal) {
+      return bridge.attributeChangedCallback(attrName, oldVal, newVal);
+    }
+
+    adoptedCallback() { return bridge.adoptedCallback(); }
+  }
+
+  testZone.run(() => { customElements.define('x-test', TestCustomElement); });
+
+  let elt;
+
+  beforeEach(() => {
+    bridge.connectedCallback = () => {};
+    bridge.disconnectedCallback = () => {};
+    bridge.attributeChangedCallback = () => {};
+    bridge.adoptedCallback = () => {};
+  });
+
+  afterEach(() => {
+    if (elt) {
+      document.body.removeChild(elt);
+      elt = null;
+    }
+  });
+
+  it('should work with connectedCallback', function(done) {
+    bridge.connectedCallback = function() {
+      expect(Zone.current.name).toBe(testZone.name);
+      done();
+    };
+
+    elt = document.createElement('x-test');
+    document.body.appendChild(elt);
+  });
+
+  it('should work with disconnectedCallback', function(done) {
+    bridge.disconnectedCallback = function() {
+      expect(Zone.current.name).toBe(testZone.name);
+      done();
+    };
+
+    elt = document.createElement('x-test');
+    document.body.appendChild(elt);
+    document.body.removeChild(elt);
+    elt = null;
+  });
+
+  it('should work with attributeChanged', function(done) {
+    bridge.attributeChangedCallback = function(attrName, oldVal, newVal) {
+      expect(Zone.current.name).toBe(testZone.name);
+      expect(attrName).toEqual('attr1');
+      expect(newVal).toEqual('value1');
+      done();
+    };
+
+    elt = document.createElement('x-test');
+    document.body.appendChild(elt);
+    elt.setAttribute('attr1', 'value1');
+  });
+});