Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use __simulateTouch method in ng-mocks

Best JavaScript code snippet using ng-mocks

reactive-forms.spec.ts

Source:reactive-forms.spec.ts

...64    );65    // normal touch66    expect(component.myControl.touched).toEqual(false);67    if (isMockControlValueAccessor(valueAccessor)) {68      valueAccessor.__simulateTouch();69    }70    expect(component.myControl.touched).toEqual(true);71    // normal change72    expect(component.myControl.value).toEqual(null);73    if (isMockControlValueAccessor(valueAccessor)) {74      valueAccessor.__simulateChange(123);75    }76    expect(component.myControl.value).toEqual(123);77  });...

mock-control-value-accessor.ts

Source:mock-control-value-accessor.ts

...20  /**21   * @deprecated use isMockControlValueAccessor instead (removing in A13)22   * @see https://ng-mocks.sudo.eu/api/helpers/isMockControlValueAccessor23   */24  public __simulateTouch() {25    // nothing to do.26  }27  // istanbul ignore next28  /**29   * @deprecated use isMockValidator instead (removing in A13)30   * @see https://ng-mocks.sudo.eu/api/helpers/isMockValidator31   */32  public __simulateValidatorChange() {33    // nothing to do.34  }35}36/**37 * MockControlValueAccessor exposes access to a mock ControlValueAccessor.38 * It should be used in a combination with isMockControlValueAccessor.39 *40 * @see https://ng-mocks.sudo.eu/api/helpers/isMockControlValueAccessor41 */42export interface MockControlValueAccessor {43  /**44   * It simulates an external change of the value.45   * Please consider usage of ngMocks.change().46   *47   * @see https://ng-mocks.sudo.eu/extra/mock-form-controls48   * @see https://ng-mocks.sudo.eu/api/ngMocks/change49   */50  __simulateChange(value: any): void;51  /**52   * It simulates an external touch.53   * Please consider usage of ngMocks.touch().54   *55   * @see https://ng-mocks.sudo.eu/extra/mock-form-controls56   * @see https://ng-mocks.sudo.eu/api/ngMocks/touch57   */58  __simulateTouch(): void;59}60/**61 * MockValidator exposes access to a mock Validator.62 * It should be used in a combination with isMockValidator.63 *64 * @see https://ng-mocks.sudo.eu/api/helpers/isMockValidator65 */66export interface MockValidator {67  /**68   * it simulates an external validation change.69   *70   * @see https://ng-mocks.sudo.eu/extra/mock-form-controls71   */72  __simulateValidatorChange(): void;...

mock-control-value-accessor-proxy.ts

Source:mock-control-value-accessor-proxy.ts

1import { AsyncValidator, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';2import { AnyType } from './core.types';3import { MockControlValueAccessor, MockValidator } from './mock-control-value-accessor';4const applyProxy = (proxy: any, method: string, value: any, storage?: string) => {5  if (proxy.instance && storage) {6    proxy.instance[storage] = value;7  }8  if (proxy.instance && proxy.instance[method]) {9    return proxy.instance[method](value);10  }11};12export class MockControlValueAccessorProxy implements ControlValueAccessor {13  public instance?: Partial<MockControlValueAccessor & ControlValueAccessor>;14  public constructor(public readonly target?: AnyType<any>) {}15  public registerOnChange(fn: any): void {16    applyProxy(this, 'registerOnChange', fn, '__simulateChange');17  }18  public registerOnTouched(fn: any): void {19    applyProxy(this, 'registerOnTouched', fn, '__simulateTouch');20  }21  public setDisabledState(isDisabled: boolean): void {22    applyProxy(this, 'setDisabledState', isDisabled);23  }24  public writeValue(value: any): void {25    applyProxy(this, 'writeValue', value);26  }27}28export class MockValidatorProxy implements Validator {29  public instance?: Partial<MockValidator & Validator>;30  public constructor(public readonly target?: AnyType<any>) {}31  public registerOnValidatorChange(fn: any): void {32    applyProxy(this, 'registerOnValidatorChange', fn, '__simulateValidatorChange');33  }34  public validate(control: any): ValidationErrors | null {35    if (this.instance && this.instance.validate) {36      return this.instance.validate(control);37    }38    return null;39  }40}41export class MockAsyncValidatorProxy implements AsyncValidator {42  public instance?: Partial<MockValidator & AsyncValidator>;43  public constructor(public readonly target?: AnyType<any>) {}44  public registerOnValidatorChange(fn: any): void {45    applyProxy(this, 'registerOnValidatorChange', fn, '__simulateValidatorChange');46  }47  public validate(control: any): any {48    if (this.instance && this.instance.validate) {49      const result: any = this.instance.validate(control);50      return result === undefined ? Promise.resolve(null) : result;51    }52    return Promise.resolve(null);53  }...

Using AI Code Generation

1describe('MyComponent', () => {2  let component: MyComponent;3  let fixture: ComponentFixture<MyComponent>;4  beforeEach(() => {5    TestBed.configureTestingModule({6    }).compileComponents();7    fixture = TestBed.createComponent(MyComponent);8    component = fixture.componentInstance;9  });10  it('should simulate touch', () => {11    fixture.detectChanges();12  });13});14describe('MyComponent', () => {15  let component: MyComponent;16  let fixture: ComponentFixture<MyComponent>;17  beforeEach(() => {18    TestBed.configureTestingModule({19    }).compileComponents();20    fixture = TestBed.createComponent(MyComponent);21    component = fixture.componentInstance;22  });23  it('should simulate touch', () => {24    fixture.detectChanges();25  });26});27describe('MyComponent', () => {28  let component: MyComponent;29  let fixture: ComponentFixture<MyComponent>;30  beforeEach(() => {31    TestBed.configureTestingModule({32    }).compileComponents();33    fixture = TestBed.createComponent(MyComponent);34    component = fixture.componentInstance;35  });36  it('should simulate touch', () => {37    fixture.detectChanges();38  });39});

Using AI Code Generation

1import { __simulateTouch } from 'ng-mocks';2const fixture = TestBed.createComponent(MyComponent);3const component = fixture.componentInstance;4const element = fixture.nativeElement.querySelector('button');5__simulateTouch(element, 'touchstart');6__simulateTouch(element, 'touchend');7@HostListener('touchstart', ['$event'])8public onTouchStart(event: TouchEvent): void {9}10@HostListener('touchend', ['$event'])11public onTouchEnd(event: TouchEvent): void {12}13@Component({14    <button (touchstart)="onTouchStart($event)" (touchend)="onTouchEnd($event)">15})16export class MyComponent {17  public onTouchStart(event: TouchEvent): void {18  }19  public onTouchEnd(event: TouchEvent): void {20  }21}22describe('MyComponent', () => {23  let fixture: ComponentFixture<MyComponent>;24  let component: MyComponent;25  beforeEach(async(() => {26    TestBed.configureTestingModule({27    }).compileComponents();28  }));29  beforeEach(() => {30    fixture = TestBed.createComponent(MyComponent);31    component = fixture.componentInstance;32    fixture.detectChanges();33  });34  it('should test the touchstart event', () => {35    const element = fixture.nativeElement.querySelector('button');36    __simulateTouch(element, 'touchstart');37    expect(component.onTouchStart).toHaveBeenCalled();38  });39  it('should test the touchend event', () => {40    const element = fixture.nativeElement.querySelector('button');

Using AI Code Generation

1import { MockBuilder, MockRender } from 'ng-mocks';2import { AppComponent } from './app.component';3import { MockedService } from './mocked.service';4describe('AppComponent', () => {5  beforeEach(() => MockBuilder(AppComponent).mock(MockedService));6  it('should create the app', () => {7    const fixture = MockRender(AppComponent);8    const app = fixture.point.componentInstance;9    expect(app).toBeTruthy();10  });11});12@Injectable()13export class MockedService {14  public getMockedValue(): string {15    return 'mocked value';16  }17}18import { MockBuilder, MockRender } from 'ng-mocks';19import { ParentComponent } from './parent.component';20import { ChildComponent } from './child.component';21describe('ParentComponent', () => {22  beforeEach(() => MockBuilder(ParentComponent).mock(ChildComponent));23  it('should return the value from the child component', () => {24    const fixture = MockRender(ParentComponent

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.