Angular 中的单元测试服务

Question

我是 Angular 单元测试的新手。除了这个之外，还有什么方法可以为这个特定的功能编写单元测试吗？谢谢！

list-user.component.ts

constructor(private auth: AuthenticationService, private router: Router, private dialog: MatDialog) { }

fetchOfficeInfoByManager() {
          this.auth.getUserbyLM().subscribe((data: User[]) => {
          this.usersource = new MatTableDataSource(data);
}

ngOnInit() {`
this.fetchOfficeInfoByManager();
}

list-user.component.spec.ts

import { ListUserComponent } from './list-user.component';
import { AuthenticationService } from '../../shared/services/authentication.service';
import { Observable } from 'rxjs';
import { from } from 'rxjs'


describe ('ListUserComponent', () => {
    let component: ListUserComponent;
    let service: AuthenticationService;

    beforeEach(() => {
        service = new AuthenticationService(null, null);
        component = new ListUserComponent(service, null, null);
    });

    it('should get employees according to line manager', () => {
        let data = [];
        spyOn(service, 'getUserbyLM').and.callFake(() => {
            return from([ data ]);
        });

        component.fetchOfficeInfoByManager();
        expect(component.data).toBeTruthy();
    });
});

Answer 1

是的，你可以这样做：

class MockAuthService{
    getUserbyLM(){
    return
        of({
            name: 'User',
            id: 'id'
        })
    }
}

describe('ListUserComponent',()=>{

    beforeEach(async(() => {
        TestBed.configureTestingModule({
            imports: [modules......],
            providers: [{ provide: AuthService, useClass: MockAuthService }]
        }).compileComponents();
    }));

    it('should have usersource defined when fetchOfficeInfoByManager() is called', () => {

        component.fetchOfficeInfoByManager();
        expect(component.usersource).toBeDefined();
        expect(component.usersource.name).toBe('User');
        // and so on......

    });

})

您需要为 rxjs 添加一些 import 以使用 of()。我希望你能从这个例子中了解如何测试这个函数