function CKEditor5HeightTest::testCKEditor5Height

Tests editor height respects rows config.

File

core/modules/ckeditor5/tests/src/FunctionalJavascript/CKEditor5HeightTest.php, line 23

Class

CKEditor5HeightTest

Tests ckeditor height respects field rows config.

Namespace

Code

public function testCKEditor5Height() : void {
  $this->addNewTextFormat();
  /** @var \Drupal\editor\Entity\Editor $editor */
  $editor = Editor::load('ckeditor5');
  $editor->setSettings([
    'toolbar' => [
      'items' => [
        'sourceEditing',
      ],
    ],
    'plugins' => [
      'ckeditor5_sourceEditing' => [
        'allowed_tags' => [],
      ],
    ],
  ])
    ->save();
  $this->drupalGet('/node/add/page');
  $this->waitForEditor();
  // We expect height to be 320, but test to ensure that it's greater
  // than 300. We want to ensure that we don't hard code a very specific
  // value because tests might break if styles change (line-height, etc).
  // Note that the default height for CKEditor5 is 47px.
  $this->assertGreaterThan(300, $this->getEditorHeight());
  // Check source editing height.
  $this->pressEditorButton('Source');
  $assert = $this->assertSession();
  $this->assertNotNull($assert->waitForElementVisible('css', '.ck-source-editing-area'));
  $this->assertGreaterThan(300, $this->getEditorHeight(TRUE));
  // Test the max height of the editor is less that the window height.
  $body = \str_repeat('<p>Llamas are cute.</p>', 100);
  $node = $this->drupalCreateNode([
    'body' => $body,
  ]);
  $this->drupalGet($node->toUrl('edit-form'));
  $this->assertLessThan($this->getWindowHeight(), $this->getEditorHeight());
  // Check source editing has a scroll bar.
  $this->pressEditorButton('Source');
  $this->assertNotNull($assert->waitForElementVisible('css', '.ck-source-editing-area'));
  $this->assertTrue($this->isSourceEditingScrollable());
  // Double the editor row count.
  \Drupal::service('entity_display.repository')->getFormDisplay('node', 'page')
    ->setComponent('body', [
    'type' => 'text_textarea_with_summary',
    'settings' => [
      'rows' => 18,
    ],
  ])
    ->save();
  // Check the height of the editor again.
  $this->drupalGet('/node/add/page');
  $this->waitForEditor();
  // We expect height to be 640, but test to ensure that it's greater
  // than 600. We want to ensure that we don't hard code a very specific
  // value because tests might break if styles change (line-height, etc).
  // Note that the default height for CKEditor5 is 47px.
  $this->assertGreaterThan(600, $this->getEditorHeight());
}