如何从赛普拉斯调用助手 function？

Question

I am testing a component, that depends on a service to provide an object:

export class MyComponent {
 
  public constructor { private myObjectService: ObjectService }

  public ngOnInit() {
     this.functionThatNeedsObject();
  }

  private functionThatNeedsObject() {
     this.myObjectService.getObject();
  }

}

This object will always initially be null . To have my tests succeed, it should be initialized by the service:

export class ObjectService {
  
  private NeededObject myObject;

  public getObject() {
    ... return object
  }

  public setObject() {
   ... this function needs to be called, so that myObject is not null
  }
}

My test checks wether MyComponent is shown, which will only happen when MyObject is not null. Something like:

When('I receive data from my services', () => {
 cy.get('my-component-selector').should('be.visible')
})

The object in this case is a Behaviorsubject that will normally be set by a service that is not available while testing, and so I need to manually call myObjectService.setObject() programatically in my Cypress test.

Is this possible?

Answer 1

Did you tried inject ? Also to test visibility you may need to access the dom using nativeElement

 When('I receive data from my services', inject([ServiceName],(serviceName:ServiceName) => { // here you can set the data using serviceName // then call the component. cy.get('my-component-selector').should('be.visible') })