more tests fixes for duck tests

This commit is contained in:
Mark Gregory
2026-06-17 07:51:09 +01:00
parent 5ec593e802
commit 433a906699
7 changed files with 97 additions and 117 deletions
@@ -20,18 +20,19 @@ final class HelpdeskTicketBrowserTest extends DuskTestCase
$this->browse(function (Browser $browser) use ($user, $fixtures): void {
$browser->loginAs($user)
->visitRoute('helpdesk.tickets.create')
->waitFor('.helpdesk-ticket-form')
->waitFor('@helpdesk-ticket-create')
->assertSee('Create ticket')
->type('input[data-dusk="ticket-subject"]', 'Browser created helpdesk ticket');
->type('@ticket-subject', 'Browser created helpdesk ticket');
$this->setTicketCreateProperty($browser, 'body', '<p>This browser ticket proves the form saves correctly.</p>');
$this->setTicketCreateProperty($browser, 'board_id', $fixtures['board']->id);
$this->setTicketCreateProperty($browser, 'priority_id', $fixtures['high']->id);
$this->setTicketCreateProperty($browser, 'category_id', $fixtures['category']->id);
$this->setTicketCreateProperty($browser, 'team_id', $fixtures['team']->id);
$this->setTicketCreateProperty($browser, 'project_id', $fixtures['project']->id);
$this->setHelpdeskEditor($browser, 'ticket-body-editor', '<p>This browser ticket proves the form saves correctly.</p>');
$this->setHelpdeskSelect($browser, 'board_id', $fixtures['board']->id);
$this->setHelpdeskSelect($browser, 'priority_id', $fixtures['high']->id);
$this->setHelpdeskSelect($browser, 'category_id', $fixtures['category']->id);
$this->setHelpdeskSelect($browser, 'team_id', $fixtures['team']->id);
$this->setHelpdeskSelect($browser, 'project_id', $fixtures['project']->id);
$browser->click('button[data-dusk="ticket-create-submit"]')
$browser->pause(500)
->press('@ticket-create-submit')
->waitFor('@helpdesk-ticket-index', 10)
->assertSee('Browser created helpdesk ticket')
->assertSee('High')
@@ -59,62 +60,77 @@ final class HelpdeskTicketBrowserTest extends DuskTestCase
->visitRoute('helpdesk.tickets.show', $ticket)
->waitFor('@helpdesk-ticket-show')
->assertSee('Browser response ticket');
$browser->script(<<<'JS'
$this->setTicketShowProperty($browser, 'commentBody', '<p>First browser response</p>');
const editor = document.querySelector('[data-dusk="ticket-comment-editor"] [contenteditable="true"], [dusk="ticket-comment-editor"] [contenteditable="true"]');
$browser->press('@post-comment')
if (! editor) {
throw new Error('Ticket comment editor was not found.');
}
editor.innerHTML = 'First browser response';
editor.dispatchEvent(new InputEvent('input', {
bubbles: true,
inputType: 'insertText',
data: 'First browser response',
}));
JS);
$this->setHelpdeskEditor($browser, 'ticket-comment-editor', '<p>First browser response</p>');
$browser->pause(500)
->press('@post-comment')
->waitForText('First browser response', 10)
->assertSee('First browser response');
});
}
/**
* Set a property on the Livewire create-ticket component from the real form root.
*/
private function setTicketCreateProperty(Browser $browser, string $property, mixed $value): void
private function setHelpdeskEditor(Browser $browser, string $dusk, string $html): void
{
$encodedProperty = json_encode($property, JSON_THROW_ON_ERROR);
$encodedValue = json_encode($value, JSON_THROW_ON_ERROR);
$encodedDusk = json_encode($dusk, JSON_THROW_ON_ERROR);
$encodedHtml = json_encode($html, JSON_THROW_ON_ERROR);
$browser->script(<<<JS
const form = document.querySelector('.helpdesk-ticket-form');
if (! form) {
throw new Error('Helpdesk ticket create form was not found.');
const key = {$encodedDusk};
const editorRoot = document.querySelector('[dusk="' + key + '"]') || document.querySelector('[data-dusk="' + key + '"]');
if (! editorRoot) {
throw new Error('Helpdesk editor '+key+' was not found.');
}
const componentRoot = form.closest('[wire\\:id]');
if (! componentRoot || ! window.Livewire) {
throw new Error('Helpdesk ticket create Livewire component was not found.');
const editor = editorRoot.querySelector('[contenteditable="true"]');
if (! editor) {
throw new Error('Helpdesk editor content area '+key+' was not found.');
}
window.Livewire.find(componentRoot.getAttribute('wire:id')).set({$encodedProperty}, {$encodedValue});
editor.innerHTML = {$encodedHtml};
editor.dispatchEvent(new InputEvent('input', { bubbles: true, inputType: 'insertText', data: ' ' }));
editor.dispatchEvent(new Event('blur', { bubbles: true }));
JS);
}
/**
* Set a property on the Livewire ticket-show component from the real show-page root.
*/
private function setTicketShowProperty(Browser $browser, string $property, mixed $value): void
private function setHelpdeskSelect(Browser $browser, string $model, int|string|null $value): void
{
$encodedProperty = json_encode($property, JSON_THROW_ON_ERROR);
$encodedValue = json_encode($value, JSON_THROW_ON_ERROR);
$encodedModel = json_encode($model, JSON_THROW_ON_ERROR);
$encodedValue = json_encode($value === null ? '' : (string) $value, JSON_THROW_ON_ERROR);
$browser->script(<<<JS
const show = document.querySelector('[dusk="helpdesk-ticket-show"]');
if (! show) {
throw new Error('Helpdesk ticket show root was not found.');
const model = {$encodedModel};
const value = {$encodedValue};
const select = document.querySelector('[data-wire-model="' + model + '"]');
if (! select) {
throw new Error('Helpdesk select '+model+' was not found.');
}
const componentRoot = show.closest('[wire\\:id]');
if (! componentRoot || ! window.Livewire) {
throw new Error('Helpdesk ticket show Livewire component was not found.');
select.value = value;
select.dispatchEvent(new Event('change', { bubbles: true }));
if (window.jQuery) {
window.jQuery(select).val(value).trigger('change.select2').trigger('change.helpdesk-select2').trigger('change');
}
window.Livewire.find(componentRoot.getAttribute('wire:id')).set({$encodedProperty}, {$encodedValue});
JS);
}
}