added new browser tests for editor

This commit is contained in:
Mark Gregory
2026-06-25 07:25:48 +01:00
parent 5c6671551c
commit 0b903d7f19
4 changed files with 74 additions and 20 deletions
@@ -23,20 +23,6 @@
@endphp
<style>
[data-helpdesk-sidebar-cards] details > summary::-webkit-details-marker {
display: none;
}
[data-helpdesk-sidebar-cards] details > summary {
transition: filter .15s ease, transform .15s ease;
}
[data-helpdesk-sidebar-cards] details > summary:hover {
filter: brightness(1.08);
}
</style>
<div data-dusk="helpdesk-ticket-show" dusk="helpdesk-ticket-show" class="hd-helpdesk-surface space-y-4">
<div
class="overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
@@ -907,7 +893,7 @@
return;
}
const details = document.createElement('details');
const details = document.createElement('section');
const classNames = new Set(card.className.split(/\s+/).filter(Boolean));
classNames.add('group');
details.className = Array.from(classNames).join(' ');
@@ -1317,3 +1303,45 @@
</div>
{{-- SLA state label: Awaiting public reply --}}
<script>
function initialiseHelpdeskTicketShowInteractions() {
document.querySelectorAll('[data-helpdesk-sidebar-cards]').forEach((container) => {
container.querySelectorAll('[data-helpdesk-sidebar-card]').forEach((card) => {
const header = card.querySelector('[data-helpdesk-sidebar-card-header]');
if (!header || header.dataset.helpdeskSidebarBound === 'true') {
return;
}
header.dataset.helpdeskSidebarBound = 'true';
header.addEventListener('click', () => toggleHelpdeskSidebarCard(card));
});
});
}
function toggleHelpdeskSidebarCard(card) {
const isOpen = card.dataset.open === 'true';
card.dataset.open = isOpen ? 'false' : 'true';
header.setAttribute('aria-expanded', isOpen ? 'false' : 'true');
}
document.addEventListener('livewire:navigated', initialiseHelpdeskTicketShowInteractions);
document.addEventListener('livewire:init', initialiseHelpdeskTicketShowInteractions);
document.addEventListener('DOMContentLoaded', initialiseHelpdeskTicketShowInteractions);
</script>
<style>
[data-helpdesk-sidebar-cards] details > summary::-webkit-details-marker {
}
[data-helpdesk-sidebar-cards] details > summary {
transition: filter .15s ease, transform .15s ease;
}
[data-helpdesk-sidebar-cards] details > summary:hover {
filter: brightness(1.08);
}
</style>