Angular Jest 模拟订阅内容

Question

How do we mock the content which is consumed by the subscribe method..I am able to initialize the testService but struggling to mock the content of subscribe

export class AppComponent {


constructor(){}



     CheckTestLink(link: any) {
     this.testService.init().subscribe( configUsers => {
            const conf: [] = configUsers['entries'].filter( entry =>
              (this.userName === entry.content.properties.user_name );
            if (conf.length > 0) {
 
             
            } else {
 
             
            }
          },
          errors => {
  
            this.ErrorService.notifyError('Error fetching details.');
          });
  }
    }

AppComponent

    describe( 'AppComponent', () => {
    let fixture: AppComponent;
     let TestServiceMOck;

beforeEach( () => {
    TestServiceMOck={
     init:jest.fn().mockImplementation(subscribe=>{return of('test')})
      }

    fixture = new AppComponent(
        
    );
});

Answer 1

Try this:

TestServiceMOck={
     init:jest.fn().mockReturnValue(of({ entries: [{ 
           content: { properties : { user_name: 'hola' } } }] }))
      }

You shouldn't mock the subscribe , it will come if you return an observable from the method.

Edit ======= For the error, you have to do this:

import { throwError } from 'rxjs';
....
TestServiceMOck={
     init:jest.fn().mockReturnValue(throwError({}))
      }