import { TestBed, ComponentFixture } from "@angular/core/testing";

// Load the implementations that should be tested
import { ListResultsMessageComponent } from "./list-results-message";

describe("ListResultsMessage component", () => {
  describe("rendered tests", () => {
    let component: ListResultsMessageComponent;
    let fixture: ComponentFixture<ListResultsMessageComponent>;

    // provide our implementations or mocks to the dependency injector
    beforeEach(() => {
      TestBed.configureTestingModule({
        declarations: [ListResultsMessageComponent],
      });

      fixture = TestBed.createComponent(ListResultsMessageComponent);
      component = fixture.componentInstance;
      component.total = 23;
      component.currentPage = 2;
      component.showing = 10;
      component.ngOnChanges();
      fixture.detectChanges();
    });

    it("should display a message", function () {
      const text = fixture.debugElement.nativeElement.textContent;
      expect(text).toBe("Showing 11 - 20 of 23 results");
    });
    it("should allow a suffix", function () {
      component.suffix = "records";
      component.ngOnChanges();
      fixture.detectChanges();
      const text = fixture.debugElement.nativeElement.textContent;
      expect(text).toBe("Showing 11 - 20 of 23 records");
    });
    it("should handle showing less than total", function () {
      component.total = 7;
      component.ngOnChanges();
      fixture.detectChanges();
      const text = fixture.debugElement.nativeElement.textContent;
      expect(text).toBe("Showing 1 - 7 of 7 results");
    });
  });
});