137 lines
5.0 KiB
PHP
137 lines
5.0 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
namespace Modules\Helpdesk\Tests\Browser;
|
|
|
|
use Laravel\Dusk\Browser;
|
|
use Modules\Helpdesk\Tests\Concerns\BuildsHelpdeskFixtures;
|
|
use Tests\DuskTestCase;
|
|
|
|
final class HelpdeskTicketBrowserTest extends DuskTestCase
|
|
{
|
|
use BuildsHelpdeskFixtures;
|
|
|
|
public function test_user_can_create_and_view_ticket_in_browser(): void
|
|
{
|
|
$fixtures = $this->seedLookupData();
|
|
$user = $this->user(['name' => 'Ticket Browser User']);
|
|
|
|
$this->browse(function (Browser $browser) use ($user, $fixtures): void {
|
|
$browser->loginAs($user)
|
|
->visitRoute('helpdesk.tickets.create')
|
|
->waitFor('@helpdesk-ticket-create')
|
|
->assertSee('Create ticket')
|
|
->type('@ticket-subject', 'Browser created helpdesk ticket');
|
|
|
|
$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->pause(500)
|
|
->press('@ticket-create-submit')
|
|
->waitFor('@helpdesk-ticket-index', 10)
|
|
->assertSee('Browser created helpdesk ticket')
|
|
->assertSee('High')
|
|
->assertSee('Support');
|
|
});
|
|
}
|
|
|
|
public function test_user_can_add_nested_response_in_browser(): void
|
|
{
|
|
$fixtures = $this->seedLookupData();
|
|
$user = $this->user(['name' => 'Response Browser User']);
|
|
$ticket = $this->ticket([
|
|
'owner' => $user,
|
|
'status_id' => $fixtures['open']->id,
|
|
'board_id' => $fixtures['board']->id,
|
|
'priority_id' => $fixtures['normal']->id,
|
|
'category_id' => $fixtures['category']->id,
|
|
'team_id' => $fixtures['team']->id,
|
|
'project_id' => $fixtures['project']->id,
|
|
'subject' => 'Browser response ticket',
|
|
]);
|
|
|
|
$this->browse(function (Browser $browser) use ($user, $ticket): void {
|
|
$browser->loginAs($user)
|
|
->visitRoute('helpdesk.tickets.show', $ticket)
|
|
->waitFor('@helpdesk-ticket-show')
|
|
->assertSee('Browser response ticket');
|
|
$browser->script(<<<'JS'
|
|
|
|
const editor = document.querySelector('[data-dusk="ticket-comment-editor"] [contenteditable="true"], [dusk="ticket-comment-editor"] [contenteditable="true"]');
|
|
|
|
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');
|
|
});
|
|
}
|
|
|
|
private function setHelpdeskEditor(Browser $browser, string $dusk, string $html): void
|
|
{
|
|
$encodedDusk = json_encode($dusk, JSON_THROW_ON_ERROR);
|
|
$encodedHtml = json_encode($html, JSON_THROW_ON_ERROR);
|
|
|
|
$browser->script(<<<JS
|
|
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 editor = editorRoot.querySelector('[contenteditable="true"]');
|
|
if (! editor) {
|
|
throw new Error('Helpdesk editor content area '+key+' was not found.');
|
|
}
|
|
editor.innerHTML = {$encodedHtml};
|
|
editor.dispatchEvent(new InputEvent('input', { bubbles: true, inputType: 'insertText', data: ' ' }));
|
|
editor.dispatchEvent(new Event('blur', { bubbles: true }));
|
|
JS);
|
|
}
|
|
|
|
private function setHelpdeskSelect(Browser $browser, string $model, int|string|null $value): void
|
|
{
|
|
$encodedModel = json_encode($model, JSON_THROW_ON_ERROR);
|
|
$encodedValue = json_encode($value === null ? '' : (string) $value, JSON_THROW_ON_ERROR);
|
|
|
|
$browser->script(<<<JS
|
|
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.');
|
|
}
|
|
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');
|
|
}
|
|
JS);
|
|
}
|
|
}
|