There is an encoding issue with using delta `Δ`, where the browser will attempt to detect the file encoding if the character set is not explicitly declared on a `<script/>` tag, and Chrome will find the `Δ` character and decide it is window-1252 encoding, which misinterprets the `Δ` character to be some other character that is not a valid JS identifier character
So back to the frog eyes we go.
```
    __
   /ɵɵ\
  ( -- ) - I am ineffable. I am forever.
 _/    \_
/  \  /  \
==  ==  ==
```
PR Close #30546
		
	
			
		
			
				
	
	
		
			43 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			43 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| /**
 | |
|  * @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
 | |
|  */
 | |
| 
 | |
| import {getLContext} from '../../src/render3/context_discovery';
 | |
| import {LViewDebug, toDebug} from '../../src/render3/debug';
 | |
| import {RenderFlags, ɵɵdefineComponent, ɵɵelementEnd, ɵɵelementStart, ɵɵtext} from '../../src/render3/index';
 | |
| 
 | |
| import {ComponentFixture} from './render_util';
 | |
| 
 | |
| describe('Debug Representation', () => {
 | |
|   it('should generate a human readable version', () => {
 | |
|     class MyComponent {
 | |
|       static ngComponentDef = ɵɵdefineComponent({
 | |
|         type: MyComponent,
 | |
|         selectors: [['my-comp']],
 | |
|         vars: 0,
 | |
|         consts: 2,
 | |
|         factory: () => new MyComponent(),
 | |
|         template: function(rf: RenderFlags, ctx: MyComponent) {
 | |
|           if (rf == RenderFlags.Create) {
 | |
|             ɵɵelementStart(0, 'div', ['id', '123']);
 | |
|             ɵɵtext(1, 'Hello World');
 | |
|             ɵɵelementEnd();
 | |
|           }
 | |
|         }
 | |
|       });
 | |
|     }
 | |
| 
 | |
|     const fixture = new ComponentFixture(MyComponent);
 | |
|     const hostView = toDebug(getLContext(fixture.component) !.lView);
 | |
|     expect(hostView.host).toEqual(null);
 | |
|     const myCompView = hostView.childViews[0] as LViewDebug;
 | |
|     expect(myCompView.host).toEqual('<div host="mark"><div id="123">Hello World</div></div>');
 | |
|     expect(myCompView.nodes ![0].html).toEqual('<div id="123">');
 | |
|     expect(myCompView.nodes ![0].nodes ![0].html).toEqual('Hello World');
 | |
|   });
 | |
| });
 |