class CKEditor5CKEditor4Compatibility in Drupal 10

Ensures that CKEditor 5 can be used on the same page with CKEditor 4.

@group ckeditor5 @internal

Hierarchy

• class \Drupal\Tests\ckeditor5\FunctionalJavascript\CKEditor5CKEditor4Compatibility extends \Drupal\Tests\ckeditor5\FunctionalJavascript\CKEditor5TestBase

File

core/modules/ckeditor5/tests/src/FunctionalJavascript/CKEditor5CKEditor4Compatibility.php, line 19

Namespace

Drupal\Tests\ckeditor5\FunctionalJavascript

class CKEditor5CKEditor4Compatibility extends CKEditor5TestBase {

  /**
   * {@inheritdoc}
   */
  protected static $modules = [
    'ckeditor',
    'ckeditor5_test',
  ];

  /**
   * {@inheritdoc}
   */
  protected function setUp() : void {
    parent::setUp();
    $current_user_roles = $this->loggedInUser
      ->getRoles(TRUE);

    // Create text format, text editor and text fields for CKEditor 5 and 4.
    foreach ([
      5 => 'ckeditor5',
      4 => 'ckeditor',
    ] as $version => $text_editor_plugin_id) {
      $format_id = sprintf('test_format_for_ckeditor%d', $version);
      $field_name = sprintf('field_text_ckeditor%d', $version);
      FilterFormat::create([
        'format' => $format_id,
        'name' => sprintf('CKEditor %d editor', $version),
        'roles' => $current_user_roles,
        'filters' => [
          'filter_html' => [
            'status' => TRUE,
            'settings' => [
              'allowed_html' => '<p> <br> <h2> <h3> <h4> <h5> <h6> <strong> <em>',
            ],
          ],
        ],
      ])
        ->save();
      Editor::create([
        'editor' => $text_editor_plugin_id,
        'format' => $format_id,
        'settings' => $version === 4 ? [] : [
          'toolbar' => [
            'items' => [
              'heading',
              'bold',
              'italic',
            ],
          ],
          'plugins' => [
            'ckeditor5_heading' => [
              'enabled_headings' => [
                'heading2',
                'heading3',
                'heading4',
                'heading5',
                'heading6',
              ],
            ],
          ],
        ],
        'image_upload' => [
          'status' => FALSE,
        ],
      ])
        ->save();
      if ($version === 5) {
        $this
          ->assertSame([], array_map(function (ConstraintViolation $v) {
          return (string) $v
            ->getMessage();
        }, iterator_to_array(CKEditor5::validatePair(Editor::load($format_id), FilterFormat::load($format_id)))));
      }
      $field_storage = FieldStorageConfig::create([
        'field_name' => $field_name,
        'entity_type' => 'node',
        'type' => 'text_long',
      ]);
      $field_storage
        ->save();
      FieldConfig::create([
        'field_storage' => $field_storage,
        'entity_type' => 'node',
        'bundle' => 'page',
      ])
        ->save();

      // Add the new field to the default form display.
      EntityFormDisplay::load('node.page.default')
        ->setComponent($field_name, [
        'type' => 'text_textarea',
      ])
        ->save();
    }
  }

  /**
   * Ensures that CKEditor 5 and CKEditor 4 can be used on the same page.
   */
  public function testCkeCompatibility() {
    $page = $this
      ->getSession()
      ->getPage();
    $assert_session = $this
      ->assertSession();
    $this
      ->drupalGet('node/add/page');
    $page
      ->selectFieldOption('field_text_ckeditor4[0][format]', 'test_format_for_ckeditor4');
    $page
      ->selectFieldOption('field_text_ckeditor5[0][format]', 'test_format_for_ckeditor5');
    $this
      ->assertNotEmpty($assert_session
      ->waitForElement('css', '.cke_wysiwyg_frame'));
    $this
      ->assertNotEmpty($assert_session
      ->waitForElement('css', '.ck-editor'));
  }

}