a4f3f3f81d
Now, one can add an `@alias` tag to API docs, which tells dgeni that this
API element (usually a `const`) is really just an alias for some API element
defined elsewhere.
Dgeni will then look up this API element and copy over the properties from
the alias to the current doc.
For example, we would like to privately export an Enum from `@angular/core`
but then publicly export this from `@angular/common`:
**packages/core/private_exports.ts**
```ts
/**
* Description of this document.
*/
export enum ɵSomeEnum { ... }
```
**packages/common/public_api.ts**
```ts
import {ɵSomeEnum} from '@angular/core';
/**
* @alias core/ɵSomeEnum
*/
export const SomeEnum = ɵSomeEnum;
```
In the generated docs there will be a page for `common/SomeEnum`, which
will be rendered as an enum, rather than a const, showing the description
extracted from the `core/ɵSomeEnum`.
---
The implementation of this feature required some refactoring of the other
processing:
1. Previously `ɵ` prefixed exports were not even considered.
2. Due to 1. some processors needed to have guards added to ignore such
private exports (`addMetadataAliases` and `checkContentRules`).
3. The processing of package pages had to be reworked (and split) so that
it picked up the aliased export docs after their alias proeprties had
been copied.
See FW-1207, FW-632, #29249
PR Close #29673
69 lines
3.5 KiB
JavaScript
69 lines
3.5 KiB
JavaScript
const testPackage = require('../../helpers/test-package');
|
|
const processorFactory = require('./addMetadataAliases');
|
|
const Dgeni = require('dgeni');
|
|
|
|
describe('addSelectorsAsAliases processor', () => {
|
|
|
|
it('should be available on the injector', () => {
|
|
const dgeni = new Dgeni([testPackage('angular-api-package')]);
|
|
const injector = dgeni.configureInjector();
|
|
const processor = injector.get('addMetadataAliasesProcessor');
|
|
expect(processor.$process).toBeDefined();
|
|
});
|
|
|
|
it('should run after the correct processor', () => {
|
|
const processor = processorFactory();
|
|
expect(processor.$runAfter).toEqual(['extractDecoratedClassesProcessor']);
|
|
});
|
|
|
|
it('should run before the correct processor', () => {
|
|
const processor = processorFactory();
|
|
expect(processor.$runBefore).toEqual(['computing-ids']);
|
|
});
|
|
|
|
it('should add new aliases for directives, components and pipes', () => {
|
|
const processor = processorFactory();
|
|
const docs = [
|
|
{ docType: 'class', name: 'MyClass', aliases: ['MyClass'] },
|
|
{ docType: 'interface', name: 'MyInterface', aliases: ['MyInterface'] },
|
|
{ docType: 'enum', name: 'MyEnum', aliases: ['MyEnum'] },
|
|
{ docType: 'function', name: 'myFunction', aliases: ['myFunction'] },
|
|
{ docType: 'pipe', name: 'MyPipe', aliases: ['MyPipe'], pipeOptions: { name: '\'myPipe\'' } },
|
|
{ docType: 'directive', name: 'MyDirective', aliases: ['MyDirective'], directiveOptions: { selector: '\'my-directive,[myDirective],[my-directive]\'' } },
|
|
{ docType: 'directive', name: 'NgModel', aliases: ['NgModel'], directiveOptions: { selector: '\'[ngModel]:not([formControlName]):not([formControl])\'' } },
|
|
{ docType: 'component', name: 'MyComponent', aliases: ['MyComponent'], componentOptions: { selector: '\'my-component\'' } },
|
|
{ docType: 'decorator', name: 'MyDecorator', aliases: ['MyDecorator'] },
|
|
{ docType: 'package', name: 'myPackage', aliases: ['myPackage'], id: 'some/myPackage' },
|
|
{ docType: 'var', name: 'myVar', aliases: ['myVar'] },
|
|
{ docType: 'let', name: 'myLet', aliases: ['myLet'] },
|
|
{ docType: 'const', name: 'myConst', aliases: ['myConst'] },
|
|
{ docType: 'type-alias', name: 'myType', aliases: ['myType'] },
|
|
];
|
|
processor.$process(docs);
|
|
expect(docs[0].aliases).toEqual([docs[0].name]);
|
|
expect(docs[1].aliases).toEqual([docs[1].name]);
|
|
expect(docs[2].aliases).toEqual([docs[2].name]);
|
|
expect(docs[3].aliases).toEqual([docs[3].name]);
|
|
expect(docs[4].aliases).toEqual([docs[4].name, 'myPipe']);
|
|
expect(docs[5].aliases).toEqual([docs[5].name, 'my-directive', 'myDirective']);
|
|
expect(docs[6].aliases).toEqual([docs[6].name, 'ngModel']);
|
|
expect(docs[7].aliases).toEqual([docs[7].name, 'my-component']);
|
|
expect(docs[8].aliases).toEqual([docs[8].name]);
|
|
expect(docs[9].aliases).toEqual([docs[9].name]);
|
|
expect(docs[10].aliases).toEqual([docs[10].name]);
|
|
expect(docs[11].aliases).toEqual([docs[11].name]);
|
|
expect(docs[12].aliases).toEqual([docs[12].name]);
|
|
});
|
|
|
|
it('should ignore directives and components that have no selector', () => {
|
|
const processor = processorFactory();
|
|
const docs = [
|
|
{ docType: 'directive', name: 'MyDirective', aliases: ['MyDirective'], directiveOptions: { } },
|
|
{ docType: 'component', name: 'MyComponent', aliases: ['MyComponent'], componentOptions: { } },
|
|
];
|
|
processor.$process(docs);
|
|
expect(docs[0].aliases).toEqual([docs[0].name]);
|
|
expect(docs[1].aliases).toEqual([docs[1].name]);
|
|
});
|
|
});
|