diff --git a/src/app/features/store/pages/account-page/pages/tickets-page/tickets-page.html b/src/app/features/store/pages/account-page/pages/tickets-page/tickets-page.html index 1a573cf..e3f3d10 100644 --- a/src/app/features/store/pages/account-page/pages/tickets-page/tickets-page.html +++ b/src/app/features/store/pages/account-page/pages/tickets-page/tickets-page.html @@ -2,28 +2,29 @@

MIS TICKETS

-
- + @if (activeTickets().length) { +
+ -
- - - Descargar - - - - Compartir - -
-
+
+ + + Descargar + + + + Compartir + +
+
+ } @if (isLoading()) { @for (item of [1, 2, 3, 4]; track item) { diff --git a/src/app/features/store/pages/account-page/pages/tickets-page/tickets-page.spec.ts b/src/app/features/store/pages/account-page/pages/tickets-page/tickets-page.spec.ts index 26de833..361a183 100644 --- a/src/app/features/store/pages/account-page/pages/tickets-page/tickets-page.spec.ts +++ b/src/app/features/store/pages/account-page/pages/tickets-page/tickets-page.spec.ts @@ -26,6 +26,33 @@ const ticket = (overrides: Partial): TicketResponse => ({ }); describe('TicketsPage', () => { + it('hides the active tickets header when there are no available tickets', async () => { + await TestBed.configureTestingModule({ + imports: [TicketsPage], + providers: [{ provide: ToastService, useValue: { danger: vi.fn() } }], + }) + .overrideComponent(TicketsPage, { + set: { + providers: [ + { provide: TicketService, useValue: { getTickets: () => Promise.resolve([]) } }, + ], + }, + }) + .compileComponents(); + + const fixture = TestBed.createComponent(TicketsPage); + fixture.detectChanges(); + await fixture.whenStable(); + fixture.detectChanges(); + + const page = fixture.nativeElement as HTMLElement; + + expect(page.querySelector('.tickets-list__select-all')).toBeNull(); + expect(page.querySelector('.tickets-list__bulk-actions')).toBeNull(); + expect(page.textContent).not.toContain('TICKETS ACTIVOS'); + expect(page.textContent).toContain('Aún no tenés tickets disponibles.'); + }); + it('separates expired and used tickets into the disabled inactive list', async () => { const tickets = [ ticket({ id: 1 }),