diff --git a/src/app/shared/components/carousel/carousel.component.spec.ts b/src/app/shared/components/carousel/carousel.component.spec.ts index c8b2c46..5a678f1 100644 --- a/src/app/shared/components/carousel/carousel.component.spec.ts +++ b/src/app/shared/components/carousel/carousel.component.spec.ts @@ -143,7 +143,9 @@ describe('CarouselComponent', () => { const pages = fixture.nativeElement.querySelectorAll('.carousel__page'); expect(pages).toHaveLength(3); + expect(pages[0].querySelectorAll('.carousel__item')).toHaveLength(2); expect(pages[0].textContent).toContain('Tercero'); + expect(pages[0].textContent).toContain('Primero'); expect(pages[1].textContent).toContain('Primero'); expect(pages[2].textContent).toContain('Tercero'); diff --git a/src/app/shared/components/carousel/carousel.component.ts b/src/app/shared/components/carousel/carousel.component.ts index f387335..2944517 100644 --- a/src/app/shared/components/carousel/carousel.component.ts +++ b/src/app/shared/components/carousel/carousel.component.ts @@ -260,10 +260,10 @@ export class CarouselComponent implements AfterViewInit { const pageCount = this.pageCount(); const normalizedPage = this.normalizePage(page, pageCount); const start = normalizedPage * this.itemsPerPage(); - const end = Math.min(start + this.itemsPerPage(), this.items().length); const items: CarouselPageItem[] = []; - for (let index = start; index < end; index += 1) { + for (let offset = 0; offset < this.itemsPerPage(); offset += 1) { + const index = (start + offset) % this.items().length; items.push({ item: this.items()[index], index }); }