角组件测试用例出现错误：类型错误：无法读取未定义的属性“ contractno”

Question

虽然尝试注入运行spec文件错误所需的默认依赖项，但少了出错像类型错误：无法读取未定义的属性“ contractno”

/ **类userModel ** /

export class UserModel {
  contractNo: string;
  firstName: string;
  lastName: string;
  phoneNo: string;
  emailAddress:string;
}

这里是组件文件/ ** contactus组件** /

    import {
      Component,
      OnInit,
      ViewChild,
      Pipe,
      PipeTransform
    } from "@angular/core;
    import { UserModel } from "../models/User-model.model";
    import { HttpClient } from "@angular/common/http";
    import { Router } from "@angular/router";
    import { ContactUsService } from "../service/contact-us.service";
    import { Subscription } from "rxjs";
  export class ContactUsComponent implements OnInit {
      public contactModel: UserModel; 
      constructor(
        private http: HttpClient,
        private router: Router,
        private contactusservice: ContactUsService
      ) {
      }
      ngOnInit() {
        this.loadDefaultUser();
      }
      loadDefaultUser() {
         this.charRemaining = 1000;
         this.contactusmodel = JSON.parse(sessionStorage.getItem("data"));       
      }
        }

这里是组件测试用例文件 /**contact-us-spec.ts ** /

import { async, ComponentFixture, TestBed } from "@angular/core/testing";
import { ContactUsComponent } from "./contact-us-component";
import { RouterTestingModule } from "@angular/router/testing";
import { DebugElement, Pipe, PipeTransform } from "@angular/core";
import { FormsModule } from "@angular/forms";
import { NumberPipePipe } from "./number-pipe.pipe";
import { HttpClient } from "@angular/common/http";
import { HttpClientTestingModule } from "@angular/common/http/testing";
import { UserModel } from "../models/User-model.model";
import { ContactUsService } from "../service/contact-us.service:;

describe("ContactUsComponent", () => {
  let component: ContactUsComponent;
  let fixture: ComponentFixture<ContactUsComponent>;
  let debugElement: DebugElement;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ContactUsComponent, NumberPipePipe],
      imports: [RouterTestingModule, FormsModule, HttpClientTestingModule],
      providers: [ContactUsServices, UserModel ]
    }).compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(PostLoginContactUsComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it("should create", () => {
    expect(component).toBeTruthly();
  });
});

Answer 1