Angular 单元测试 - 模拟服务中的属性未定义

Question

我是单位测试一个介绍组件。我正在嘲笑的服务之一具有Getter属性，用户。该组件来自另一个。在其父母的ngoninit上，Sessionservice的用户属性被访问，并且由于发现其未定义而失败。在这里尝试的另一种方法是什么？

describe('MyComponent', () => {
let component: MyComponent, fixture: ComponentFixture<MyComponent>, el: DebugElement;

beforeEach(
    waitForAsync(() => {
        const sessionService = jasmine.createSpyObj('SessionService', ['']);
        Object.defineProperty(sessionService, 'user', {
            value: of(
                new User()
            )
        });
        TestBed.configureTestingModule({
            declarations: [MyComponent],
            imports: [...],
            providers: [                    
                { provide: SessionService, useValue: sessionService }
            ]
        })
            .compileComponents()
            .then(() => {
                fixture = TestBed.createComponent(MyComponent);
                component = fixture.componentInstance;
                el = fixture.debugElement;
            });
    })
);

it('should have prev/next buttons', () => {        
    fixture.detectChanges();
    console.log(el.nativeElement.outerHTML);
  });
});

Answer 1

在这种情况下，您始终可以创建一个模拟类，而不是 jasmine.createSpyObj。我以前从未模拟过 getters，但我认为有时去模拟类比 jasmine.createSpyObj 更好。

试试这个：

class MockSessionService {
  get user() {
    return of(new User());
  }
}
....
providers: [{ provide: SessionService, useClass: MockSessionService }]

Answer 2

尝试以最简单的方式定义你的存根

    const sessionService = {
        user:of(new User());
     }