| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <meta http-equiv="X-UA-Compatible" content="IE=edge"> | 4 <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 5 <meta name="dart.unittest" content="full-stack-traces"> | 5 <meta name="dart.unittest" content="full-stack-traces"> |
| 6 <title> interop_test.html </title> | 6 <title> interop_test.html </title> |
| 7 <style> | 7 <style> |
| 8 .unittest-table { font-family:monospace; border:1px; } | 8 .unittest-table { font-family:monospace; border:1px; } |
| 9 .unittest-pass { background: #6b3;} | 9 .unittest-pass { background: #6b3;} |
| 10 .unittest-fail { background: #d55;} | 10 .unittest-fail { background: #d55;} |
| 11 .unittest-error { background: #a11;} | 11 .unittest-error { background: #a11;} |
| 12 </style> | 12 </style> |
| 13 <script src="/packages/web_components/platform.js"></script> | 13 <script src="/packages/web_components/platform.js"></script> |
| 14 <script src="/packages/web_components/dart_support.js"></script> | 14 <script src="/packages/web_components/dart_support.js"></script> |
| 15 </head> | 15 </head> |
| 16 <body> | 16 <body> |
| 17 <h1> Running interop_test </h1> | 17 <h1> Running interop_test </h1> |
| 18 <script> | 18 <script> |
| 19 var counter = 0; | 19 var counter = 0; |
| 20 var A = function() {}; | 20 var A = function() {}; |
| 21 A.prototype = Object.create(HTMLElement.prototype); | 21 A.prototype = Object.create(HTMLElement.prototype); |
| 22 A.prototype.inc = function() { this.x = counter++; }; | 22 A.prototype.inc = function() { this.x = counter++; }; |
| 23 A.prototype.createdCallback = function() { this.inc(); }; | 23 A.prototype.createdCallback = function() { this.inc(); }; |
| 24 | 24 |
| 25 var B = function() {}; | 25 var B = function() {}; |
| 26 B.prototype = Object.create(HTMLDivElement.prototype); | 26 B.prototype = Object.create(HTMLDivElement.prototype); |
| 27 B.prototype.createdCallback = function() { this.x = counter++; }; | 27 B.prototype.createdCallback = function() { this.x = counter++; }; |
| 28 B.extends = 'div'; | 28 B.extends = 'div'; |
| 29 | 29 |
| 30 var D = function() {}; |
| 31 D.prototype = Object.create(HTMLElement.prototype); |
| 32 D.prototype.inc = function() { this.x = counter++; }; |
| 33 D.prototype.createdCallback = function() { this.inc(); }; |
| 34 |
| 30 document.registerElement('x-a', A); | 35 document.registerElement('x-a', A); |
| 31 document.registerElement('x-b', B); | 36 document.registerElement('x-b', B); |
| 37 document.registerElement('x-d', D); |
| 32 | 38 |
| 33 function registerC() { | 39 function registerC() { |
| 34 var proto = Object.create(HTMLElement.prototype, { | 40 var proto = Object.create(HTMLElement.prototype, { |
| 35 inc: { value: function() { this.x = counter++; } }, | 41 inc: { value: function() { this.x = counter++; } }, |
| 36 createdCallback: { | 42 createdCallback: { |
| 37 value: function() { this.inc(); }, | 43 value: function() { this.inc(); }, |
| 38 configurable: true}, | 44 configurable: true}, |
| 39 }); | 45 }); |
| 40 document.registerElement('x-c', {prototype: proto}); | 46 document.registerElement('x-c', {prototype: proto}); |
| 41 } | 47 } |
| 42 function addA() { | 48 function addA() { |
| 43 document.body.appendChild(document.createElement('x-a')); | 49 document.body.appendChild(document.createElement('x-a')); |
| 44 } | 50 } |
| 45 function addB() { | 51 function addB() { |
| 46 document.body.appendChild(document.createElement('div', 'x-b')); | 52 document.body.appendChild(document.createElement('div', 'x-b')); |
| 47 } | 53 } |
| 48 function addC() { | 54 function addC() { |
| 49 document.body.appendChild(document.createElement('x-c')); | 55 document.body.appendChild(document.createElement('x-c')); |
| 50 } | 56 } |
| 57 function addD() { |
| 58 document.body.appendChild(document.createElement('x-d')); |
| 59 } |
| 51 </script> | 60 </script> |
| 52 <x-a id="i1"></x-a> | 61 <x-a id="i1"></x-a> |
| 53 <div is="x-b" id="i2"></div> | 62 <div is="x-b" id="i2"></div> |
| 54 <x-c id="i3"></x-b> | 63 <x-c id="i3"></x-c> |
| 64 <x-d id="i4"></x-d> |
| 55 <script type="text/javascript" | 65 <script type="text/javascript" |
| 56 src="/root_dart/tools/testing/dart/test_controller.js"></script> | 66 src="/root_dart/tools/testing/dart/test_controller.js"></script> |
| 57 %TEST_SCRIPTS% | 67 %TEST_SCRIPTS% |
| 58 </body> | 68 </body> |
| 59 </html> | 69 </html> |
| OLD | NEW |