KaneAI - World’s First E2E Software Testing Agent.Signup for Private Beta 
How to use parsePropDecoratorsParserOutput method in ng-mocks
Best JavaScript code snippet using ng-mocks
collect-declarations.ts
Source:collect-declarations.ts 
1import { ɵReflectionCapabilities as ReflectionCapabilities } from '@angular/core';2import coreDefineProperty from '../common/core.define-property';3import { AnyDeclaration } from '../common/core.types';4interface Declaration {5 host: Record<string, string | undefined>;6 hostBindings: Array<[string, string?, ...any[]]>;7 hostListeners: Array<[string, string?, ...any[]]>;8 attributes: string[];9 inputs: string[];10 outputs: string[];11 propDecorators: Record<string, any[]>;12 queries: Record<string, any>;13 decorators: Array<'Injectable' | 'Pipe' | 'Directive' | 'Component' | 'NgModule'>;14 [key: string]: any;15}16const pushDecorator = (decorators: string[], decorator: string): void => {17 const deleteIndex = decorators.indexOf(decorator);18 if (deleteIndex !== -1) {19 decorators.splice(deleteIndex, 1);20 }21 if (22 decorator === 'Injectable' ||23 decorator === 'Pipe' ||24 decorator === 'Directive' ||25 decorator === 'Component' ||26 decorator === 'NgModule'27 ) {28 decorators.push(decorator);29 }30};31const getAllKeys = <T extends Record<keyof any, any>>(instance: T): Array<keyof T> => {32 const props: string[] = [];33 for (const key of Object.keys(instance)) {34 props.push(key);35 }36 return props as never;37};38const createDeclarations = (parent: Partial<Declaration>): Declaration => ({39 host: parent.host ? { ...parent.host } : {},40 hostBindings: parent.hostBindings ? [...parent.hostBindings] : [],41 hostListeners: parent.hostListeners ? [...parent.hostListeners] : [],42 attributes: parent.attributes ? [...parent.attributes] : [],43 inputs: parent.inputs ? [...parent.inputs] : [],44 outputs: parent.outputs ? [...parent.outputs] : [],45 propDecorators: parent.propDecorators ? { ...parent.propDecorators } : {},46 queries: parent.queries ? { ...parent.queries } : {},47 decorators: parent.decorators ? [...parent.decorators] : [],48});49const parseParameters = (50 def: {51 __parameters__?: Array<null | Array<52 | {53 attributeName: string;54 ngMetadataName: 'Attribute';55 }56 | {57 token: AnyDeclaration<any>;58 ngMetadataName: 'Inject';59 }60 | {61 ngMetadataName: 'Optional';62 }63 >>;64 },65 declaration: Declaration,66): void => {67 if (Object.prototype.hasOwnProperty.call(def, '__parameters__') && def.__parameters__) {68 for (const decorators of def.__parameters__) {69 for (const decorator of decorators || []) {70 if (71 decorator.ngMetadataName === 'Attribute' &&72 declaration.attributes.indexOf(decorator.attributeName) === -173 ) {74 declaration.attributes.push(decorator.attributeName);75 }76 }77 }78 }79};80const parseAnnotations = (81 def: {82 __annotations__?: Array<{83 ngMetadataName?: string;84 }>;85 },86 declaration: Declaration,87): void => {88 if (Object.prototype.hasOwnProperty.call(def, '__annotations__') && def.__annotations__) {89 for (const annotation of def.__annotations__) {90 const ngMetadataName = annotation?.ngMetadataName;91 if (!ngMetadataName) {92 continue;93 }94 declaration[ngMetadataName] = { ...annotation, attributes: declaration.attributes };95 pushDecorator(declaration.decorators, ngMetadataName);96 }97 }98};99const parseDecorators = (100 def: {101 decorators?: Array<{102 args?: [any];103 type?: {104 prototype?: {105 ngMetadataName?: string;106 };107 };108 }>;109 },110 declaration: Declaration,111): void => {112 if (Object.prototype.hasOwnProperty.call(def, 'decorators') && def.decorators) {113 for (const decorator of def.decorators) {114 const ngMetadataName = decorator?.type?.prototype?.ngMetadataName;115 if (!ngMetadataName) {116 continue;117 }118 declaration[ngMetadataName] = decorator.args ? { ...decorator.args[0] } : {};119 pushDecorator(declaration.decorators, ngMetadataName);120 }121 }122};123const parsePropDecoratorsParserFactoryProp =124 (key: 'inputs' | 'outputs') =>125 (126 _: string,127 prop: string,128 decorator: {129 args?: [string];130 },131 declaration: Declaration,132 ): void => {133 const value = prop + (decorator.args?.[0] ? `: ${decorator.args[0]}` : '');134 if (declaration[key].indexOf(value) === -1) {135 declaration[key].unshift(value);136 }137 };138const parsePropDecoratorsParserInput = parsePropDecoratorsParserFactoryProp('inputs');139const parsePropDecoratorsParserOutput = parsePropDecoratorsParserFactoryProp('outputs');140const parsePropDecoratorsParserFactoryQuery =141 (isViewQuery: boolean) =>142 (143 ngMetadataName: string,144 prop: string,145 decorator: {146 args: [string] | [string, any];147 },148 declaration: Declaration,149 ): void => {150 if (!declaration.queries[prop]) {151 declaration.queries[prop] = {152 isViewQuery,153 ngMetadataName,154 selector: decorator.args[0],155 ...decorator.args[1],156 };157 }158 };159const parsePropDecoratorsParserContent = parsePropDecoratorsParserFactoryQuery(false);160const parsePropDecoratorsParserView = parsePropDecoratorsParserFactoryQuery(true);161const parsePropDecoratorsParserHostBinding = (162 _: string,163 prop: string,164 decorator: {165 args?: [string] | [string, any[]];166 },167 declaration: Declaration,168): void => {169 const key = `[${decorator.args?.[0] || prop}]`;170 if (!declaration.host[key]) {171 declaration.host[key] = prop;172 }173 declaration.hostBindings.push([prop, ...(decorator.args || [])]);174};175const parsePropDecoratorsParserHostListener = (176 _: string,177 prop: string,178 decorator: {179 args?: any[];180 },181 declaration: Declaration,182): void => {183 const key = `(${decorator.args?.[0] || prop})`;184 if (!declaration.host[key]) {185 declaration.host[key] = `${prop}($event)`;186 }187 declaration.hostListeners.push([prop, ...(decorator.args || [])]);188};189const parsePropDecoratorsMap: any = {190 ContentChild: parsePropDecoratorsParserContent,191 ContentChildren: parsePropDecoratorsParserContent,192 HostBinding: parsePropDecoratorsParserHostBinding,193 HostListener: parsePropDecoratorsParserHostListener,194 Input: parsePropDecoratorsParserInput,195 Output: parsePropDecoratorsParserOutput,196 ViewChild: parsePropDecoratorsParserView,197 ViewChildren: parsePropDecoratorsParserView,198};199const parsePropDecorators = (200 def: {201 propDecorators?: Record<202 string,203 Array<{204 args: any;205 type?: {206 prototype?: {207 ngMetadataName?: string;208 };209 };210 }>211 >;212 },213 declaration: Declaration,214): void => {215 if (Object.prototype.hasOwnProperty.call(def, 'propDecorators') && def.propDecorators) {216 for (const prop of getAllKeys(def.propDecorators)) {217 declaration.propDecorators[prop] = [...(declaration.propDecorators[prop] || []), ...def.propDecorators[prop]];218 for (const decorator of def.propDecorators[prop]) {219 const ngMetadataName = decorator?.type?.prototype?.ngMetadataName;220 if (!ngMetadataName) {221 continue;222 }223 parsePropDecoratorsMap[ngMetadataName]?.(ngMetadataName, prop, decorator, declaration);224 }225 }226 }227};228const parsePropMetadataParserFactoryProp =229 (key: 'inputs' | 'outputs') =>230 (231 _: string,232 prop: string,233 decorator: {234 bindingPropertyName?: string;235 },236 declaration: Declaration,237 ): void => {238 const value = prop + (decorator.bindingPropertyName ? `: ${decorator.bindingPropertyName}` : '');239 if (declaration[key].indexOf(value) === -1) {240 declaration[key].unshift(value);241 }242 };243const parsePropMetadataParserInput = parsePropMetadataParserFactoryProp('inputs');244const parsePropMetadataParserOutput = parsePropMetadataParserFactoryProp('outputs');245const parsePropMetadataParserFactoryQueryChild =246 (isViewQuery: boolean) =>247 (248 ngMetadataName: string,249 prop: string,250 decorator: {251 read?: any;252 selector: string;253 static?: boolean;254 },255 declaration: Declaration,256 ): void => {257 if (!declaration.queries[prop]) {258 declaration.queries[prop] = {259 isViewQuery,260 ngMetadataName,261 selector: decorator.selector,262 ...(decorator.read !== undefined ? { read: decorator.read } : {}),263 ...(decorator.static !== undefined ? { static: decorator.static } : {}),264 };265 }266 };267const parsePropMetadataParserContentChild = parsePropMetadataParserFactoryQueryChild(false);268const parsePropMetadataParserViewChild = parsePropMetadataParserFactoryQueryChild(true);269const parsePropMetadataParserFactoryQueryChildren =270 (isViewQuery: boolean) =>271 (272 ngMetadataName: string,273 prop: string,274 decorator: {275 descendants?: any;276 emitDistinctChangesOnly?: boolean;277 read?: any;278 selector: string;279 },280 declaration: Declaration,281 ): void => {282 if (!declaration.queries[prop]) {283 declaration.queries[prop] = {284 isViewQuery,285 ngMetadataName,286 selector: decorator.selector,287 ...(decorator.descendants !== undefined ? { descendants: decorator.descendants } : {}),288 ...(decorator.emitDistinctChangesOnly !== undefined289 ? { emitDistinctChangesOnly: decorator.emitDistinctChangesOnly }290 : {}),291 ...(decorator.read !== undefined ? { read: decorator.read } : {}),292 };293 }294 };295const parsePropMetadataParserContentChildren = parsePropMetadataParserFactoryQueryChildren(false);296const parsePropMetadataParserViewChildren = parsePropMetadataParserFactoryQueryChildren(true);297const parsePropMetadataParserHostBinding = (298 _: string,299 prop: string,300 decorator: {301 args?: any;302 hostPropertyName?: string;303 },304 declaration: Declaration,305): void => {306 const key = `[${decorator.hostPropertyName || prop}]`;307 if (!declaration.host[key]) {308 declaration.host[key] = prop;309 }310 declaration.hostBindings.push([311 prop,312 decorator.hostPropertyName || prop,313 ...(decorator.args ? [decorator.args] : []),314 ]);315};316const parsePropMetadataParserHostListener = (317 _: string,318 prop: string,319 decorator: {320 args?: any;321 eventName?: string;322 },323 declaration: Declaration,324): void => {325 const key = `(${decorator.eventName || prop})`;326 if (!declaration.host[key]) {327 declaration.host[key] = `${prop}($event)`;328 }329 declaration.hostListeners.push([prop, decorator.eventName || prop, ...(decorator.args ? [decorator.args] : [])]);330};331const parsePropMetadataMap: any = {332 ContentChild: parsePropMetadataParserContentChild,333 ContentChildren: parsePropMetadataParserContentChildren,334 HostBinding: parsePropMetadataParserHostBinding,335 HostListener: parsePropMetadataParserHostListener,336 Input: parsePropMetadataParserInput,337 Output: parsePropMetadataParserOutput,338 ViewChild: parsePropMetadataParserViewChild,339 ViewChildren: parsePropMetadataParserViewChildren,340};341const parsePropMetadata = (342 def: {343 __prop__metadata__?: Record<keyof any, any[]>;344 },345 declaration: Declaration,346): void => {347 if (Object.prototype.hasOwnProperty.call(def, '__prop__metadata__') && def.__prop__metadata__) {348 for (const prop of getAllKeys(def.__prop__metadata__)) {349 const decorators: Array<{350 ngMetadataName?: string;351 }> = def.__prop__metadata__[prop];352 for (const decorator of decorators) {353 const ngMetadataName = decorator?.ngMetadataName;354 if (!ngMetadataName) {355 continue;356 }357 parsePropMetadataMap[ngMetadataName]?.(ngMetadataName, prop, decorator, declaration);358 }359 }360 }361};362const buildDeclaration = (def: any | undefined, declaration: Declaration): void => {363 if (def) {364 def.inputs = def.inputs || [];365 for (const input of declaration.inputs) {366 if (def.inputs.indexOf(input) === -1) {367 def.inputs.push(input);368 }369 }370 def.outputs = def.outputs || [];371 for (const output of declaration.outputs) {372 if (def.outputs.indexOf(output) === -1) {373 def.outputs.push(output);374 }375 }376 def.queries = {377 ...(def.queries || []),378 ...declaration.queries,379 };380 def.hostBindings = declaration.hostBindings;381 def.hostListeners = declaration.hostListeners;382 }383};384const reflectionCapabilities = new ReflectionCapabilities();385const parse = (def: any): any => {386 if (typeof def !== 'function' && typeof def !== 'object') {387 return {};388 }389 if (Object.prototype.hasOwnProperty.call(def, '__ngMocksParsed')) {390 return def.__ngMocksDeclarations;391 }392 const parent = Object.getPrototypeOf(def);393 const parentDeclarations = parent ? parse(parent) : {};394 const declaration = createDeclarations(parentDeclarations);395 coreDefineProperty(def, '__ngMocksParsed', true);396 parseParameters(def, declaration);397 parseAnnotations(def, declaration);398 parseDecorators(def, declaration);399 parsePropDecorators(def, declaration);400 parsePropMetadata(def, declaration);401 buildDeclaration(declaration.Directive, declaration);402 buildDeclaration(declaration.Component, declaration);403 coreDefineProperty(def, '__ngMocksDeclarations', {404 ...parentDeclarations,405 ...declaration,406 parameters: reflectionCapabilities.parameters(def),407 });408 return def.__ngMocksDeclarations;409};...
Using AI Code Generation
1import { parsePropDecoratorsParserOutput } from 'ng-mocks';2describe('TestComponent', () => {3 let component: TestComponent;4 let fixture: ComponentFixture<TestComponent>;5 let debugElement: DebugElement;6 let htmlElement: HTMLElement;7 beforeEach(async(() => {8 TestBed.configureTestingModule({9 }).compileComponents();10 }));11 beforeEach(() => {12 fixture = TestBed.createComponent(TestComponent);13 component = fixture.componentInstance;14 debugElement = fixture.debugElement;15 htmlElement = debugElement.nativeElement;16 });17 it('should create', () => {18 fixture.detectChanges();19 expect(component).toBeTruthy();20 });21 it('should have a title', () => {22 fixture.detectChanges();23 const title = htmlElement.querySelector('h1');24 expect(title.textContent).toContain('Test Title');25 });26 it('should have a button', () => {27 fixture.detectChanges();28 const button = htmlElement.querySelector('button');29 expect(button.textContent).toContain('Test Button');30 });31 it('should have a div', () => {32 fixture.detectChanges();33 const div = htmlElement.querySelector('div');34 expect(div.textContent).toContain('Test Div');35 });36 it('should have a span', () => {37 fixture.detectChanges();38 const span = htmlElement.querySelector('span');39 expect(span.textContent).toContain('Test Span');40 });41 it('should have a p', () => {42 fixture.detectChanges();43 const p = htmlElement.querySelector('p');44 expect(p.textContent).toContain('Test Paragraph');45 });46 it('should have a h2', () => {47 fixture.detectChanges();48 const h2 = htmlElement.querySelector('h2');49 expect(h2.textContent).toContain('Test Heading 2');50 });51 it('should have a h3', () => {52 fixture.detectChanges();53 const h3 = htmlElement.querySelector('h3');54 expect(h3.textContent).toContain('Test Heading 3');55 });56 it('should have a h4', () => {57 fixture.detectChanges();58 const h4 = htmlElement.querySelector('h4');59 expect(h4.textContent).toContain('Test Heading 4');60 });61 it('should have a h5', () => {62 fixture.detectChanges();63 const h5 = htmlElement.querySelector('h
Using AI Code Generation
1import { parsePropDecoratorsParserOutput } from 'ng-mocks';2class SomeClass {3 @Input() input1: string;4 @Input() input2: string;5 @Input() input3: string;6 @Input() input4: string;7 @Input() input5: string;8}9const someClass = new SomeClass();10const inputs = parsePropDecoratorsParserOutput(someClass);11console.log(inputs);12import { parsePropDecoratorsParserOutput } from 'ng-mocks';13class SomeClass {14 @Input('test') input1: string;15 @Input('test') input2: string;16 @Input('test') input3: string;17 @Input('test') input4: string;18 @Input('test') input5: string;19}20const someClass = new SomeClass();21const inputs = parsePropDecoratorsParserOutput(someClass);22console.log(inputs);23import { parsePropDecoratorsParserOutput } from 'ng-mocks';24class SomeClass {25 @Input() input1: string;
Using AI Code Generation
1import { parsePropDecoratorsParserOutput } from 'ng-mocks';2const fileContent = `@Component({3 {{ title }}4 <button (click)="clicked()">Click me</button>5})6export class AppComponent {7 title = 'app';8 clicked() {9 console.log('clicked');10 }11}`;12const output = parsePropDecoratorsParserOutput(fileContent);13console.log(output);14{15 {{ title }}16 <button (click)="clicked()">Click me</button>17}18import { parsePropDecoratorsParserOutput } from 'ng-mocks';19const fileContent = `@Component({20 {{ title }}21 <button (click)="clicked()">Click me</button>22})23export class AppComponent {24 title = 'app';25 clicked() {26 console.log('clicked');27 }28}`;29const output = parsePropDecoratorsParserOutput(fileContent);30console.log(output);31{32 {{ title }}33 <button (click)="clicked()">Click me</button>34}35import { parsePropDecoratorsParserOutput } from 'ng-mocks';
Using AI Code Generation
1import { parsePropDecoratorsParserOutput } from 'ng-mocks';2import { parsePropDecorators } from 'ng-mocks/dist/lib/mock-builder/mock-builder/parse-prop-decorators';3import { parsePropDecoratorsParserOutput } from 'ng-mocks/dist/lib/mock-builder/mock-builder/parse-prop-decorators-parser-output';4import { TestComponent } from './test.component';5const metadata = parsePropDecoratorsParserOutput(6 parsePropDecorators(TestComponent),7);8console.log(metadata);9import { Component, Input } from '@angular/core';10@Component({11})12export class TestComponent {13 @Input() inputOne: string;14 @Input() inputTwo: string;15}16h1 {17 color: red;18}19{ inputs: { inputOne: 'inputOne', inputTwo: 'inputTwo' } }
Using AI Code Generation
1import { parsePropDecoratorsParserOutput } from 'ng-mocks';2const result = parsePropDecoratorsParserOutput('test.js', 'class Test { @Input() test: string; }');3console.log(result);4import { parsePropDecoratorsParserOutput } from 'ng-mocks';5const result = parsePropDecoratorsParserOutput('test.js', 'class Test { @Input() test: string; }');6console.log(result);7import { parsePropDecoratorsParserOutput } from 'ng-mocks';8const result = parsePropDecoratorsParserOutput('test.js', 'class Test { @Input() test: string; }');9console.log(result);10import { parsePropDecoratorsParserOutput } from 'ng-mocks';11const result = parsePropDecoratorsParserOutput('test.js', 'class Test { @Input() test: string; }');12console.log(result);13import { parsePropDecoratorsParserOutput } from 'ng-mocks';14const result = parsePropDecoratorsParserOutput('test.js', 'class Test { @Input() test: string; }');15console.log(result);16import { parsePropDecoratorsParserOutput } from 'ng-mocks';17const result = parsePropDecoratorsParserOutput('test.js', 'class Test { @Input() test: string; }');18console.log(result);19import { parsePropDecoratorsParserOutput } from 'ng-mocks';
Using AI Code Generation
1import { parsePropDecoratorsParserOutput } from 'ng-mocks';2import { MockComponent } from 'ng-mocks';3import { Component } from '@angular/core';4import { TestBed } from '@angular/core/testing';5import { By } from '@angular/platform-browser';6import { MyComponent } from './my.component';7describe('MyComponent', () => {8 beforeEach(async () => {9 await TestBed.configureTestingModule({10 MockComponent(parsePropDecoratorsParserOutput(MyComponent)),11 }).compileComponents();12 });13 it('should create the app', () => {14 const fixture = TestBed.createComponent(MyComponent);15 const app = fixture.debugElement.componentInstance;16 expect(app).toBeTruthy();17 });18 it(`should have as title 'test'`, () => {19 const fixture = TestBed.createComponent(MyComponent);20 const app = fixture.debugElement.componentInstance;21 expect(app.title).toEqual('test');22 });23 it('should render title', () => {24 const fixture = TestBed.createComponent(MyComponent);25 fixture.detectChanges();26 const compiled = fixture.debugElement.nativeElement;27 expect(compiled.querySelector('h1').textContent).toContain(28 );29 });30 it('should render title', () => {31 const fixture = TestBed.createComponent(MyComponent);32 fixture.detectChanges();33 const compiled = fixture.debugElement.nativeElement;34 expect(compiled.querySelector('h1').textContent).toContain(35 );36 });37 it('should render title', () => {38 const fixture = TestBed.createComponent(MyComponent);39 fixture.detectChanges();40 const compiled = fixture.debugElement.nativeElement;41 expect(compiled.querySelector('h1').textContent).toContain(42 );43 });44 it('should render title', () => {45 const fixture = TestBed.createComponent(MyComponent);46 fixture.detectChanges();47 const compiled = fixture.debugElement.nativeElement;48 expect(compiled.querySelector('h1').textContent).toContain(49 );50 });51 it('should render title', () => {52 const fixture = TestBed.createComponent(MyComponent);53 fixture.detectChanges();54 const compiled = fixture.debugElement.nativeElement;55 expect(compiled.querySelector('h1').textContent).toContain(56 );57 });58 it('should render title', () => {
Automation Testing Tutorials
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
LambdaTest Learning Hubs:
- JUnit Tutorial
- TestNG Tutorial
- Webdriver Tutorial
- WebDriverIO Tutorial
- Protractor Tutorial
- Selenium 4 Tutorial
- Jenkins Tutorial
- NUnit Tutorial
- Jest Tutorial
- Playwright Tutorial
- Cypress Tutorial
- PyTest Tutorial
YouTube
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Run ng-mocks automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
