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 (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 }),