function CKEditor5CodeSyntaxTest::testCKEditor5CodeSyntax

Tests code block configured languages are respected.

File

core/modules/ckeditor5/tests/src/FunctionalJavascript/CKEditor5CodeSyntaxTest.php, line 24

Class

CKEditor5CodeSyntaxTest

Tests code block configured languages are respected.

Namespace

Code

public function testCKEditor5CodeSyntax() : void {
  $this->addNewTextFormat();
  /** @var \Drupal\editor\Entity\Editor $editor */
  $editor = Editor::load('ckeditor5');
  $editor->setSettings([
    'toolbar' => [
      'items' => [
        'codeBlock',
      ],
    ],
    'plugins' => [
      'ckeditor5_codeBlock' => [
        'languages' => [
          [
            'label' => 'Twig',
            'language' => 'twig',
          ],
          [
            'label' => 'YML',
            'language' => 'yml',
          ],
        ],
      ],
    ],
  ])
    ->save();
  $this->drupalGet('/node/add/page');
  $this->waitForEditor();
  // Open code block dropdown, and verify that correct languages are present.
  $assertSession = $this->assertSession();
  $page = $this->getSession()
    ->getPage();
  $page->find('css', '.ck-code-block-dropdown .ck-dropdown__button .ck-splitbutton__arrow')
    ->click();
  $codeBlockOptionsSelector = '.ck-code-block-dropdown .ck-dropdown__panel .ck-list__item .ck-button__label';
  $assertSession->waitForElementVisible('css', $codeBlockOptionsSelector);
  $codeBlockOptions = $page->findAll('css', $codeBlockOptionsSelector);
  $this->assertCount(2, $codeBlockOptions);
  $this->assertEquals([
    'Twig',
    'YML',
  ], \array_map(static fn(NodeElement $el) => $el->getText(), $codeBlockOptions));
}