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

How to use parsePropDecoratorsParserHostListener 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 { parsePropDecoratorsParserHostListener } from 'ng-mocks';2import { parsePropDecoratorsParserHostListener } from 'ng-mocks';3import { parsePropDecoratorsParserHostListener } from 'ng-mocks';4import { parsePropDecoratorsParserHostListener } from 'ng-mocks';5import { parsePropDecoratorsParserHostListener } from 'ng-mocks';6import { parsePropDecoratorsParserHostListener } from 'ng-mocks';7import { parsePropDecoratorsParserHostListener } from 'ng-mocks';8import { parsePropDecoratorsParserHostListener } from 'ng-mocks';9import { parsePropDecoratorsParserHostListener } from 'ng-mocks';10import { parsePropDecoratorsParserHostListener } from 'ng-mocks';11import { parsePropDecoratorsParserHostListener } from 'ng-mocks';12import { parsePropDecoratorsParserHostListener } from 'ng-mocks';13import { parsePropDecoratorsParserHostListener } from 'ng-mocks';14import { parsePropDecoratorsParserHostListener } from 'ng-mocks';15import { parsePropDecoratorsParserHostListener } from 'ng-mocks';16import { parseProp

Using AI Code Generation

1import { parsePropDecoratorsParserHostListener } from 'ng-mocks';2import { Component } from '@angular/core';3import { MockBuilder, MockRender } from 'ng-mocks';4@Component({5  template: '<div (click)="foo()"></div>',6})7class TestComponent {8  public foo() {9    return 'foo';10  }11}12describe('TestComponent', () => {13  beforeEach(() => MockBuilder(TestComponent));14  it('should call foo', () => {15    const fixture = MockRender(TestComponent);16    const component = fixture.point.componentInstance;17    const spy = spyOn(component, 'foo').and.callThrough();18    const div = fixture.point.query(By.css('div'));19    div.nativeElement.click();20    expect(spy).toHaveBeenCalled();21  });22});23import { parsePropDecoratorsParserHostListener } from 'ng-mocks';24import { Component } from '@angular/core';25import { MockBuilder, MockRender } from 'ng-mocks';26@Component({27  template: '<div (click)="foo()"></div>',28})29class TestComponent {30  public foo() {31    return 'foo';32  }33}34describe('TestComponent', () => {35  beforeEach(() => MockBuilder(TestComponent));36  it('should call foo', () => {37    const fixture = MockRender(TestComponent);38    const component = fixture.point.componentInstance;39    const spy = spyOn(component, 'foo').and.callThrough();40    const div = fixture.point.query(By.css('div'));41    div.nativeElement.click();42    expect(spy).toHaveBeenCalled();43  });44});45import { parsePropDecoratorsParserHostListener } from 'ng-mocks';46import { Component } from '@angular/core';47import { MockBuilder, MockRender } from 'ng-mocks';48@Component({49  template: '<div (click)="foo()"></div>',50})51class TestComponent {52  public foo() {53    return 'foo';54  }55}56describe('TestComponent', () => {57  beforeEach(() => MockBuilder(TestComponent));58  it('should call foo', () => {59    const fixture = MockRender(TestComponent);60    const component = fixture.point.componentInstance;

Using AI Code Generation

1import {parsePropDecoratorsParserHostListener} from 'ng-mocks';2describe('HostListener', () => {3  it('should parse HostListener decorator', () => {4    const result = parsePropDecoratorsParserHostListener(5      {6        host: {7          '(click)': 'onClick()',8          '(document:click)': 'onDocumentClick()',9        },10      },11    );12    expect(result).toEqual([13      {14      },15      {16      },17    ]);18  });19});20import {parsePropDecoratorsParserHostBinding} from 'ng-mocks';21describe('HostBinding', () => {22  it('should parse HostBinding decorator', () => {23    const result = parsePropDecoratorsParserHostBinding(24      {25        host: {26        },27      },28    );29    expect(result).toEqual([30      {31      },32    ]);33  });34});35import {parsePropDecoratorsParserHostListener} from 'ng-mocks';36describe('HostListener', () => {37  it('should parse HostListener decorator', () => {38    const result = parsePropDecoratorsParserHostListener(39      {40        host: {41          '(click)': 'onClick()',42          '(document:click)': 'onDocumentClick()',43        },44      },45    );46    expect(result).toEqual([47      {48      },49      {50      },51    ]);52  });53});54import {parsePropDecoratorsParserHostBinding} from 'ng-mocks';55describe('HostBinding', () => {56  it('should parse HostBinding decorator', () => {57    const result = parsePropDecoratorsParserHostBinding(58      {59        host: {

Using AI Code Generation

1import { parsePropDecoratorsParserHostListener } from 'ng-mocks';2const decorator = parsePropDecoratorsParserHostListener('click', 'onClick');3console.log(decorator);4import { parsePropDecoratorsParserHostBinding } from 'ng-mocks';5const decorator = parsePropDecoratorsParserHostBinding('class', 'className');6console.log(decorator);7import { parsePropDecoratorsParserHostListener } from 'ng-mocks';8const decorator = parsePropDecoratorsParserHostListener('click', 'onClick');9console.log(decorator);10import { parsePropDecoratorsParserHostBinding } from 'ng-mocks';11const decorator = parsePropDecoratorsParserHostBinding('class', 'className');12console.log(decorator);13import { parsePropDecoratorsParserHostListener } from 'ng-mocks';14const decorator = parsePropDecoratorsParserHostListener('click', 'onClick');15console.log(decorator);16import { parsePropDecoratorsParserHostBinding } from 'ng-mocks';17const decorator = parsePropDecoratorsParserHostBinding('class', 'className');18console.log(decorator);19import { parsePropDecoratorsParser

Using AI Code Generation

1import { parsePropDecoratorsParserHostListener } from 'ng-mocks';2class TestClass {3  @HostListener('click', ['$event'])4  public handleClick(event: Event): void {5  }6}7const hostListener = parsePropDecoratorsParserHostListener(TestClass, 'handleClick');8import { parsePropDecoratorsParserHostListener } from 'ng-mocks';9class TestClass {10  @HostListener('click', ['$event'])11  public handleClick(event: Event): void {12  }13}14const hostListener = parsePropDecoratorsParserHostListener(TestClass, 'handleClick');15import { parsePropDecoratorsParserHostBinding } from 'ng-mocks';16class TestClass {17  @HostBinding('class')18  public className: string = 'test-class';19}20const hostBinding = parsePropDecoratorsParserHostBinding(TestClass, 'className');21import { parsePropDecoratorsParserHostBinding } from 'ng-mocks';22class TestClass {23  @HostBinding('class')24  public className: string = 'test-class';25}26const hostBinding = parsePropDecoratorsParserHostBinding(TestClass, 'className');27import { parsePropDecoratorsParserHostBinding } from 'ng-mocks';28class TestClass {29  @HostBinding('class')30  public className: string = 'test-class';31}32const hostBinding = parsePropDecoratorsParserHostBinding(TestClass, 'className');33import {

Using AI Code Generation

1import { parsePropDecoratorsParserHostListener } from 'ng-mocks';2const result = parsePropDecoratorsParserHostListener('click', 'onClick()');3import { parsePropDecoratorsParserHostListener } from 'ng-mocks';4const result = parsePropDecoratorsParserHostListener('click', 'onClick($event)');5import { parsePropDecoratorsParserHostListener } from 'ng-mocks';6const result = parsePropDecoratorsParserHostListener('click', 'onClick($event, $any)');7import { parsePropDecoratorsParserHostListener } from 'ng-mocks';8const result = parsePropDecoratorsParserHostListener('click', 'onClick($event, $any)');9import { parsePropDecoratorsParserHostListener } from 'ng-mocks';10const result = parsePropDecoratorsParserHostListener('click', 'onClick($event, $any)');

Using AI Code Generation

1import { parsePropDecoratorsParserHostListener } from 'ng-mocks';2The method parsePropDecoratorsParserHostListener() takes the following parameters:3The method parsePropDecoratorsParserHostListener() returns the following:4The following code snippet shows the usage of the parsePropDecoratorsParserHostListener() method:5import { parsePropDecoratorsParserHostListener } from 'ng-mocks';6The method parsePropDecoratorsParserHostListener() takes the following parameters:7The method parsePropDecoratorsParserHostListener() returns the following:8The following code snippet shows the usage of the parsePropDecoratorsParserHostListener() method:9The method parsePropDecoratorsParserHostListener() takes the following parameters:10The method parsePropDecoratorsParserHostListener() returns the following:11The following code snippet shows the usage of the parsePropDecoratorsParserHostListener() method:12The method parsePropDecoratorsParserHostListener() takes the following parameters:13The method parsePropDecoratorsParserHostListener() returns the following:14The following code snippet shows the usage of the parsePropDecoratorsParserHostListener() method:15The method parsePropDecoratorsParserHostListener() takes the following parameters:16The method parsePropDecoratorsParserHostListener() returns the following:17The following code snippet shows the usage of the parsePropDecoratorsParserHostListener() method:18The method parsePropDecoratorsParserHostListener() takes the following parameters:

Using AI Code Generation

1import { parsePropDecoratorsParserHostListener } from 'ng-mocks';2const hostListener = parsePropDecoratorsParserHostListener(3  '(click)="onClick()"',4);5import { parsePropDecoratorsParserHostListener } from 'ng-mocks';6const hostListener = parsePropDecoratorsParserHostListener(7  '(click)="onClick()"',8);

Using AI Code Generation

1import { parsePropDecoratorsParserHostListener } from 'ng-mocks';2import { HostListener } from '@angular/core';3import { fireEvent } from 'ng-mocks';4export class TestComponent {5  @HostListener('click', ['$event'])6  public onClick(event: MouseEvent): void {7  }8}9describe('TestComponent', () => {10  let fixture: ComponentFixture<TestComponent>;11  let component: TestComponent;12  beforeEach(() => {13    fixture = TestBed.configureTestingModule({14    }).createComponent(TestComponent);15    component = fixture.componentInstance;16  });17  it('should call onClick when click event is fired', () => {18    const spy = spyOn(component, 'onClick');19    const hostListener = parsePropDecoratorsParserHostListener(TestComponent);20    const event = new MouseEvent('click');21    const element = fixture.debugElement.nativeElement;22    fireEvent(element, hostListener.event, event);23    expect(spy).toHaveBeenCalledWith(event);24  });25});

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.