refactor(language-service): remove callback functions in test code (#32656)
Removes `addCodeAndCallback` function, opting instead to add code to a file and then testing expectations on that fileName. Also renames `contains` to `expectContains` to clarify its expectations. PR Close #32656
This commit is contained in:
parent
bbb2798d41
commit
c7ea3260bc
|
@ -21,24 +21,24 @@ describe('completions', () => {
|
|||
let ngService = createLanguageService(ngHost);
|
||||
|
||||
it('should be able to get entity completions',
|
||||
() => { contains('/app/test.ng', 'entity-amp', '&', '>', '<', 'ι'); });
|
||||
() => { expectContains('/app/test.ng', 'entity-amp', '&', '>', '<', 'ι'); });
|
||||
|
||||
it('should be able to return html elements', () => {
|
||||
let htmlTags = ['h1', 'h2', 'div', 'span'];
|
||||
let locations = ['empty', 'start-tag-h1', 'h1-content', 'start-tag', 'start-tag-after-h'];
|
||||
for (let location of locations) {
|
||||
contains('/app/test.ng', location, ...htmlTags);
|
||||
expectContains('/app/test.ng', location, ...htmlTags);
|
||||
}
|
||||
});
|
||||
|
||||
it('should be able to return element diretives',
|
||||
() => { contains('/app/test.ng', 'empty', 'my-app'); });
|
||||
() => { expectContains('/app/test.ng', 'empty', 'my-app'); });
|
||||
|
||||
it('should be able to return h1 attributes',
|
||||
() => { contains('/app/test.ng', 'h1-after-space', 'id', 'dir', 'lang', 'onclick'); });
|
||||
() => { expectContains('/app/test.ng', 'h1-after-space', 'id', 'dir', 'lang', 'onclick'); });
|
||||
|
||||
it('should be able to find common angular attributes',
|
||||
() => { contains('/app/test.ng', 'div-attributes', '(click)', '[ngClass]'); });
|
||||
() => { expectContains('/app/test.ng', 'div-attributes', '(click)', '[ngClass]'); });
|
||||
|
||||
it('should be able to get completions in some random garbage', () => {
|
||||
const fileName = '/app/test.ng';
|
||||
|
@ -48,8 +48,7 @@ describe('completions', () => {
|
|||
});
|
||||
|
||||
it('should be able to infer the type of a ngForOf', () => {
|
||||
addCodeAndCallback(
|
||||
`
|
||||
const fileName = mockHost.addCode(`
|
||||
interface Person {
|
||||
name: string,
|
||||
street: string
|
||||
|
@ -58,13 +57,12 @@ describe('completions', () => {
|
|||
@Component({template: '<div *ngFor="let person of people">{{person.~{name}name}}</div'})
|
||||
export class MyComponent {
|
||||
people: Person[]
|
||||
}`,
|
||||
() => { contains('/app/app.component.ts', 'name', 'name', 'street'); });
|
||||
}`);
|
||||
expectContains(fileName, 'name', 'name', 'street');
|
||||
});
|
||||
|
||||
it('should be able to infer the type of a ngForOf with an async pipe', () => {
|
||||
addCodeAndCallback(
|
||||
`
|
||||
const fileName = mockHost.addCode(`
|
||||
interface Person {
|
||||
name: string,
|
||||
street: string
|
||||
|
@ -73,8 +71,8 @@ describe('completions', () => {
|
|||
@Component({template: '<div *ngFor="let person of people | async">{{person.~{name}name}}</div'})
|
||||
export class MyComponent {
|
||||
people: Promise<Person[]>;
|
||||
}`,
|
||||
() => { contains('/app/app.component.ts', 'name', 'name', 'street'); });
|
||||
}`);
|
||||
expectContains(fileName, 'name', 'name', 'street');
|
||||
});
|
||||
|
||||
it('should be able to complete every character in the file', () => {
|
||||
|
@ -135,20 +133,22 @@ describe('completions', () => {
|
|||
describe('with regression tests', () => {
|
||||
it('should not crash with an incomplete component', () => {
|
||||
expect(() => {
|
||||
const code = `
|
||||
@Component({
|
||||
template: '~{inside-template}'
|
||||
})
|
||||
export class MyComponent {
|
||||
const fileName = mockHost.addCode(`
|
||||
@Component({
|
||||
template: '~{inside-template}'
|
||||
})
|
||||
export class MyComponent {
|
||||
|
||||
}`);
|
||||
|
||||
}`;
|
||||
addCodeAndCallback(code, fileName => { contains(fileName, 'inside-template', 'h1'); });
|
||||
expectContains(fileName, 'inside-template', 'h1');
|
||||
}).not.toThrow();
|
||||
});
|
||||
|
||||
it('should hot crash with an incomplete class', () => {
|
||||
expect(() => {
|
||||
addCodeAndCallback('\nexport class', fileName => { ngHost.getAnalyzedModules(); });
|
||||
mockHost.addCode('\nexport class');
|
||||
ngHost.getAnalyzedModules();
|
||||
}).not.toThrow();
|
||||
});
|
||||
|
||||
|
@ -178,12 +178,11 @@ export class MyComponent {
|
|||
}
|
||||
`);
|
||||
ngHost.getAnalyzedModules();
|
||||
contains('/app/my.component.ts', 'tree', 'children');
|
||||
expectContains('/app/my.component.ts', 'tree', 'children');
|
||||
});
|
||||
|
||||
it('should work with input and output', () => {
|
||||
addCodeAndCallback(
|
||||
`
|
||||
const fileName = mockHost.addCode(`
|
||||
@Component({
|
||||
selector: 'foo-component',
|
||||
template: \`
|
||||
|
@ -195,24 +194,12 @@ export class MyComponent {
|
|||
text: string;
|
||||
value: number;
|
||||
}
|
||||
`,
|
||||
(fileName) => {
|
||||
contains(fileName, 'stringMarker', '[model]', '(model)');
|
||||
contains(fileName, 'numberMarker', '[inputAlias]', '(outputAlias)');
|
||||
});
|
||||
`);
|
||||
expectContains(fileName, 'stringMarker', '[model]', '(model)');
|
||||
expectContains(fileName, 'numberMarker', '[inputAlias]', '(outputAlias)');
|
||||
});
|
||||
|
||||
function addCodeAndCallback(code: string, cb: (fileName: string, content?: string) => void) {
|
||||
const fileName = mockHost.addCode(code);
|
||||
ngHost.getAnalyzedModules();
|
||||
try {
|
||||
cb(fileName, mockHost.getFileContent(fileName) !);
|
||||
} finally {
|
||||
mockHost.override(fileName, undefined !);
|
||||
}
|
||||
}
|
||||
|
||||
function contains(fileName: string, locationMarker: string, ...names: string[]) {
|
||||
function expectContains(fileName: string, locationMarker: string, ...names: string[]) {
|
||||
let location = mockHost.getMarkerLocations(fileName) ![locationMarker];
|
||||
if (location == null) {
|
||||
throw new Error(`No marker ${locationMarker} found.`);
|
||||
|
|
Loading…
Reference in New Issue