diff --git a/Modules/Helpdesk/Livewire/TicketShow.php b/Modules/Helpdesk/Livewire/TicketShow.php index bb0d84a2..7c14d4dc 100644 --- a/Modules/Helpdesk/Livewire/TicketShow.php +++ b/Modules/Helpdesk/Livewire/TicketShow.php @@ -762,4 +762,16 @@ final class TicketShow extends Component ->all(); } + /** + + * Add a case-insensitive LIKE condition that works on PostgreSQL and SQLite tests. + + */ + + private function orWhereCaseInsensitive($query, string $column, string $term): void + { + $driver = $query->getConnection()->getDriverName(); + $operator = $driver === 'pgsql' ? 'ILIKE' : 'LIKE'; + $query->orWhere($column, $operator, '%' . $term . '%'); + } } diff --git a/Modules/Helpdesk/Tests/Browser/HelpdeskCreateTicketEditorBrowserTest.php b/Modules/Helpdesk/Tests/Browser/HelpdeskCreateTicketEditorBrowserTest.php new file mode 100644 index 00000000..84a547ca --- /dev/null +++ b/Modules/Helpdesk/Tests/Browser/HelpdeskCreateTicketEditorBrowserTest.php @@ -0,0 +1,107 @@ +seedLookupData(); + + $user = $this->user([ + 'name' => 'Create Ticket Editor Regression User', + ]); + + $this->browse(function (Browser $browser) use ($user): void { + $browser->loginAs($user) + ->visitRoute('helpdesk.tickets.create') + ->waitFor('@helpdesk-ticket-create', 10) + ->assertSee('Create ticket') + ->assertVisible('@ticket-create-submit') + ->assertVisible('@ticket-create-clear'); + + /** @var array{exists: bool, visible: bool, buttonCount: int, commands: array} $toolbar */ + $toolbar = $browser->script(<<<'JS' +const toolbar = document.querySelector('[data-helpdesk-editor-toolbar]'); +const buttons = toolbar ? Array.from(toolbar.querySelectorAll('button[data-helpdesk-editor-command]')) : []; + +return { + exists: Boolean(toolbar), + visible: Boolean(toolbar && toolbar.offsetParent !== null), + buttonCount: buttons.length, + commands: buttons.map((button) => button.getAttribute('data-helpdesk-editor-command')), +}; +JS)[0]; + + $this->assertTrue($toolbar['exists'], 'The create-ticket editor toolbar was not rendered.'); + $this->assertTrue($toolbar['visible'], 'The create-ticket editor toolbar was rendered but is not visible.'); + $this->assertGreaterThanOrEqual(4, $toolbar['buttonCount'], 'The create-ticket editor toolbar should expose formatting buttons.'); + $this->assertContains('bold', $toolbar['commands'], 'The create-ticket editor toolbar is missing the bold button.'); + $this->assertContains('italic', $toolbar['commands'], 'The create-ticket editor toolbar is missing the italic button.'); + + /** @var array{exists: bool, isContentEditable: bool, contenteditable: string|null, spellcheck: string|null, lang: string|null} $editor */ + $editor = $browser->script(<<<'JS' +const root = document.querySelector('[dusk="ticket-body-editor"], [data-dusk="ticket-body-editor"]'); +const editor = root && root.matches('[contenteditable="true"]') + ? root + : root?.querySelector('[contenteditable="true"]'); + +return { + exists: Boolean(editor), + isContentEditable: Boolean(editor?.isContentEditable), + contenteditable: editor?.getAttribute('contenteditable') || null, + spellcheck: editor?.getAttribute('spellcheck') || null, + lang: editor?.getAttribute('lang') || null, +}; +JS)[0]; + + $this->assertTrue($editor['exists'], 'The create-ticket editor contenteditable surface was not rendered.'); + $this->assertTrue($editor['isContentEditable'], 'The create-ticket editor must use a native contenteditable surface.'); + $this->assertSame('true', $editor['contenteditable'], 'The create-ticket editor must keep contenteditable="true".'); + $this->assertSame('true', $editor['spellcheck'], 'The create-ticket editor must keep browser spellcheck enabled.'); + $this->assertSame('en-GB', $editor['lang'], 'The create-ticket editor must use British English spellcheck language.'); + + /** @var array{create: array, clear: array, cancel: array} $classes */ + $classes = $browser->script(<<<'JS' +const classList = (selector) => Array.from(document.querySelector(selector)?.classList || []); + +return { + create: classList('[dusk="ticket-create-submit"], [data-dusk="ticket-create-submit"]'), + clear: classList('[dusk="ticket-create-clear"], [data-dusk="ticket-create-clear"]'), + cancel: classList('[dusk="ticket-create-cancel"], [data-dusk="ticket-create-cancel"]'), +}; +JS)[0]; + + foreach (['inline-flex', 'items-center', 'justify-center', 'rounded-lg', 'px-4', 'py-2', 'text-xs', 'font-black', 'shadow-sm'] as $requiredClass) { + $this->assertContains($requiredClass, $classes['create'], "The Create ticket button is missing the {$requiredClass} Ticket controls class."); + } + + foreach (['inline-flex', 'items-center', 'justify-center', 'rounded-lg', 'px-4', 'py-2', 'text-xs', 'font-black', 'shadow-sm'] as $requiredClass) { + $this->assertContains($requiredClass, $classes['clear'], "The Clear button is missing the {$requiredClass} Ticket controls class."); + } + + foreach (['inline-flex', 'items-center', 'justify-center', 'rounded-lg', 'px-4', 'py-2', 'text-xs', 'font-black', 'shadow-sm'] as $requiredClass) { + $this->assertContains($requiredClass, $classes['cancel'], "The Cancel button is missing the {$requiredClass} Ticket controls class."); + } + }); + } +} diff --git a/Modules/Helpdesk/changelog.yaml b/Modules/Helpdesk/changelog.yaml index 4aab0c27..ec8882e0 100644 --- a/Modules/Helpdesk/changelog.yaml +++ b/Modules/Helpdesk/changelog.yaml @@ -524,3 +524,14 @@ - Reworked the create-ticket footer actions to match the compact professional Ticket controls button pattern for Clear, Cancel and Create ticket. - Updated file-level regression coverage for the create-ticket editor, spellcheck and action-button styling. - Preserved append-only changelog history. + +- version: 1.10.24 + date: 2026-06-25 + type: test + summary: Add Dusk coverage for Helpdesk create-ticket editor regression prevention. + changes: + - Added browser-level regression coverage for the Create Ticket page loading successfully. + - Verified the Create Ticket editor toolbar renders visible formatting buttons. + - Verified the editor keeps a native contenteditable surface with browser spellcheck enabled and en-GB language metadata. + - Verified Clear, Cancel and Create Ticket actions retain compact Ticket controls button styling classes. + - Preserved append-only changelog history. diff --git a/Modules/Helpdesk/module.json b/Modules/Helpdesk/module.json index c74b2db0..3ae11d8a 100644 --- a/Modules/Helpdesk/module.json +++ b/Modules/Helpdesk/module.json @@ -23,5 +23,5 @@ "Modules\\Helpdesk\\Providers\\HelpdeskServiceProvider" ], "files": [], - "version": "1.10.22" + "version": "1.10.24" }