Discover AI-native insights at Testμ Conference‘25

How to use TOKEN_CLASS_KEEP method in ng-mocks

Best JavaScript code snippet using ng-mocks

test.spec.ts

1import { Injectable, InjectionToken, NgModule } from '@angular/core';2import { MockBuilder, ngMocks } from 'ng-mocks';3@Injectable()4class Class1Service {5  public constructor(public readonly name: string) {}6}7@Injectable()8class Class2Service {9  public readonly name = 'class2';10}11const TOKEN_CLASS_MOCK = new InjectionToken('MOCK');12const TOKEN_CLASS_KEEP = new InjectionToken('KEEP');13@NgModule({14  providers: [15    {16      provide: 'name',17      useValue: 'useValue',18    },19    {20      deps: ['name'],21      provide: Class1Service,22      useClass: Class1Service,23    },24    Class2Service,25    {26      deps: ['name'],27      provide: TOKEN_CLASS_MOCK,28      useClass: Class1Service,29    },30    {31      deps: ['name'],32      provide: TOKEN_CLASS_KEEP,33      useClass: Class2Service,34    },35  ],36})37class TargetModule {}38// fix for jest without jasmine assertions39const assertion: any =40  typeof jasmine === 'undefined' ? expect : jasmine;41// useClass ignores existing services with the same class name, but42// ng-mocks still detects whether the class should be replaced with a mock copy or not.43describe('tokens-class', () => {44  ngMocks.faster();45  beforeEach(() =>46    MockBuilder().mock(TargetModule).keep(Class2Service),47  );48  it('resolves Class1Service as a mock instance', () => {49    const actual = ngMocks.findInstance(Class1Service);50    expect(actual).toEqual(assertion.any(Class1Service));51    expect(actual.name).toBeUndefined();52  });53  it('resolves Class2Service as a real instance', () => {54    const actual = ngMocks.findInstance(Class2Service);55    expect(actual).toEqual(assertion.any(Class2Service));56    expect(actual.name).toEqual('class2');57  });58  it('resolves TOKEN_EXISTING_MOCK as a mock instance', () => {59    const actual = ngMocks.findInstance<any>(TOKEN_CLASS_MOCK);60    expect(actual).toEqual(assertion.any(Class1Service));61    expect(actual.name).toBeUndefined();62  });63  it('resolves TOKEN_EXISTING_KEEP as a real instance', () => {64    const actual = ngMocks.findInstance<any>(TOKEN_CLASS_KEEP);65    expect(actual).toEqual(assertion.any(Class2Service));66    expect(actual.name).toEqual('class2');67  });...

Using AI Code Generation

1import { TOKEN_CLASS_KEEP } from "ng-mocks";2import { MockBuilder, MockRender } from "ng-mocks";3import { AppComponent } from "./app.component";4describe("AppComponent", () => {5  beforeEach(() => MockBuilder(AppComponent).keep(TOKEN_CLASS_KEEP));6  it("should create the app", () => {7    const fixture = MockRender(AppComponent);8    const app = fixture.point.componentInstance;9    expect(app).toBeTruthy();10  });11});12import { TOKEN_CLASS_KEEP } from "ng-mocks";13import { MockBuilder, MockRender } from "ng-mocks";14import { AppComponent } from "./app.component";15describe("AppComponent", () => {16  beforeEach(() => MockBuilder(AppComponent).keep(TOKEN_CLASS_KEEP));17  it("should create the app", () => {18    const fixture = MockRender(AppComponent);19    const app = fixture.point.componentInstance;20    expect(app).toBeTruthy();21  });22});23import { TOKEN_CLASS_KEEP } from "ng-mocks";24import { MockBuilder, MockRender } from "ng-mocks";25import { AppComponent } from "./app.component";26describe("AppComponent", () => {27  beforeEach(() => MockBuilder(AppComponent).keep(TOKEN_CLASS_KEEP));28  it("should create the app", () => {29    const fixture = MockRender(AppComponent);30    const app = fixture.point.componentInstance;31    expect(app).toBeTruthy();32  });33});34import { TOKEN_CLASS_KEEP } from "ng-mocks";35import { MockBuilder, MockRender } from "ng-mocks";36import { AppComponent } from "./app.component";37describe("AppComponent", () => {38  beforeEach(() => MockBuilder(AppComponent).keep(TOKEN_CLASS_KEEP));39  it("should create the app", () => {

Using AI Code Generation

1import { TOKEN_CLASS_KEEP } from 'ng-mocks';2import { Injectable } from '@angular/core';3@Injectable()4export class TestService {5  constructor(private classKeep: TOKEN_CLASS_KEEP) {6    console.log(classKeep);7  }8}9import { MockBuilder, MockRender } from 'ng-mocks';10import { TestService } from './test';11describe('TestService', () => {12  beforeEach(() => MockBuilder(TestService));13  it('should create', () => {14    const service = MockRender(TestService);15    expect(service).toBeTruthy();16  });17});18import { MockBuilder, MockRender } from 'ng-mocks';19import { TestService } from './test';20describe('TestService', () => {21  beforeEach(() => MockBuilder(TestService));22  it('should create', () => {23    const service = MockRender(TestService);24    expect(service).toBeTruthy();25  });26});27import { MockBuilder, MockRender } from 'ng-mocks';28import { TestService } from './test';29describe('TestService', () => {30  beforeEach(() => MockBuilder(TestService));31  it('should create', () => {32    const service = MockRender(TestService);33    expect(service).toBeTruthy();34  });35});36import { MockBuilder, MockRender } from 'ng-mocks';37import { TestService } from './test';38describe('TestService', () => {39  beforeEach(() => MockBuilder(TestService));40  it('should create', () => {41    const service = MockRender(TestService);42    expect(service).toBeTruthy();43  });44});45import { MockBuilder, MockRender } from 'ng-mocks';46import { TestService } from './test';47describe('TestService', () => {48  beforeEach(() => MockBuilder(TestService));49  it('should create', () => {50    const service = MockRender(TestService);51    expect(service).toBeTruthy();52  });53});54import { MockBuilder, MockRender } from 'ng-mocks';55import { TestService } from './test';56describe('TestService', () => {57  beforeEach(() => MockBuilder(TestService));58  it('should create', () => {59    const service = MockRender(TestService);60    expect(service).toBeTruthy();61  });62});63import

Using AI Code Generation

1import { TOKEN_CLASS_KEEP } from 'ng-mocks';2import { MyComponent } from './my.component';3import { MyModule } from './my.module';4import { TestBed } from '@angular/core/testing';5const mockComponent = {6};7const mockModule = {8};9describe('MyComponent', () => {10  beforeEach(() => {11    TestBed.configureTestingModule({12      imports: [MyModule, mockModule],13      providers: [{ provide: MyComponent, useClass: TOKEN_CLASS_KEEP }],14    });15  });16  it('should render the mocked component', () => {17    const fixture = TestBed.createComponent(MyComponent);18    fixture.detectChanges();19    const element = fixture.nativeElement as HTMLElement;20    expect(element.textContent).toEqual('mocked');21  });22});23import { MockComponent } from 'ng-mocks';24import { MyComponent } from './my.component';25import { MyModule } from './my.module';26import { TestBed } from '@angular/core/testing';27describe('MyComponent', () => {28  beforeEach(() => {29    TestBed.configureTestingModule({30      imports: [MyModule],31    });32  });33  it('should render the mocked component', () => {34    const fixture = TestBed.createComponent(MyComponent);35    fixture.detectChanges();36    const element = fixture.nativeElement as HTMLElement;37    expect(element.textContent).toEqual('mocked');38  });39});40@Component({41})42export class MockComponent {}43import { MockComponent } from 'ng-mocks';44import { MyComponent } from './my.component';45import { MyModule } from './my.module';46import { TestBed } from '@angular/core/testing';47describe('MyComponent', () => {48  beforeEach(() => {49    TestBed.configureTestingModule({50      imports: [MyModule],51    });52  });53  it('should render the mocked component', () => {

Blogs

Check out the latest blogs from LambdaTest on this topic:

Agile Testing is different – Here is what you need to know

Agile Testing is different- Here is what you need to know.og

How To Automate Desktops Apps Using WinAppDriver

[LambdaTest Spartans Panel Discussion]: What Changed For Testing & QA Community And What Lies Ahead

The rapid shift in the use of technology has impacted testing and quality assurance significantly, especially around the cloud adoption of agile development methodologies. With this, the increasing importance of quality and automation testing has risen enough to deliver quality work.

How To Write End-To-End Tests Using Cypress App Actions

When I started writing tests with Cypress, I was always going to use the user interface to interact and change the application’s state when running tests.

Do you possess the necessary characteristics to adopt an Agile testing mindset?

To understand the agile testing mindset, we first need to determine what makes a team “agile.” To me, an agile team continually focuses on becoming self-organized and cross-functional to be able to complete any challenge they may face during a project.

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.