J'utilise angular2 et openlayers3 pour afficher une carte sur notre page. Après fonction SingleClick est utilisé pour afficher un popup lorsque le marqueur sur la carte est cliquée -Comment déclencher openLayers 3 'singleClick' du test du karma
this.map.on('singleclick', (e) => {
this.showWellDetails(e.pixel);
});
Cela fonctionne parfaitement bien, mais je n'ai aucun moyen de déclencher est de mon test de karma. Par conséquent, ce bloc de code n'est pas couvert.
Edition - Ajout de code pour le cas de test aussi bien ici -
@Component({
selector: 'test-component-wrapper',
template: '<map [markers]="markers" [isDocked]="isDocked" ></map>',
})
class TestComponentWrapper {
public isDocked = true;
public markers = [
{
"latitude": 101.106074,
"longitude": 1.307283,
"name": "211/27-A17",
},
{
"latitude": 61.034344,
"longitude": 1.703716,
"name": "211/29-A17",
},
];
}
describe('MapComponent events',() => {
let component: MapComponent;
let fixture: ComponentFixture<TestComponentWrapper>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [
TestComponentWrapper,
MapComponent,
],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
.compileComponents();
fixture = TestBed.createComponent(TestComponentWrapper);
component = fixture.debugElement.children[0].componentInstance;
fixture.detectChanges();
}));
it('should create',() => {
expect(component).toBeTruthy();
});
it('should test showDetails functionality',() => {
component.isDocked = false;
component.initMap();
expect(fixture.debugElement.query(By.css('#mapId'))).not.toBe(null);
let pixel = [
233.10227584838867,
191.25,
];
// I want to trigger 'singleClick' on map from here...
// component.map.singleClick();
// Since this is not working, I have to make showWellDetails function public and call it directly.
//at least it adds coverage for this function, but the original block of code mentioned above remains uncovered.
component.showWellDetails(pixel);
expect(fixture.debugElement.query(By.css('#featureDetails'))).toBe(null);
expect(component.locationCoordinate).toBeUndefined();
});
//other tests
});
Toute aide est appréciée! TIA.
S'il vous plaît, pourriez-vous envoyer votre code de test unitaire? – SrAxi
@SrAxi - Ajouté le code de test dans le poste Modifier –
Hey - quelqu'un peut-il m'aider avec s'il vous plaît? –