KaneAI - World’s First E2E Software Testing Agent.Signup for Private Beta Join TestMu Conference

How to use parsePropMetadataParserOutput 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 { parsePropMetadataParserOutput } from 'ng-mocks';2import { Component, Input } from '@angular/core';3import { TestBed } from '@angular/core/testing';4@Component({5})6export class TestComponent {7  @Input() input1: string;8  @Input() input2: string;9}10describe('TestComponent', () => {11  beforeEach(() => {12    TestBed.configureTestingModule({13    });14  });15  it('should return an object with the inputs', () => {16    const result = parsePropMetadataParserOutput(TestComponent);17    expect(result).toEqual({18      input1: {},19      input2: {}20    });21  });22});

Using AI Code Generation

1import { parsePropMetadataParserOutput } from 'ng-mocks';2const propMetadata = parsePropMetadataParserOutput(`3import { parsePropMetadataParserOutput } from 'ng-mocks';4const propMetadata = parsePropMetadataParserOutput(`5import { parsePropMetadataParserOutput } from 'ng-mocks';6const propMetadata = parsePropMetadataParserOutput(`7import { parsePropMetadataParserOutput } from 'ng-mocks';8const propMetadata = parsePropMetadataParserOutput(`9import { parsePropMetadataParserOutput } from 'ng-mocks';10const propMetadata = parsePropMetadataParserOutput(`11import { parsePropMetadataParserOutput } from 'ng-mocks';12const propMetadata = parsePropMetadataParserOutput(`13import { parsePropMetadataParserOutput } from 'ng-mocks';14const propMetadata = parsePropMetadataParserOutput(`15import { parsePropMetadataParserOutput } from 'ng-mocks';16const propMetadata = parsePropMetadataParserOutput(`17import { parsePropMetadataParserOutput } from 'ng-mocks';18const propMetadata = parsePropMetadataParserOutput(`19import { parsePropMetadataParserOutput } from 'ng-mocks';20const propMetadata = parsePropMetadataParserOutput(`21import { parsePropMetadataParserOutput } from 'ng-mocks';22const propMetadata = parsePropMetadataParserOutput(`23import { parsePropMetadataParserOutput } from 'ng-mocks';24const propMetadata = parsePropMetadataParserOutput(`25import { parsePropMetadataParserOutput } from 'ng-mocks';

Using AI Code Generation

1import { parsePropMetadataParserOutput } from 'ng-mocks';2const parsedPropMetadata = parsePropMetadataParserOutput(3);4const parsedPropMetadata = parsePropMetadataParserOutput(5);6const parsedPropMetadata = parsePropMetadataParserOutput(7);8const parsedPropMetadata = parsePropMetadataParserOutput(9);10const parsedPropMetadata = parsePropMetadataParserOutput(11);12const parsedPropMetadata = parsePropMetadataParserOutput(13);14const parsedPropMetadata = parsePropMetadataParserOutput(15);16const parsedPropMetadata = parsePropMetadataParserOutput(17);18const parsedPropMetadata = parsePropMetadataParserOutput(19);20const parsedPropMetadata = parsePropMetadataParserOutput(21);

Using AI Code Generation

1import { parsePropMetadataParserOutput } from 'ng-mocks';2const metadata = parsePropMetadataParserOutput({3  prop1: {4  },5});6console.log(metadata);7{8  prop1: {9  },10}11import { parsePropMetadataParserOutput } from 'ng-mocks';12const metadata = parsePropMetadataParserOutput({13  prop1: {14  },15});16console.log(metadata);17{18  prop1: {19  },20}21import { parsePropMetadataParserOutput } from 'ng-mocks';22const metadata = parsePropMetadataParserOutput({23  prop1: {24  },25});26console.log(metadata);27{28  prop1: {29  },30}31import { parsePropMetadataParserOutput } from 'ng-mocks';32const metadata = parsePropMetadataParserOutput({33  prop1: {34  },35});36console.log(metadata);37{38  prop1: {39  },40}41import { parsePropMetadataParserOutput } from 'ng-mocks';42const metadata = parsePropMetadataParserOutput({

Using AI Code Generation

1import { parsePropMetadataParserOutput } from 'ng-mocks';2import { Component, Input } from '@angular/core';3import { TestComponent } from './test.component';4const metadata = parsePropMetadataParserOutput(TestComponent);5console.log(metadata);6import { Component, Input } from '@angular/core';7@Component({8      <span>{{ myInput }}</span>9})10export class TestComponent {11  @Input()12  myInput: string;13}

Using AI Code Generation

1import { parsePropMetadataParserOutput } from 'ng-mocks';2const propMetadata = parsePropMetadataParserOutput({3  imports: [CommonModule, FormsModule],4});5const myComponentMetadata = propMetadata.get(MyComponent);6import { parsePropMetadataParserOutput } from 'ng-mocks';7import { MyComponent } from './my-component';8const propMetadata = parsePropMetadataParserOutput({9  imports: [CommonModule, FormsModule],10});11const myComponentMetadata = propMetadata.get(MyComponent);12import { createComponentFactory, parsePropMetadataParserOutput } from 'ng-mocks';13import { MyComponent } from './my-component';14const propMetadata = parsePropMetadataParserOutput({15  imports: [CommonModule, FormsModule],16});17const createComponent = createComponentFactory({18    { provide: MyService, useValue: {} },19    { provide: MyOtherService, useValue: {} },20  imports: propMetadata.get(MyComponent).imports,21  entryComponents: propMetadata.get(MyComponent).entryComponents,22  schemas: propMetadata.get(MyComponent).schemas,23});24describe('MyComponent', () => {25  it('should create', () => {26    const fixture = createComponent();27    expect(fixture).toBeTruthy();28  });29});30import { createComponentFactory, parsePropMetadataParserOutput } from 'ng-mocks';31import { MyComponent } from './my-component';32const propMetadata = parsePropMetadataParserOutput({33  imports: [CommonModule, FormsModule],34});35const createComponent = createComponentFactory({36    { provide: MyService, useValue: {} },37    { provide: MyOtherService, useValue: {} },38  imports: propMetadata.get(MyComponent).imports,39  entryComponents: propMetadata.get(MyComponent).entryComponents,40  schemas: propMetadata.get(MyComponent).schemas,41});42describe('MyComponent', () => {43  it('should create', () => {44    const fixture = createComponent();45    expect(fixture).toBeTruthy();46  });47});

Using AI Code Generation

1import { parsePropMetadataParserOutput } from 'ng-mocks';2import { AppComponent } from './app.component';3const metadata = parsePropMetadataParserOutput(AppComponent);4console.log(metadata);5import { Component, Input } from '@angular/core';6@Component({7})8export class AppComponent {9  @Input() title: string;10}11{12  title: {13  },14}

Using AI Code Generation

1import { parsePropMetadataParserOutput } from 'ng-mocks';2const parsedOutput = parsePropMetadataParserOutput(output);3console.log(parsedOutput);4{5  "prop1": {6    "prop1": {7    },8    "prop2": {9    }10  },11  "prop2": {12    "prop1": {13    },14    "prop2": {15    }16  }17}18import { parsePropMetadataParserOutput } from 'ng-mocks';19const parsedOutput = parsePropMetadataParserOutput(output);20console.log(parsedOutput);21{22  "prop1": {23    "prop1": {24    },25    "prop2": {26    }27  },28  "prop2": {29    "prop1": {30    },31    "prop2": {32    }33  }34}35import { parsePropMetadataParserOutput } from 'ng-mocks';36const parsedOutput = parsePropMetadataParserOutput(output);37console.log(parsedOutput);38{39  "prop1": {40    "prop1": {41    },42    "prop2": {43    }44  },45  "prop2": {46    "prop1": {47    },48    "prop2": {49    }50  }51}

Using AI Code Generation

1import { parsePropMetadataParserOutput } from 'ng-mocks/dist/lib/mock-helper/parsePropMetadataParserOutput';2@Component({3})4export class TestComponent {5    @Input() public test: string;6    constructor() {7        const metadata = parsePropMetadataParserOutput(this);8        console.log(metadata);9    }10}

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.