角度 - 茉莉花/业力 - 订阅 lambda 表达式未被执行

Question

我正在使用Jasmine/karma为角度6组件中的可观察对象编写一个单元测试用例。请找到我正在为其编写测试用例的组件方法。

public ngOnInit(): void {
{
this.editOrderContainer.getEditOrderState().subscribe(editOrderState => {
this.shipAddressEditted = editOrderState.data.shipAddressEdited;
this.shipInstructionEditted = editOrderState.data.shipInstructionEditted;
this.hasShippingDetailsChanged = (this.shipAddressEditted || this.shipInstructionEditted) && this.existedAffectedOrderNumbers;
});
...
}

在上面的代码中，我的测试用例应该涵盖/期望变量"hasShippingDetailsChanged"。在规范文件中，我会有"它"如下

it('verify if Shipping instructions text is set to true if instructions test is changed.', () => {
expect(component.hasShippingDetailsChanged).toBeTruthy();
});

.spec 文件中的模拟/间谍代码如下：

let editOrderContainer: any;
let getEditOrderState: any;
beforeEach(async () => {
...
editOrderContainer = jasmine.createSpyObj('editOrderContainer', ['getEditOrderState', 'rebookOrder']);
editOrderContainer.getEditOrderState.and.callFake(() => {
return getEditOrderState;
});
getEditOrderState = {
subscribe: function () {
return getOrderDetailsServiceResult();
}
};
spyOn(getEditOrderState, 'subscribe').and.callThrough();
...
});
function getOrderDetailsServiceResult() {
return {
shipAddressEditted: true,
shipInstructionEditted : true
};
}

EditOrderContainer 代码如下所示：

public getEditOrderState(): Observable<EditOrderState> {
return this.store.select(s => s.editOrderReducer);
}   

我在这里面临的问题是，它是在订阅中重新执行 editOrderState 的值，并且 lambda 表达式语句没有被执行

即，shipAddressEditted，shipInstruction Editted，hasShippingDetailsChanged的赋值语句未被执行。 我希望执行这些行，以便所需的变量具有运输详细信息更改以分配。

任何想法我在这里犯了什么错误？ 为什么订阅 lambda 表达式没有在规范文件中执行？

Answer 1

尝试使用stub，以便也可以在其他地方重复使用。请尝试以下更改：

1. 使editOrderContainer在构造函数中public：

constructor(public editOrderContainer: EditOrderContainer,.....)

2. 创建一个stub，如下所示EditOrderContainerStub：

export class EditOrderContainerStub{
getEditOrderState(){
return of({
data: {
shipAddressEditted: true,
shipInstructionEditted : true
}
})
}
}

3. providersspec文件：

beforeEach(async () => {
providers:[{provide: EditOrderContainer , useClass: EditOrderContainerStub}],
//....... your declaration
});
it('verify if Shipping instructions text is set to true if instructions test is changed.', () => {
component.existedAffectedOrderNumbers = true;
component.ngOnInit();
expect(component.hasShippingDetailsChanged).toBeTruthy();
});

Answer 2

我找到了答案，问题在于我为 editOrderContainer 及其返回可观察量的方法 getEditOrderState 创建间谍的方式。

在我以前的代码中缺少Observable.of(editOrderState)这是必需的。 我也不应该或不需要模拟/监视subscribe方法

我的间谍对象如下所示。

editOrderContainer = jasmine.createSpyObj('editOrderContainer', ['getEditOrderState', 'rebookOrder']);
editOrderContainer.getEditOrderState.and.callFake(() => {
var editOrderState = getOrderDetailsServiceResult();
return Observable.of(editOrderState);
});

function getOrderDetailsServiceResult() {
return {
data: {
shipAddressEdited: true,
shipInstructionEditted: true
}
};
}