Estaba desarrollando una App en Angular 8 con TypeScript como lenguaje de Script, y me ha surgido el siguiente error testeando uno de los componentes. Actualmente llevo unos 5 meses desarrollando en Angular 8, y es el primer contacto que tengo con JavaScript ya que anteriomente me dedicaba al desarrollo movil nativo en Android con Java.
El error que me vierte Karma, es el siguiente:
UnicoComponent > getSpecCharacteristicDescription > should be called
TypeError: Cannot read property 'filter' of undefined
El archivo spec.ts es el siguiente:
describe('UnicoComponent', () => {
let component: UnicoComponent;
let fixture: ComponentFixture<UnicoComponent>;
beforeEach(() => {
const tarifasServiceStub = () => ({});
const detalleTarifasServiceStub = () => ({});
const routerStub = () => ({});
TestBed.configureTestingModule({
schemas: [NO_ERRORS_SCHEMA],
declarations: [UnicoComponent],
providers: [
{ provide: TarifasService, useFactory: tarifasServiceStub },
{
provide: DetalleTarifasService,
useFactory: detalleTarifasServiceStub
},
{ provide: Router, useFactory: routerStub }
]
});
fixture = TestBed.createComponent(UnicoComponent);
component = fixture.componentInstance;
});
fdescribe('getSpecCharacteristicDescription', () => {
fit('should be called', () => {
const productSpecification = {
productOffering: {
productSpecification: { id: '' },
bundledProductOffering: [{ id: '' }],
},
productSpecificationMobiles: [
{
ospExternalCode: '',
productNumber: '',
ospMorganeCode: ''
},
{
ospExternalCode: '',
productNumber: '',
ospMorganeCode: ''
}
],
};
const spy = spyOn(component, 'getSpecCharacteristicDescription').and.callThrough();
component.getSpecCharacteristicDescription(productSpecification);
expect(component.getSpecCharacteristicDescription).toBeTruthy();
expect(spy).toHaveBeenCalled();
});
});
});
Y el código del componente como tal es el siguiente:
getSpecCharacteristic(productSpecification) {
return productSpecification.productSpecCharacteristic.filter(charact => !charact.productSpecCharacteristicValue);
}
getSpecCharacteristicOspLanding(productSpecification) {
const product = productSpecification.productSpecCharacteristic.filter(charact => !charact.productSpecCharacteristicValue);
return product.length > 0 ? product[0].ospUrlLanding : '';
}
getSpecCharacteristicDescription(productSpecification) {
const product = productSpecification.productSpecCharacteristic.filter(charact => !charact.productSpecCharacteristicValue);
return product.length > 0 ? product[0].description : '';
}
Espero puedan ayudar si saben por donde van los tiros, si es así, muchas gracias de ante mano!