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:

The Art of Testing the Untestable

It’s strange to hear someone declare, “This can’t be tested.” In reply, I contend that everything can be tested. However, one must be pleased with the outcome of testing, which might include failure, financial loss, or personal injury. Could anything be tested when a claim is made with this understanding?

Different Ways To Style CSS Box Shadow Effects

Have you ever visited a website that only has plain text and images? Most probably, no. It’s because such websites do not exist now. But there was a time when websites only had plain text and images with almost no styling. For the longest time, websites did not focus on user experience. For instance, this is how eBay’s homepage looked in 1999.

Why Agile Teams Have to Understand How to Analyze and Make adjustments

How do we acquire knowledge? This is one of the seemingly basic but critical questions you and your team members must ask and consider. We are experts; therefore, we understand why we study and what we should learn. However, many of us do not give enough thought to how we learn.

How To Find Hidden Elements In Selenium WebDriver With Java

Have you ever struggled with handling hidden elements while automating a web or mobile application? I was recently automating an eCommerce application. I struggled with handling hidden elements on the web page.

Webinar: Move Forward With An Effective Test Automation Strategy [Voices of Community]

The key to successful test automation is to focus on tasks that maximize the return on investment (ROI), ensuring that you are automating the right tests and automating them in the right way. This is where test automation strategies come into play.

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.