Nsryjdtyk

Currently I am busy trying out Google Firestore and I have run into a problem when it comes to running my unit tests.

It cannot even pass the generic test that tests whether the component is created or not.

This is what my component looks like:

@Component({

  templateUrl: './collection.component.html',

  styleUrls: ['./collection.component.scss']

})







export class CollectionComponent implements OnInit {

  yearObservable: Observable<any>;

  collectionObservable: Observable<any>;

  visibleYearData = ;

  years = ;



  constructor(private firestore: AngularFirestore) { }



  ngOnInit() {

    this.getYears();

  }



  getYears() {



    this.firestore.collection('collection').get().subscribe(

      x => x.docs.forEach(z => {

        this.years.push(z);

      })

    )

  }



  changeVisibleYear(year: string) {



    this.firestore.collection('collection').doc(year).collection('images').get().subscribe(

      x => {

        this.visibleYearData = ;

        x.docs.forEach(z => {

          this.visibleYearData.push(z.data());

        })

      }

    );

  }

}

This is what the test looks like that creates the component:

 it('should create', () => {

    expect(component).toBeTruthy();

  });

But as you can see from the result below it actually has a problem with the actual code in the component and not the test code:

I have tried a few different ways of calling the data. This method works in the actual app and calls the data from firestore. So it is not like the code is not working. I just need to know how I can get the test to pass. Thank you so much in advance.