代码之家 › 专栏 › 技术社区 › Tom

observable的mocking包含缺少的值

jasmine angular

-2

Tom · 技术社区 · 5 年前

我试图模仿可观察的返回类型。正如您在下面所看到的,configureTestSuite new Observable中的语句

export class AgreementsModel {
    userAgreementId: number;
    agreementId: number;
    code: string;
    userAgreementStateId: number;
    userAgreementStateName: string;
    acceptanceWindowExpiry: Date;
    version: string;
    data: string;
    authoredById: number;
    authoredByName: string;
    authored: Date;
    issuedById: number;
    issuedByName: string;
    issued: Date;
  }




import { AgreementsModel } from '../../agreements/models/agreements.model';



export const AgreementModelMock: AgreementsModel = <AgreementsModel>{
agreementId: 1,
data: '<html> </html>'
};



  configureTestSuite(() => {
    TestBed.configureTestingModule({
      imports: [SharedModule, FontAwesomeModule],
      declarations: [AgreementComponent, CustomScrollDirective],
      providers: [{ provide: UserService, useValue: mockUserService },
      { provide: AgreementsService, useValue:  new Mock<AgreementsService>({
           getOutstandingAgreements: () => new Observable<AgreementsModel[]>(),
           updateAgreement: () => Promise.resolve([])
         }).Object }]
    });
  });

0 回复 | 直到 5 年前

AliF50 5 年前

是的,您在那个实例中使用它作为类型。要模仿可观察的,使用 of

import { of } from 'rxjs';
....
getOutstandingAgreements: () => of(/*whatever value you want here for the mock*/);
// if you want to be able to change the value of this observable, 
you have to assign it to a behaviorSubject that will be a variable and  you can next on it

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

3 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

Jihed Ben Zarb · 造型角材料日期选择器

5 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

5 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

5 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

5 月前

Jace Johnson · Typescript文件读取的变量类型错误

5 月前

Ole · Angular资源API是否支持为资源添加初始值?

5 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

5 月前