ImageTest.php

<?php

declare (strict_types=1);
namespace Drupal\Tests\ckeditor5\FunctionalJavascript;

// cspell:ignore imageresize imageupload

/**
 * @coversDefaultClass \Drupal\ckeditor5\Plugin\CKEditor5Plugin\Image
 * @group ckeditor5
 * @group #slow
 * @internal
 */
class ImageTest extends ImageTestTestBase {
    use ImageTestBaselineTrait;
    
    /**
     * Tests the ckeditor5_imageResize and ckeditor5_imageUpload settings forms.
     */
    public function testImageSettingsForm() : void {
        $assert_session = $this->assertSession();
        $this->drupalGet('admin/config/content/formats/manage/test_format');
        // The image resize and upload plugin settings forms should be present.
        $assert_session->elementExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-imageresize"]');
        $assert_session->elementExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-image"]');
        // Removing the drupalImageInsert button from the toolbar must remove the
        // plugin settings forms too.
        $this->triggerKeyUp('.ckeditor5-toolbar-item-drupalInsertImage', 'ArrowUp');
        $assert_session->assertWaitOnAjaxRequest();
        $assert_session->elementNotExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-imageresize"]');
        $assert_session->elementNotExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-image"]');
        // Re-adding the drupalImageInsert button to the toolbar must re-add the
        // plugin settings forms too.
        $this->triggerKeyUp('.ckeditor5-toolbar-item-drupalInsertImage', 'ArrowDown');
        $assert_session->assertWaitOnAjaxRequest();
        $assert_session->elementExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-imageresize"]');
        $assert_session->elementExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-image"]');
    }
    
    /**
     * Tests that it's possible to upload SVG image, with the test module enabled.
     */
    public function testCanUploadSvg() : void {
        $this->container
            ->get('module_installer')
            ->install([
            'ckeditor5_test_module_allowed_image',
        ]);
        $page = $this->getSession()
            ->getPage();
        $src = 'core/modules/ckeditor5/tests/fixtures/test-svg-upload.svg';
        $this->drupalGet($this->host
            ->toUrl('edit-form'));
        $this->waitForEditor();
        $this->assertNotEmpty($image_upload_field = $page->find('css', '.ck-file-dialog-button input[type="file"]'));
        $image_upload_field->attachFile($this->container
            ->get('file_system')
            ->realpath($src));
        // Wait for the image to be uploaded and rendered by CKEditor 5.
        $this->assertNotEmpty($this->assertSession()
            ->waitForElementVisible('css', '.ck-widget.image-inline > img[src$="test-svg-upload.svg"]'));
    }

}