feat: simplify event date labels in product components for clearer display

This commit is contained in:
2026-08-10 14:17:09 -03:00
parent 56f602d876
commit c645feba80
4 changed files with 9 additions and 7 deletions

View File

@@ -23,7 +23,8 @@
position: absolute;
top: 76px;
right: calc((100% - 1320px) / 2 + 1.5rem);
width: 100%;
max-width: 400px;
max-height: calc(100vh - 120px);
z-index: 1050;
background-color: #ffffff;
@@ -40,6 +41,7 @@
right: 1rem;
left: 1rem;
width: auto;
max-width: none;
}
}

View File

@@ -349,14 +349,14 @@ describe('ProductDetailPageComponent', () => {
{
id: 20,
value: '20',
label: '09/10/2026 · 10:00 a 20:00',
label: '09/10/2026',
sort_order: 0,
metadata: null,
},
{
id: 21,
value: '21',
label: '10/10/2026 · 10:00 a 20:00',
label: '10/10/2026',
sort_order: 1,
metadata: null,
},

View File

@@ -141,7 +141,7 @@ describe('ProductVerticalWithCartCardComponent', () => {
fixture.componentRef.setInput('variants', [
{
id: 10,
values: { event_date: { value: '2', label: '10/10/2026 · 09:00 a 18:00' } },
values: { event_date: { value: '2', label: '10/10/2026' } },
},
]);
fixture.detectChanges();
@@ -150,7 +150,7 @@ describe('ProductVerticalWithCartCardComponent', () => {
'.product-vertical-with-cart-card__variant-select option',
) as HTMLOptionElement;
expect(option.textContent?.trim()).toBe('10/10/2026 · 09:00 a 18:00');
expect(option.textContent?.trim()).toBe('10/10/2026');
expect((fixture.componentInstance as any).selectedValues()).toEqual({ event_date: '2' });
});

View File

@@ -47,13 +47,13 @@ describe('VariantSelectorComponent', () => {
fixture.componentRef.setInput('variants', [
{
value: 1,
values: { event_date: { value: '2', label: '10/10/2026 · 09:00 a 18:00' } },
values: { event_date: { value: '2', label: '10/10/2026' } },
},
]);
fixture.detectChanges();
const option = fixture.nativeElement.querySelector('option') as HTMLOptionElement;
expect(option.textContent?.trim()).toBe('10/10/2026 · 09:00 a 18:00');
expect(option.textContent?.trim()).toBe('10/10/2026');
expect((fixture.componentInstance as any).selectedValues()).toEqual({ event_date: '2' });
});
});