messages.component.spec.ts

it("Displays each message in messages", () => {
  const messagesService = TestBed.get(MessageService);
  messagesService.messages = ["Alan", "Brito"];
  fixture.detectChanges();
  const divs: Array<HTMLDivElement> = fixture.debugElement
    // The first div is the wrapper for the test component (e.g. <div _ngcontent-a-c1>)
    .queryAll(By.css("div div div"))
    .map((e) => e.nativeElement);
  expect(divs.length).toBe(2);
  expect(divs[0].textContent).toContain("Alan");
  expect(divs[1].textContent).toContain("Brito");
});