Angular 2 Jasmine unable to test form submit

Hi I am writing unit test case in jasmine. I am new to jasmine. I have one form in html and I am trying to write unit test case for this.

Below is my html code for form.

<form *ngIf="formResetToggle" class="form-horizontal" name="tenantEditorForm" #f="ngForm" novalidate
      (ngSubmit)="f.form.valid ? saveTenant() :
      (!tenantname.valid && showErrorAlert('Tenant name is required', 'Please enter a name for the tenant'));">

</form>

Below is the spec.

it('Save Tenant', fakeAsync(() => {
        fixture.detectChanges();
        spyOn(component, 'saveTenant');
        let submitButton = fixture.debugElement.query(By.css('#saveTenant'));
        submitButton.triggerEventHandler('click', null);
        tick();
        fixture.detectChanges();
        expect(component.saveTenant).toHaveBeenCalled();
    }));

This spec gives me error

Expected spy saveTenant to have been called.

Can someone help me to figure it out the issue? Any help would be appreciated. Thanks