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

How to use CUSTOM_TOKEN method in ng-mocks

Best JavaScript code snippet using ng-mocks

mock-module.spec.ts

Source:mock-module.spec.ts

1import { CommonModule } from '@angular/common';2import { HTTP_INTERCEPTORS } from '@angular/common/http';3import {4  APP_INITIALIZER,5  ApplicationModule,6  Component,7  FactoryProvider,8  InjectionToken,9  Injector,10  NgModule,11} from '@angular/core';12import { ComponentFixture, TestBed } from '@angular/core/testing';13import { BrowserModule, By } from '@angular/platform-browser';14import { BrowserAnimationsModule } from '@angular/platform-browser/animations';15import coreReflectModuleResolve from '../common/core.reflect.module-resolve';16import ngMocksUniverse from '../common/ng-mocks-universe';17import { MockComponent } from '../mock-component/mock-component';18import { MockRender } from '../mock-render/mock-render';19import mockProvider from '../mock-service/mock-provider';20import { MockModule } from './mock-module';21import {22  AppRoutingModule,23  CustomWithServiceComponent,24  ExampleComponent,25  ExampleConsumerComponent,26  LogicNestedModule,27  LogicRootModule,28  ModuleWithProvidersModule,29  ParentModule,30  SameImports1Module,31  SameImports2Module,32  WithServiceModule,33} from './mock-module.spec.fixtures';34@Component({35  selector: 'component-subject',36  template: `37    <example-component></example-component>38    <span example-directive></span>39    {{ test | examplePipe }}40  `,41})42class SubjectComponent {43  public test = 'test';44}45@Component({46  selector: 'same-imports',47  template: 'same imports',48})49class SameImportsComponent {}50describe('MockModule', () => {51  let fixture: ComponentFixture<SubjectComponent>;52  beforeEach(async () => {53    return TestBed.configureTestingModule({54      declarations: [SubjectComponent],55      imports: [56        MockModule(ParentModule),57        MockModule(ModuleWithProvidersModule),58      ],59    })60      .compileComponents()61      .then(() => {62        fixture = TestBed.createComponent(SubjectComponent);63        fixture.detectChanges();64      });65  });66  it('should do stuff', () => {67    const mockComponent = fixture.debugElement.query(68      By.directive(MockComponent(ExampleComponent)),69    ).componentInstance as ExampleComponent;70    expect(mockComponent).not.toBeNull();71  });72});73describe('SameImportsModules', () => {74  let fixture: ComponentFixture<SameImportsComponent>;75  beforeEach(async () => {76    return TestBed.configureTestingModule({77      declarations: [SameImportsComponent],78      imports: [79        MockModule(SameImports1Module),80        MockModule(SameImports2Module),81      ],82    })83      .compileComponents()84      .then(() => {85        fixture = TestBed.createComponent(SameImportsComponent);86        fixture.detectChanges();87      });88  });89  it('should be imported correctly', () => {90    expect(fixture.componentInstance).toEqual(91      jasmine.any(SameImportsComponent),92    );93    expect(fixture.nativeElement.textContent).toEqual('same imports');94  });95});96describe('NeverMockModules', () => {97  let fixture: ComponentFixture<SameImportsComponent>;98  beforeEach(async () => {99    return TestBed.configureTestingModule({100      declarations: [SameImportsComponent],101      imports: [102        MockModule(ApplicationModule),103        MockModule(BrowserAnimationsModule),104        MockModule(BrowserModule),105        MockModule(CommonModule),106      ],107    })108      .compileComponents()109      .then(() => {110        fixture = TestBed.createComponent(SameImportsComponent);111        fixture.detectChanges();112      });113  });114  it('should not fail when we pass them to MockModule', () => {115    expect(fixture.componentInstance).toEqual(116      jasmine.any(SameImportsComponent),117    );118    expect(fixture.nativeElement.textContent).toEqual('same imports');119  });120});121describe('RouterModule', () => {122  let fixture: ComponentFixture<ExampleComponent>;123  beforeEach(async () => {124    return TestBed.configureTestingModule({125      declarations: [ExampleComponent],126      imports: [MockModule(AppRoutingModule)],127    })128      .compileComponents()129      .then(() => {130        fixture = TestBed.createComponent(ExampleComponent);131        fixture.detectChanges();132      });133  });134  it('should not fail when we pass RouterModule to MockModule', () => {135    expect(fixture.componentInstance).toEqual(136      jasmine.any(ExampleComponent),137    );138    expect(fixture.nativeElement.textContent).toEqual('My Example');139  });140});141// What we mock should always export own private imports and declarations to allow us to use it in TestBed.142// In this test we check that nested module from cache still provides own private things.143// See https://github.com/help-me-mom/ng-mocks/pull/35144describe('Usage of cached nested module', () => {145  let fixture: ComponentFixture<ExampleConsumerComponent>;146  describe('1st test for root', () => {147    beforeEach(async () => {148      return TestBed.configureTestingModule({149        declarations: [ExampleConsumerComponent],150        imports: [MockModule(LogicRootModule)],151      })152        .compileComponents()153        .then(() => {154          fixture = TestBed.createComponent(ExampleConsumerComponent);155          fixture.detectChanges();156        });157    });158    it('should be able to find component', () => {159      expect(fixture.componentInstance).toEqual(160        jasmine.any(ExampleConsumerComponent),161      );162    });163  });164  describe('2nd test for nested', () => {165    beforeEach(async () => {166      return TestBed.configureTestingModule({167        declarations: [ExampleConsumerComponent],168        imports: [MockModule(LogicNestedModule)],169      })170        .compileComponents()171        .then(() => {172          fixture = TestBed.createComponent(ExampleConsumerComponent);173          fixture.detectChanges();174        });175    });176    it('should be able to find component', () => {177      expect(fixture.componentInstance).toEqual(178        jasmine.any(ExampleConsumerComponent),179      );180    });181  });182});183describe('WithServiceModule', () => {184  beforeEach(async () => {185    return TestBed.configureTestingModule({186      declarations: [CustomWithServiceComponent],187      imports: [MockModule(WithServiceModule)],188    }).compileComponents();189  });190  it('should not throw an error of service method', () => {191    const fixture = MockRender('<custom-service></custom-service>');192    expect(fixture).toBeDefined();193  });194});195describe('mockProvider', () => {196  const CUSTOM_TOKEN = new InjectionToken('TOKEN');197  @NgModule({198    providers: [199      {200        multi: true,201        provide: HTTP_INTERCEPTORS,202        useValue: 'MY_CUSTOM_VALUE',203      },204      {205        provide: CUSTOM_TOKEN,206        useValue: 'MY_CUSTOM_VALUE',207      },208    ],209  })210  class CustomTokenModule {}211  it('should skip multi tokens in a mock module', () => {212    const mock = MockModule(CustomTokenModule);213    const def = coreReflectModuleResolve(mock);214    expect(def.providers).toEqual([215      {216        deps: [Injector],217        provide: CUSTOM_TOKEN,218        useFactory: jasmine.anything(),219      },220    ]);221    const provider: any = !Array.isArray(def.providers?.[0])222      ? def.providers?.[0]223      : undefined;224    expect(provider?.useFactory()).toEqual('');225  });226  it('should return undefined on any token', () => {227    const p1: any = mockProvider(CUSTOM_TOKEN, true);228    expect(p1).toEqual({229      deps: [Injector],230      provide: CUSTOM_TOKEN,231      useFactory: jasmine.anything(),232    });233    expect(p1.useFactory()).toEqual(undefined);234    const p2: any = mockProvider(HTTP_INTERCEPTORS, true);235    expect(p2).toEqual({236      deps: [Injector],237      provide: HTTP_INTERCEPTORS,238      useFactory: jasmine.anything(),239    });240    expect(p2.useFactory()).toEqual(undefined);241    expect(mockProvider(APP_INITIALIZER)).toBeUndefined();242  });243  it('should return default value on primitives', () => {244    const p1: any = mockProvider({245      provide: CUSTOM_TOKEN,246      useValue: undefined,247    });248    expect(p1).toEqual({249      deps: [Injector],250      provide: CUSTOM_TOKEN,251      useFactory: jasmine.anything(),252    });253    expect(p1.useFactory()).toEqual(undefined);254    const p2: any = mockProvider({255      provide: CUSTOM_TOKEN,256      useValue: 123,257    });258    expect(p2).toEqual({259      deps: [Injector],260      provide: CUSTOM_TOKEN,261      useFactory: jasmine.anything(),262    });263    expect(p2.useFactory()).toEqual(0);264    const p3: any = mockProvider({265      provide: CUSTOM_TOKEN,266      useValue: true,267    });268    expect(p3).toEqual({269      deps: [Injector],270      provide: CUSTOM_TOKEN,271      useFactory: jasmine.anything(),272    });273    expect(p3.useFactory()).toEqual(false);274    const p4: any = mockProvider({275      provide: CUSTOM_TOKEN,276      useValue: 'true',277    });278    expect(p4).toEqual({279      deps: [Injector],280      provide: CUSTOM_TOKEN,281      useFactory: jasmine.anything(),282    });283    expect(p4.useFactory()).toEqual('');284    const p5: any = mockProvider({285      provide: CUSTOM_TOKEN,286      useValue: null,287    });288    expect(p5).toEqual({289      deps: [Injector],290      provide: CUSTOM_TOKEN,291      useFactory: jasmine.anything(),292    });293    expect(p5.useFactory()).toEqual(null);294    const mock: FactoryProvider = mockProvider({295      provide: CUSTOM_TOKEN,296      useValue: {297        func: () => undefined,298        test: 123,299      },300    }) as any;301    expect(mock).toEqual({302      deps: [Injector],303      provide: CUSTOM_TOKEN,304      useFactory: jasmine.anything(),305    });306    expect(mock.useFactory(null)).toEqual({307      func: jasmine.anything(),308    });309  });310});311describe('MockModuleWithProviders', () => {312  const TARGET_TOKEN = new InjectionToken('TOKEN');313  @NgModule()314  class TargetModule {}315  it('returns the same object on zero change', () => {316    const def = {317      ngModule: TargetModule,318      providers: [319        {320          provide: TARGET_TOKEN,321          useValue: 1,322        },323      ],324    };325    ngMocksUniverse.flags.add('skipMock');326    const actual = MockModule(def);327    ngMocksUniverse.flags.delete('skipMock');328    expect(actual).toBe(def);329  });330  it('returns a mock ngModule with undefined providers', () => {331    const def = {332      ngModule: TargetModule,333    };334    const actual = MockModule(def);335    expect(actual.ngModule).toBeDefined();336  });...

twitch.js

Source:twitch.js

1const express = require('express');2const axios = require('axios');3const AuthInfo = require('../models/authInfo');4const TimeInfo = require('../models/timeInfo');5var router = express.Router();6//require('cookie-parser');7//Uses custom_token cookie value to fetch AuthInfo object from database8const getAuthInfoFromToken = async (custom_token) => {9    const [authDoc] = await AuthInfo.find({10        custom_token: custom_token11    });12    return authDoc;13}14//Uses userId and broadcasterId to fetch timeInfo document from database15const getTimeDocFromUserAndBroadcaster = async (userId, broadcasterId) => {16    const [timeDoc] = await TimeInfo.find({17        userId: userId,18        broadcasterId: broadcasterId19    });20    return timeDoc;21}22//Gets the userid given the custom token23const getUserIdFromCustomToken = async (custom_token) => {24    //Find the AuthInfo entry from database25    const authDoc = await getAuthInfoFromToken(custom_token);26    return authDoc.userId;27}28//Save streams to database as timeInfo documents, IF they don't already exist29const saveStreamsToDatabase = async (streamsArr, userId) => {30    for (let i = 0; i < streamsArr.length; i++) {31        const stream = streamsArr[i];32        const broadcasterId = stream.user_id;33        const docDoesExist = await TimeInfo.exists({34            userId: userId,35            broadcasterId: broadcasterId36        });37        if (!docDoesExist) {38            const timeDoc = new TimeInfo({39                userId: userId,40                broadcasterId: broadcasterId,41                timeWatched: "0"42            });43            await timeDoc.save();44        }45    }46}47//Refreshes access token using the refresh token, returns new token48const refreshAccessToken = async (custom_token) => {49    try {50        //Find the AuthInfo entry from database51        const authDoc = await getAuthInfoFromToken(custom_token);52        //Parameters for POST request to get new tokens53        const params = {54            grant_type: "refresh_token",55            refresh_token: authDoc.refresh_token,56            client_id: process.env.TWITCH_CLIENT_ID,57            client_secret: process.env.TWITCH_SECRET58        };59        //response from POST requestÃ§60        const tokenResponse = await axios.post("https://id.twitch.tv/oauth2/token", {}, { params });61        //create a new custom token62        const new_custom_token = crypto.randomBytes(64).toString('hex');63        //Update access token and refresh tokens of old document64        authDoc.overwrite({65            userId: authDoc.userId,66            access_token: tokenResponse.data.access_token,67            refresh_token: tokenResponse.data.refresh_token,68            custom_token: new_custom_token69        });70        await authDoc.save();71        return authDoc.custom_token;72    } catch (error) {73        console.error(error);74    }75}76//Fetches and returns list of followed streams as well as the user's id in the form [followed streams array, userid]77const getFollowedStreams = async (custom_token) => {78    //Get auth info document from cookie79    try {80        const authInfo = await getAuthInfoFromToken(custom_token);81        //URL for get request to get followed streamers82        const getFollowedStreamsURL = "https://api.twitch.tv/helix/streams/followed";83        const getFollowedStreamsHeader = {84            'client-id': process.env.TWITCH_CLIENT_ID,85            'Authorization': `Bearer ${authInfo.access_token}`86        };87        const getFollowedStreamsParams = {88            user_id: authInfo.userId89        }90        const followedStreamsResponse = await axios.get(getFollowedStreamsURL, {91            headers: getFollowedStreamsHeader,92            params: getFollowedStreamsParams93        });94        const followedStreamsArr = followedStreamsResponse.data.data;95        return [followedStreamsArr, authInfo.userId]96    } catch (error) {97        //If 401 error, use refresh token to refresh access token98        if (error.response && error.response.hasOwnProperty("data") && error.response.data.hasOwnProperty("status") && error.response.data.status === 401) {99            //Get custom_token from cookie100            const customToken = req.cookies.custom_token;101            const newCustomToken = await refreshAccessToken(customToken);102            //Call function again with new token103            return getFollowedStreams(newCustomToken);104        } else {105            console.error(error);106        }107    }108};109//Fetches and returns URL of profile image for a user with given user_id110const getUserProfileImage = async (custom_token, user_id) => {111    try {112        const authInfo = await getAuthInfoFromToken(custom_token);113        //URL for get request to get info about a user114        const getUserProfileImageURL = "https://api.twitch.tv/helix/users";115        const getUserProfileImageHeaders = {116            'client-id': process.env.TWITCH_CLIENT_ID,117            'Authorization': `Bearer ${authInfo.access_token}`118        };119        const getUserProfileImageParams = {120            id: user_id121        }122        const userProfileImageResponse = await axios.get(getUserProfileImageURL, {123            headers: getUserProfileImageHeaders,124            params: getUserProfileImageParams125        });126        const [userData] = userProfileImageResponse.data.data;127        const userProfileImage = userData.profile_image_url;128        return userProfileImage129    } catch (error) {130        //If 401 error, use refresh token to refresh access token131        if (error.response && error.response.hasOwnProperty("data") && error.response.data.hasOwnProperty("status") && error.response.data.status === 401) {132            //Get custom_token from cookie133            const customToken = req.cookies.custom_token;134            const newCustomToken = await refreshAccessToken(customToken);135            //Call function again with new token136            return getUserProfileImage(newCustomToken);137        } else {138            console.error(error);139        }140    }141};142//Updates the time watched for a particular stream given user id of user and user id of broadcaster and time watched143const updateTimeWatchedForBroadcaster = async (userId, broadcasterId, timeWatched) => {144    try {145        const timeInfo = await getTimeDocFromUserAndBroadcaster(userId, broadcasterId);146        //Add to time watched field (NOTE: timeWatched is a string)147        const newTimeWatchedInt = parseInt(timeInfo.timeWatched) + parseInt(timeWatched);148        timeInfo.timeWatched = newTimeWatchedInt.toString();149        //Save to database150        await timeInfo.save();151    } catch (error) {152        console.error(error);153    }154}155router.get('/getFollowedStreams', async (req, res) => {156    try {157        //Get custom_token from cookie using cookie-parser middleware158        const custom_token = req.cookies.custom_token;159        const [followedStreamsArr, userId] = await getFollowedStreams(custom_token);160        await saveStreamsToDatabase(followedStreamsArr, userId);161        res.send(followedStreamsArr);162    } catch (error) {163        console.error(error);164    }165});166router.get('/getUserProfileImage', async (req, res) => {167    try {168        //Get custom_token from cookie using cookie-parser middleware169        const custom_token = req.cookies.custom_token;170        const userProfileImage = await getUserProfileImage(custom_token, req.query.broadcasterId);171        res.send(userProfileImage);172    } catch (error) {173        console.error(error);174    }175});176router.get('/getTimeWatched', async (req, res) => {177    try {178        //Get custom_token from cookie using cookie-parser middleware179        const custom_token = req.cookies.custom_token;180        //Get userId from the custom token181        const userId = await getUserIdFromCustomToken(custom_token);182        //Get the time watched from the timeInfo document183        const timeDoc = await getTimeDocFromUserAndBroadcaster(userId, req.query.broadcasterId);184        res.send(timeDoc.timeWatched);185    } catch (error) {186        console.error(error);187    }188});189router.post('/updateTimeWatchedForBroadcaster', async (req, res) => {190    try {191        //Get custom_token from cookie using cookie-parser middleware192        const custom_token = req.cookies.custom_token;193        //Get userId from the custom token194        const userId = await getUserIdFromCustomToken(custom_token);195        //Get the broadcaster and timeWatched fields from request data196        const broadcasterId = req.body.broadcasterId;197        const timeWatched = req.body.timeWatched; //express seems to convert this to a string198        //Update the time watched for the broadcaster199        await updateTimeWatchedForBroadcaster(userId, broadcasterId, timeWatched);200        res.send("Saved time watched");201    } catch (error) {202        console.error(error);203    }204});...

index.js

Source:index.js

1import axios from 'axios'2import { Kakao } from '../../modules/Kakao'3import { Naver } from '../../modules/Naver'4class MotifAuth {5  constructor(client, options) {6    let { firebase, firebaseStore, firebaseAuth, kakaoAppKey, naverCredential, apiUrl }= options7    this._client = client8    this._firebase = firebase9    this._firebaseAuth = firebaseAuth10    this._firebaseStore = firebaseStore11    this._apiUrl = apiUrl12    this._kakao = new Kakao({13      appKey: kakaoAppKey14    })15    this._naver = new Naver({16      credential: naverCredential,17      apiUrl: apiUrl18    })19  }20  createCustomToken(type, profile) {21    return new Promise((resolve, reject) => {22      let { access_token, uid, display_name, photo_url } = profile23      let params = {24        access_token, uid25      }26      console.log( 'createCustomToken', profile )27      axios.post(`${this._apiUrl}/v1/firebase/auth/${type}/custom`, params)28        .then(res => {29          let { data, error } = res.data30          if (error) {31            reject(new Error(error))32            return33          }34          resolve(data)35        })36        .catch(reject)37    })38  }39  signIn( authType ) {40    const auth = this._firebaseAuth41    if (authType === 'kakaotalk') {42      return new Promise((resolve, reject) => {43        this._kakao.login()44          .then(profile => {45            let { access_token, uid, display_name, photo_url } = profile46            this.createCustomToken('kakao-talk', profile)47              .then(res => {48                let { custom_token } = res49                profile.custom_token = custom_token50                return auth.signInWithCustomToken(custom_token)51              })52              .then(res => {53                if (!auth.currentUser) {54                  throw new Error('login is fail')55                }56                const payload = {57                  displayName: display_name,58                  photoURL: photo_url59                }60                return auth.currentUser.updateProfile( payload )61              })62              .then(res => {63                resolve(profile)64              })65              .catch(reject)66          })67          .catch(reject)68      })69    }70    else if (authType === 'naver') {71      return new Promise((resolve, reject) => {72        this._naver.login()73          .then(profile => {74            let { access_token, uid, display_name, photo_url } = profile75            this.createCustomToken('naver', profile)76              .then(res => {77                let { custom_token } = res78                profile.custom_token = custom_token79                return auth.signInWithCustomToken(custom_token)80              })81              .then(res => {82                if (!auth.currentUser) {83                  throw new Error('login is fail')84                }85                const payload = {86                  displayName: display_name,87                  photoURL: photo_url88                }89                return auth.currentUser.updateProfile( payload )90              })91              .then(res => {92                resolve(profile)93              })94              .catch(reject)95          })96          .catch(reject)97      })98    }99    return Promise.error(new Error('unknown error'))100  }101  signOut() {102    const auth = this._firebaseAuth103    this._naver.logout()104    this._kakao.logout()105    return auth.signOut()106  }107}...

Using AI Code Generation

1import { CUSTOM_TOKEN } from 'ng-mocks';2import { MockBuilder } from 'ng-mocks';3import { MockRender } from 'ng-mocks';4import { MockInstance } from 'ng-mocks';5import { MockProvider } from 'ng-mocks';6import { MockReset } from 'ng-mocks';7import { MockService } from 'ng-mocks';8import { MockRenderOptions } from 'ng-mocks';9import { MockRenderResult } from 'ng-mocks';10import { MockRenderComponent } from 'ng-mocks';11import { MockRenderDirective } from 'ng-mocks';12import { MockRenderPipe } from 'ng-mocks';13import { MockRenderModule } from 'ng-mocks';14import { MockRenderComponent } from 'ng-mocks';15import { MockRenderDirective } from 'ng-mocks';16import { MockRenderPipe } from 'ng-mocks';17import { MockRenderModule } from 'ng-mocks';18import { MockedComponent } from 'ng-mocks';19import { MockedDirective } from 'ng-mocks';20import { MockedPipe } from 'ng-mocks';21import { MockedModule } from 'ng-mocks';22import { MockedService } from 'ng-mocks';23import { MockedComponent } from 'ng-mocks';24import { MockedDirective } from 'ng-mocks';25import { MockedPipe } from 'ng-mocks';26import { MockedModule } from 'ng-mocks';

Using AI Code Generation

1import { CUSTOM_TOKEN } from 'ng-mocks';2import { CUSTOM_PROVIDER } from 'ng-mocks';3import { CUSTOM_ELEMENTS_SCHEMA } from 'ng-mocks';4import { CUSTOM_DIRECTIVES } from 'ng-mocks';5import { CUSTOM_PIPE } from 'ng-mocks';6import { CUSTOM_MODULE } from 'ng-mocks';7import { CUSTOM_COMPONENT } from 'ng-mocks';8import { CUSTOM_ROUTING } from 'ng-mocks';9import { CUSTOM_COMPONENT } from 'ng-mocks';10import { CUSTOM_ROUTING } from 'ng-mocks';11import { CUSTOM_COMPONENT } from 'ng-mocks';12import { CUSTOM_ROUTING } from 'ng-mocks';13import { CUSTOM_COMPONENT } from 'ng-mocks';14import { CUSTOM_ROUTING } from 'ng-mocks';15import { CUSTOM_COMPONENT } from 'ng-mocks';16import { CUSTOM_ROUTING } from 'ng-mocks';17import { CUSTOM_COMPONENT } from 'ng-mocks';18import { CUSTOM_ROUTING } from 'ng-mocks';19import { CUSTOM_COMPONENT } from 'ng-mocks';20import { CUSTOM_ROUTING } from 'ng-mocks';21import { CUSTOM_COMPONENT } from 'ng-mocks';

Using AI Code Generation

1import { CUSTOM_TOKEN } from 'ng-mocks';2import { TestBed } from '@angular/core/testing';3import { HttpClient } from '@angular/common/http';4describe('HttpClient', () => {5  beforeEach(() => {6    TestBed.configureTestingModule({7        {8          useValue: {9            get: () => 'Hello World',10          },11        },12    });13  });14  it('should be mocked', () => {15    const http = TestBed.get(HttpClient);16  });17});18import { CUSTOM_TOKEN } from 'ng-mocks';19import { TestBed } from '@angular/core/testing';20import { HttpClient } from '@angular/common/http';21describe('HttpClient', () => {22  beforeEach(() => {23    TestBed.configureTestingModule({24        {25          useValue: {26            get: () => 'Hello World',27          },28        },29    });30  });31  it('should be mocked', () => {32    const http = TestBed.get(HttpClient);33  });34});35import { CUSTOM_TOKEN } from 'ng-mocks';36import { TestBed } from '@angular/core/testing';37import { HttpClient } from '@angular/common/http';38describe('HttpClient', () => {39  beforeEach(() => {40    TestBed.configureTestingModule({41        {42          useValue: {43            get: () => 'Hello World',44          },45        },46    });47  });48  it('should be mocked', () => {49    const http = TestBed.get(HttpClient);50  });51});52import { CUSTOM_TOKEN } from 'ng-mocks';53import { TestBed } from '@angular/core/testing';54import { HttpClient } from '@angular/common/http';55describe('HttpClient', () => {56  beforeEach(() => {57    TestBed.configureTestingModule({58        {59          useValue: {60            get: () => 'Hello

Using AI Code Generation

1import {CUSTOM_TOKEN} from 'ng-mocks';2@Component({3    {4      useValue: { some: 'value' },5    },6})7export class TestComponent {8  constructor(@Inject(CUSTOM_TOKEN) public value: any) {}9}10import {CUSTOM_TOKEN} from 'ng-mocks';11describe('TestComponent', () => {12  let component: TestComponent;13  beforeEach(() => {14    TestBed.configureTestingModule({15        {16          useValue: { some: 'value' },17        },18    });19    component = TestBed.createComponent(TestComponent).componentInstance;20  });21  it('should work', () => {22    expect(component.value).toEqual({ some: 'value' });23  });24});25import {CUSTOM_TOKEN} from 'ng-mocks';26import {TranslateService} from '@ngx-translate/core';27@Component({28    {29      useValue: {30        get: (key: string) => key,31      },32    },33})34export class TestComponent {35  constructor(@Inject(CUSTOM_TOKEN) public translate: TranslateService) {}36}37describe('TestComponent', () => {38  let component: TestComponent;39  beforeEach(() => {40    TestBed.configureTestingModule({41        {42          useValue: {43            get: (key: string) => key,44          },45        },46    });47    component = TestBed.createComponent(TestComponent).componentInstance;48  });49  it('should work', () => {50    expect(component.translate.get('someKey')).toEqual('someKey');51  });52});

Using AI Code Generation

1import { CUSTOM_TOKEN } from 'ng-mocks';2import { TestBed } from '@angular/core/testing';3import { Component } from '@angular/core';4import { HttpClient } from '@angular/common/http';5import { of } from 'rxjs';6@Component({7    <div *ngIf="isAuthenticated; else notAuthenticated">8})9export class TestComponent {10  isAuthenticated: boolean;11  constructor(private http: HttpClient) {12    this.http.get('api/authenticated').subscribe((isAuthenticated: boolean) => {13      this.isAuthenticated = isAuthenticated;14    });15  }16}17describe('TestComponent', () => {18  beforeEach(async () => {19    await TestBed.configureTestingModule({20        {21          useValue: {22            get: () => of(true),23          },24        },25    }).compileComponents();26  });27  it('should show authenticated', () => {28    const fixture = TestBed.createComponent(TestComponent);29    fixture.detectChanges();30    const compiled = fixture.nativeElement as HTMLElement;31    expect(compiled.querySelector('div')?.textContent).toContain('authenticated');32  });33  it('should show not authenticated', () => {34    TestBed.overrideProvider(HttpClient, {35      useValue: {36        get: () => of(false),37      },38    });39    const fixture = TestBed.createComponent(TestComponent);40    fixture.detectChanges();41    const compiled = fixture.nativeElement as HTMLElement;42    expect(compiled.querySelector('div')?.textContent).toContain('not authenticated');43  });44});

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.