/** * @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 'reflect-metadata'; import * as ts from 'typescript'; import {createLanguageService} from '../src/language_service'; import {Hover} from '../src/types'; import {TypeScriptServiceHost} from '../src/typescript_host'; import {toh} from './test_data'; import {MockTypescriptHost} from './test_utils'; describe('hover', () => { let documentRegistry = ts.createDocumentRegistry(); let mockHost = new MockTypescriptHost(['/app/main.ts', '/app/parsing-cases.ts'], toh); let service = ts.createLanguageService(mockHost, documentRegistry); let ngHost = new TypeScriptServiceHost(mockHost, service); let ngService = createLanguageService(ngHost); ngHost.setSite(ngService); it('should be able to find field in an interpolation', () => { hover( ` @Component({template: '{{«name»}}'}) export class MyComponent { name: string; }`, 'property name of MyComponent'); }); it('should be able to find a field in a attribute reference', () => { hover( ` @Component({template: ''}) export class MyComponent { name: string; }`, 'property name of MyComponent'); }); it('should be able to find a method from a call', () => { hover( ` @Component({template: '
'}) export class MyComponent { myClick() { }}`, 'method myClick of MyComponent'); }); it('should be able to find a field reference in an *ngIf', () => { hover( ` @Component({template: '
'}) export class MyComponent { include = true;}`, 'property include of MyComponent'); }); it('should be able to find a reference to a component', () => { hover( ` @Component({template: '«<ᐱtestᐱ-comp>»'}) export class MyComponent { }`, 'component TestComponent'); }); it('should be able to find an event provider', () => { hover( ` @Component({template: ''}) export class MyComponent { myHandler() {} }`, 'event testEvent of TestComponent'); }); it('should be able to find an input provider', () => { hover( ` @Component({template: ''}) export class MyComponent { name = 'my name'; }`, 'property name of TestComponent'); }); it('should be able to ignore a reference declaration', () => { addCode( ` @Component({template: '
'}) export class MyComponent { }`, fileName => { const markers = mockHost.getReferenceMarkers(fileName) !; const hover = ngService.getHoverAt(fileName, markers.references.chart[0].start); expect(hover).toBeUndefined(); }); }); function hover(code: string, hoverText: string) { addCode(code, fileName => { let tests = 0; const markers = mockHost.getReferenceMarkers(fileName) !; const keys = Object.keys(markers.references).concat(Object.keys(markers.definitions)); for (const referenceName of keys) { const references = (markers.references[referenceName] || []).concat(markers.definitions[referenceName] || []); for (const reference of references) { tests++; const hover = ngService.getHoverAt(fileName, reference.start); if (!hover) throw new Error(`Expected a hover at location ${reference.start}`); expect(hover.span).toEqual(reference); expect(toText(hover)).toEqual(hoverText); } } expect(tests).toBeGreaterThan(0); // If this fails the test is wrong. }); } function addCode(code: string, cb: (fileName: string, content?: string) => void) { const fileName = '/app/app.component.ts'; const originalContent = mockHost.getFileContent(fileName); const newContent = originalContent + code; mockHost.override(fileName, originalContent + code); try { cb(fileName, newContent); } finally { mockHost.override(fileName, undefined !); } } function toText(hover: Hover): string { return hover.text.map(h => h.text).join(''); } });